摘要：
针对移动端浏览器： 大部分的浏览器内核都是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 阅读全文
摘要：
js文件什么时候合并？ css和js到底是内联还是外部引入？ 前者速度快，但没办法缓存，没办法多页面共用；后者速度慢，需要额外的请求，但可以缓存，多页面共享。 两全其美的办法【内联+预加载+cookie标志判断】：用户第一次打开网页时，没有cookie，服务器返回包含内联css和js的页面和cook 阅读全文