摘要: 在APP.vue主组件中,内容上就只有<router-view></router-view>,然后在其他页面也有<router-view></router-view>,可以理解为: 一层路径(/xxx)对应一个router-view 比如url: /a/b/c (假设a、b、c都为正常路径,不会作为 阅读全文
posted @ 2019-02-14 12:53 maomao^_^ 阅读(15892) 评论(0) 推荐(1) 编辑
摘要: render函数比template模板更加接近编辑器。使用虚拟dom渲染节点可以提升性能,通过createElement(h)来创建dom节点。template也是被解析成虚拟dom。(虚拟dom实际是一个JavaScript对象) computed属性实在vnode虚拟节点created()生命周 阅读全文
posted @ 2019-02-13 16:57 maomao^_^ 阅读(442) 评论(0) 推荐(0) 编辑
摘要: 这三个概念一个一个阐述: async async作为一个关键字放在一个函数前面,用来表示这个函数是异步的(执行顺序一般是同步、异步、回调)异步函数不会阻塞后面代码的执行,先看例子吧 语法就是在函数之前加async关键字,用来表示异步 我们看浏览器控制台 async 函数 timeout 调用了,但是 阅读全文
posted @ 2018-12-13 11:49 maomao^_^ 阅读(161) 评论(0) 推荐(0) 编辑
摘要: webpack插件机制是整个webpack工具的核心,那么webpack插件有什么特点呢? 1、独立的JS模块,暴露相应的函数 2、函数原型上的apply方法会注入compiler对象(之所以要定义apply方法,是因为源码中是通过plugin.apply()调用插件的) 3、compiler对象上 阅读全文
posted @ 2018-12-10 12:04 maomao^_^ 阅读(237) 评论(0) 推荐(0) 编辑
摘要: 一般的图形都是有SVG的path元素构成的,每张图都有不同的path元素,每个path元素都有d属性来定义path,如 下面大概简单介绍下不同d3 shape的路径生成器 Line generator 我们给d3一个(x,y)坐标的数组,d3就能生成一串path data string。我们来定义一 阅读全文
posted @ 2018-12-03 14:56 maomao^_^ 阅读(232) 评论(0) 推荐(0) 编辑
摘要: 在router-link中必须加入native,click事件才能生效,否则,router-link会阻止click事件,而a标签不会阻止。 可以这么认为,native就是一个把组件变回原生DOM的一种方法,给vue组件绑定事件的时候,一定要加上native,如果是普通元素就不需要 附注:https 阅读全文
posted @ 2018-11-19 11:29 maomao^_^ 阅读(3895) 评论(0) 推荐(0) 编辑
摘要: 今天读完了《写给大家看的设计书》(第四版),Robin Williamy用浅显易懂的语言和例子,给我们展示了设计中的基本原则,以下做一个简单的记录和总结。 设计中需要遵循的四个原则,其实很多都是我们在设计中已经实践,但是不明白或者只是觉得这样好看,而说不清楚为什么好看,书中清楚的写明了设计原理,让我 阅读全文
posted @ 2018-11-14 17:21 maomao^_^ 阅读(654) 评论(0) 推荐(0) 编辑
摘要: 因为javascript引擎的关系,node.js默认是单线程,一个node.js应用无法利用多核资源。不过有第三方库提供多线程支持,但不是无缝的。node.js是解决I/O瓶颈的(相对于传统技术,同步阻塞调用浪费线程),它并没有提高I/O速度,只是资源调度更高效。如果I/O速度不解决,node.j 阅读全文
posted @ 2018-11-13 18:19 maomao^_^ 阅读(137) 评论(0) 推荐(0) 编辑
摘要: 一、检验一个变量是String类型 Note: 如果用typeof来判断一个变量是否存在,需要使用: 不要使用 因为吐过a没有声明,不存在,就会出错 二、检验一个变量是数组 1、instanceof 2、Array.isArray 3、Object.prototype.toString 阅读全文
posted @ 2018-11-13 16:13 maomao^_^ 阅读(740) 评论(0) 推荐(0) 编辑
摘要: postcss-pxtorem是将px转化为rem的一个插件 rem单位是根据根节点字体大小 => 设置根节点大小 => 动态改变rem大小 Step1:实现rem布局 Step2: Main.js中引入文件后,可以查看根节点,查看是否有被自动添加font-size Note:完成这一步实际上就是实 阅读全文
posted @ 2018-11-13 14:12 maomao^_^ 阅读(1849) 评论(0) 推荐(0) 编辑