摘要：
用flex实现css里的三大经典布局，不需要额外很多代码。 1,垂直居中 ：子元素在父元素中，水平垂直居中。justify-content：center设置水平方向居中，align-center设置垂直方向居中。 <div id="parent"> <div id="child"></div> </ 阅读全文
摘要：
项目UI框架采用ZUI，官方地址是这里：http://zui.sexy/。是一个仿bootstrap风格的框架，对各大浏览器的支持度都很好，而且样式很nice。 1，封装公用方法 如果想显示一个漂浮消息时，我们可以这样： // 点击按钮时显示漂浮消息 $('.btn').on('click', fu 阅读全文
摘要：
vue+elementUI项目打包后，首页加载时间较长，有很多方面值得深入研究、优化的地方，主要从以下二个方面着手： 1，element-ui 按需引入 （1）首先执行： npm install babel-plugin-component -D （2）然后在babelrc中的plugins配置： 阅读全文
摘要：
<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style> #container { width: 460px; height: 200px; margin: 50px auto; border: 1px 阅读全文
摘要：
把以前看的jQuery源码的分析笔记搬到博客上，重温经典，也是为了方便查询。 众所周知，jQuery有二种方法调用形式，$.xxx()和$().xxx()。 $.xxx()：可以给jQuery对象和原生js对象用，也就是俗称的工具方法； $().xxx()：只能给jQuery对象使用。 工具方法常用 阅读全文
摘要：
把以前看的jQuery源码的分析笔记搬到博客上，重温经典，也是为了方便查询。 document.body 还不存在时，DOMContentLoaded未完成，于是将jQuery.ready放入setTimeout， 由于setTimeout属于宏任务，会将jQuery.ready事件放入宏任务队列后 阅读全文
摘要：
把以前看的jQuery源码的分析笔记搬到博客上，重温经典，也是为了方便查询。 将源码中的逻辑精简如下： 加载jquery和另外一个也是用$的库之后， var $j = jQuery.noConflict(); // 定义一个新的名称 $j(function(){}); 如果想在jQuery里继续使用 阅读全文
摘要：
把以前看的jQuery源码的分析笔记搬到博客上，重温经典，也是为了方便查询。 typeof 不能区分Array，RegExp等object类型，jquery为了扩展typeof的能力，添加了$.type； 针对特殊的对象（如null，Array，RegExp）也进行精准的类型判断； 运用钩子机制，判 阅读全文
摘要：
把以前看的jQuery源码的分析笔记搬到博客上，重温经典，也是为了方便查询。 jQuery没有使用new来实例化jquery，而是直接调用其函数，要实现这样，要把jquery看成一个类，而且返回一个正确的实例， 实例还要能正确访问jquery类原型上的方法和属性，通过传递原型，使得init方法生成的 阅读全文
摘要：
把以前看的jQuery源码的分析笔记搬到博客上，重温经典，也是为了方便查询。 jQuery里有一段源码，用来将连字符-改成驼峰，精简提炼出来如下： function camelCase(str) { return str.replace(/-([a-z])/g, function(all, lett 阅读全文
摘要：
gulp是基于node编写的一个构建工具，有4个主要的API： gulp.src() - 输出符合条件的文件 gulp.dest() - 能被pipe进来，并写文件 gulp.task() - 定义任务 gulp.watch() - 监听文件 首先，默认node环境已经安装； 全局安装gulp： n 阅读全文