摘要: 续上一篇文章:vue2.0 开发实践总结之入门篇 ,如果没有看过的可以移步看一下。 本篇文章目录如下: 1. vue 组件的说明和使用 2. vuex在实际开发中的使用 3. 开发实践总结 1. vue 组件的说明和使用 一个组件实质上是一个拥有预定义选项的一个 Vue 实例 在header组件内部 阅读全文
posted @ 2016-12-06 19:17 beidan 阅读(7946) 评论(7) 推荐(6) 编辑
摘要: vue2.0 据说也出了很久了,博主终于操了一次实刀。 整体项目采用 vue + vue-router + vuex (传说中的vue 全家桶 ),构建工具使用尤大大推出的vue-cli 后续文章:如果有兴趣,可以移步 vue2.0 开发实践总结之疑难篇 项目是图片分享社交平台。 项目预览: 1 . 阅读全文
posted @ 2016-12-05 17:04 beidan 阅读(22857) 评论(20) 推荐(9) 编辑
摘要: 博主一直心心念念想做一个小游戏~ 前端时间终于做了一个小游戏,直到现在才来总结,哈哈~ 以后要勤奋点更新博客! 实现原理 1.如何切图? 用之前的方法就是使用photoshop将图片切成相应大小的图片。这种做法不灵活,如果要更换图片的话,就得重新去切图,很麻烦。 现在是使用canvas,图片是一整张 阅读全文
posted @ 2016-10-28 14:47 beidan 阅读(3970) 评论(0) 推荐(0) 编辑
摘要: javascript用于存储的方式可谓是多种多样,善于应用‘存储’可以大大的提高网站的性能,博主结合日常开发常见需求做一下总结,希望对大家有用~ 1.cookie 存储大小: 4kb左右,以20个为上限, 清理机制: IE和Opera 会清理近期最少使用的cookie,Firefox会随机清理coo 阅读全文
posted @ 2016-10-02 19:16 beidan 阅读(852) 评论(1) 推荐(1) 编辑
摘要: 又一次懒癌发作,好久没有更新博客了。 做过很多移动端的项目,在开发调试过程中,一款好的调试工具会让效率大大提高。博主之前已经推荐了一款神器:http://www.cnblogs.com/beidan/p/5777476.html 下面,就总结一下移动端遇见的坑。 1.input placeholde 阅读全文
posted @ 2016-09-07 12:21 beidan 阅读(2107) 评论(2) 推荐(12) 编辑
摘要: 前言:博主翻山越岭,找了很久的 真机调试, 从老古董,weinre,到微信开发者工具,到最后的browser-sync,最后这个工具 真的是眼前一亮~ [本篇博客默认你已会使用gulp,npm~并且环境已经搭好] 1.npm init 找到目录中的 package.json, 在文件中添加相关依赖包 阅读全文
posted @ 2016-08-22 12:09 beidan 阅读(3613) 评论(3) 推荐(2) 编辑
摘要: 前言:之前赶项目,都是直接用框架,对于touch事件是模拟两可,趁着有心情,用es6写一个原生移动轮播插件。 用了es6的新特性,确实挺爽的,说到es6,就不得不说到babel,博主已经码好了,直接用就好了。下面简单说一下如何“搭环境”。 用Gulp、Babel等为浏览器构建ES6环境 [注意:该环 阅读全文
posted @ 2016-08-11 12:40 beidan 阅读(2137) 评论(1) 推荐(2) 编辑
摘要: 前言: 由于公司开发项目需要用到表情插件,在网上百度了好久,很多表情插件,都是需要引用好多js文件,也没有现成的demo可以使用,还有一些插件是引用好多图片,每一个表情都要重新请求一下。为了这样一个功能,要引入好多js,img,也是得不偿失…… 所以,博主自己码了一个小巧的“表情插件”,方便以后项目 阅读全文
posted @ 2016-07-26 10:02 beidan 阅读(3569) 评论(4) 推荐(7) 编辑
摘要: ———————————————————————————————最新更新—————————————————————————————————- 在面试的时候有面试官问我,懒加载这个插件你有没有想到如何去优化?又间接问我函数节流的问题,嘿嘿,今天就更新下这个插件,顺便应用下函数节流(throttle),先 阅读全文
posted @ 2016-07-07 10:02 beidan 阅读(5110) 评论(8) 推荐(10) 编辑
摘要: 因为JavaScript 中this 是在运行期进行绑定的,因此JavaScript 中this 关键字具备多重含义。 具体在实际应用中,this的指向大致可以分为下面4种。 作为对象的方法调用 和 作为普通函数调用 注意,不管x之前是obj.getA,还是其他某个对象的属性,只要最后是以x(),f 阅读全文
posted @ 2016-04-09 11:52 beidan 阅读(3595) 评论(6) 推荐(6) 编辑