11 2017 档案
摘要：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise http://www.ruanyifeng.com/blog/2015/04/generator.html https:/
阅读全文
摘要：When to use IMG vs. CSS background-image? img： alt和title属性可以提供好的用户体验； 可以等比例缩放； 提供更好的动画性能； 当图像属于内容的一部分：图标、图解、头像等； 打印的时候默认会引入图片 从SEO角度来看：当需要被搜索引擎来索引到的时候
阅读全文
摘要：http://fex.baidu.com/blog/2014/05/build-performance-monitor-in-7-days/ http://www.cnblogs.com/chuaWeb/p/PerformanceMonitoring.html 浏览器加载过程的四个关键性能指标： 白
阅读全文
摘要：参考：https://segmentfault.com/a/1190000006599500#articleHeader4 记录自己的理解： 核心的响应原理通过Object.defineProperty来实现，这个api支持ie9及以上。这也就意味着vue不能应用于ie9以下 Vue实例的生命周期：
阅读全文
摘要：指令生命周期 compile阶段 对dom进行编译，首先（如果有的话）对template进行应用（这个过程只执行一次）。然后把当前指令（内部的指令还没被渲染）传递给iElement，接着执行compile（这个过程执行多次）。多个指令实例只会执行一次compile，所以只要我们在compile中对i
阅读全文
摘要：参考：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array Array.prototype.forEach() Array.prototype.filter() 过滤所有偶数，返回
阅读全文
摘要：原型和原型链 在对象自身身上找不到指定属性时，就会到这个对象的原型__proto__上找，原型也是指向一个对象，在这个对象上还找不到对应属性，则继续到原型上来找...以上过程形成原型链。 访问对象的原型：obj.__proto__ 或者可以调用Object.getPrototypeOf(obj)，返
阅读全文
摘要：浏览器通常在运行js上花费的时间很少，绝大部分时间都消耗在dom上。 使用浏览器性能评估工具 内存出现问题时，可以从这两方面入手：1.delete不再需要的js对象。2.移除不必要的dom 代码拆分：doloto工具用于把代码分成两部分：1.onload前执行。2.onload后异步下载执行 延迟加
阅读全文
摘要：https://cn.vuejs.org/v2/guide/installation.html#运行时-编译器-vs-只包含运行时 文档中的这个地方，说的不清楚 If you need to compile templates on the client (e.g. passing a string
阅读全文
摘要：vue-loader 能根据 .vue 文件，导入一个vue组件。我这里从 vue-cli 的构建项目中抽取了vue-loader 一个小例子出来：vuedemo/demo02 vue-loader 自带postcss的依赖，也就是说被引入的 .vue 组件中的css 会被postcss处理，但需要
阅读全文
摘要：https://sentry.io/for/vue/ https://cn.vuejs.org/v2/guide/deployment.html#跟踪运行时错误
阅读全文
摘要：参考：http://www.cnblogs.com/dojo-lzz/p/5452575.html wap中的原生touch 事件，touchstart、touchmove、touchend、touchcancel，这些事件仅仅在移动端才会被触发，在pc端无效。而且在web中也没有PC的鼠标事件。两
阅读全文
摘要：float 特性1：可以为行内浮动元素设置宽高 运行发现，宽高设置没有生效。加上float：left后，宽高设置生效了。前后结果变化： 2.两端自适应布局 运行结果： clear 对于CSS的清除浮动(clear)，一定要牢记：这个规则只能影响使用清除的元素本身，不能影响其他元素。 Clear给元素
阅读全文
摘要：针对移动端浏览器： 大部分的浏览器内核都是webkit内核，对h5和c3的支持非常好 库 国内比较流行的框架 ： 妹子UI bootstrap中解决ie8以及以下的h5标签和媒体查询兼容问题的两个库分别是：html5shiv 和 respond.js 前端开发资源库：https://www.awes
阅读全文
摘要：参考： https://router.vuejs.org/zh-cn/advanced/lazy-loading.html 路由懒加载 // 配置文件 module.exports = { entry: { index: './index.js', }, output: { path: __dirn
阅读全文
摘要：针对 这里 的所提到的观点，如果webpack每次都生成相同名字的bundle.js，会导致问题。这里使用webpack的文件hash功能来解决，简简单单地为输出文件添加一个“[hash]”即可。 运行生成文件如下： 如果把index.js中的 alert(123) ； 改为 alert(1233)
阅读全文
摘要：loader和plugins的区别是：前者处理单个文件，而后者作用于整个打包过程 内置插件：BannerPlugin 可以在打包后的文件上方添加备注信息，如版权说明等 打包后的bundle.js头部多了一行字： HtmlWebpackPlugin 根据一个给定的html，生成另一个html。新的相比
阅读全文
摘要：loader简介 loader在webpack.config.js中进行配置，配置之后，会自动检测打包过程中引入的文件（import或require），通过test成功匹配被引入的文件名后，会对文件内容进行编译处理，处理后再引入对应的编译后的内容。 babel-loader 使用babel-load
阅读全文
摘要：现在的主流浏览器还没有完全兼容ES6的语法，如ie11就不支持箭头函数。 使用过es6的人都知道，es6更加简洁和强大，可是使用es6写出来的代码并不能得到所有主流js引擎的支持，针对这一点，一个解决方案就是使用babel这个工具。 babel是一个js处理器，可以对js代码进行转换，可以转换jsx
阅读全文
摘要：watch 首先介绍watch选项，参考这里。可实现相关源文件改变后自动更新bundle.js文件的功能。在配置文件中添加 watch:true 或执行 webpack -w，即可开启watch功能； 测试发现，与（一个或多个）bundle.js有关的所有js、css等模块发生变化，就会自动执行打包
阅读全文
摘要：先来一个webpack小例子，项目结构如下： 运行结果： 页面上正常显示：“Hi there and greetings!”。 以上的例子很简单，可以直接在bundle.js中打断点进行调试。但是对于复杂的webpack程序，模块很多，如果全都在bundle中打断点进行调试，会很混乱，那该如何方便调
阅读全文
摘要：方法内的this指向vue实例。而且组件中上下文与vue实例是相互关联的，data和methods对象里的属性会被添加到vue实例上了： 常见指令 其中bind和on有以下的简写形式 一个实例对象类似ng中的scope对象，也有一样的watch方法。 但很不同的是，ng中允许动态添加属性，而往vue
阅读全文
浙公网安备 33010602011771号