07 2018 档案

摘要：是关于歌手详情页开发的问题。首先在singer中获取接口中的数据，有很多歌手数据。id，img，name这三个参数。然后从新封装下这个数据，首先前十个作为热门数据。然后根据字母的排序封装。之后大概就封装好了，然后把数据传给子组件，listview，子组件渲染就得到画面了。点击子组件的任意一个歌手，子 阅读全文

摘要：代码分割： 分离业务代码 和 第三方依赖 分离业务代码 和业务公共代码 和第三方依赖 分离首次加载 和 访问加载后的代码 常用的：require.ensure() []:denpendencies callback errorCallback chunkName 首先第一步这次是代码分割和上节有变化 阅读全文

摘要：随便说下逻辑最开始有 这里单独把插件代码打出来，但是有个问题，这个插件代码包括了pageA,pageB.为了有所区分。 这时生成四个js A,B和独立出来的插件代码，还有相对于vendor，里面的webpack代码。只有些jsonp方法。 在添加个这个函数就好了。 现在基本就打包好了，给A,B打包出 阅读全文

摘要：webpack.optimize.CommonsChunkPlugin这个是内置方法到时候new就行了。 首先创 建，pagea，pageb，然后在这两个里面引入subpagea，subpageb，和moduleA然后打包以后，会生成一个common.bundle.js 也就是公共代码，里面有sub 阅读全文

摘要：首先npm给插件下载好 use里面的配置是根据插件的需求配置的，其他的是些基本配置。 这种方式不错但是，用 babel-polyfill更简单一些， import 'babel-polyfill' 在需要打包的es6头文件中就行了。 用的webpack3.10.0.可以根据自己所看资料选择版本并不是 阅读全文

摘要：webpack v1 功能：编译，打包 hmr（模块热更新） 代码分割 文件处理 webpack v2 tree shaking 功能：你在你项目引入的代码，但是实际上并没有作用的他会帮你去除。代码体积更小 ES module 动态Import webpack v3 Scope Hoisting（作 阅读全文

摘要：首先数组去重有很多方法，这里看见几个特别好的。 第一个方法，用了indexof的特性，判断数组中是否有此元素。最开始数组是空的，然后添加进去元素，当第二次遇到元素判断数组里面有没有，没有的话才添加进去。 第二种方法，indexof是判断他首次出现的index。i是自然增长的，如果不出现重复的字符那么 阅读全文