首先写一个后台的数据接口，地址是：[链接] 然后使用wx.request调用后台数据接口的地址 示例代码 {代码...} 运行代码，效果如下图： 从上图中看到页面一片空白，没有获取到数据，并且控制台报错（request 合法域名校验出错；[链接] 不在以下 request 合法域名列表中...

M: modelV: viewC: controlerP: presenterVM: view-modelmvp 是mvc的演变，在mvp里，m和v不直接再有关联，他们的交互完全通过p层来管理mvvm vm里有数据和视图的双向数据绑定。

直接上代码吧 {代码...}

首先先看两种创建对象的方法，原型链是怎么走的我们可以看到1、f1 实例后的对象，__proto__指向f1的prototype，向上继续能找到Function2、Object 实例后的对象，__proto__ 指向Object.prototype, 向继续找发现，Object的原型对象是Function.prototype,也就是说，Obje...

背景：二叉树是一种数据结构，那么如果使用js遍历它呢 1、前序遍历，根--左--右 {代码...} 2、中序遍历，左--根--右 {代码...} 3、后序遍历，左--右--根 {代码...} 4、js的二叉数结构 {代码...} 执行 {代码...} 结果是：

背景：团队中经常会有一些公用的轻量库可以抽离出来，这时候如果做成一个npm包，发布上去，每次建立一个新的项目时，npm i packagename就好，然后引用就能用了，很方便，但是有些东西是团队内部人员使用，不能放到公共的npm上托管，放到公司的内部服务器上比较好。

完整代码如下： 1.html {代码...} 2.html {代码...} 代码运行效果图如下： 1.不填写名字 2.填写名字 代码分析： 当点击提交按钮（button按钮）的时候，浏览器会自动触发onsubmit事件，执行Checkname()函数。Checkname()函数通过判断名字是否存在，来返回true或者fals...

通过cdn的方式可以快速访问到静态资源在当前的前端框架下，结合webpack使用cdn更方便，分两部进行1、把dist下的图片，js，css上传到cdn2、在webpack里配置output.publicPath: '[链接]'，css的输出在css-loader里配置，同样图片的输出在url-loader里配置。

背景：在很长的一段时间里，前端的上线都很慢，而且上线不稳定，部署多台服务器，必须全部都部署完毕才能正常使用，否则，根据权重的不同，会出现偶尔能用，偶尔不能用的情况，如果线上服务器网络不好，部署可能会失败，回滚次数很多

react组件对于一些异步任务的话，要及时清理，否则频繁渲染的话会造成异步任务持续增多，不会释放解决方案1、在componentWillUnmount时clearTimout() clearIntever()2、在componentDidMount是clearTimout() clearIntever()之后再setTimeout() setIntever()

bind在react组件中使用不当也会影响性能bind在render里面直接onClick = this.onClick.bind(this)这样写的话，render每次都会执行这段1、优化方案,使用箭头函数

影响react性能的很重要的一个因素还有scu，也就是shouldcomponentupdate生命周期，在这里可以判断这个组件是否应该更新，最好都使用purecomponent，因为purecomponent会默认做一次浅比较。

react key比较，是diff算法中的一种情况首先diff算法能计算出更新的差异，减少更新dom的频次diff分为三种情况1、tree比较只会比较同一层级的dom，跨层级的不会比较，跨层级更新，直接销毁重建2、component比较先比较组件类型，类型相同，进入compondshouldupdate里进...

需求：加载一个页面，特别复杂的时候会有很多的组件，我想知道每个组件渲染时间，清楚的定位到底哪个组件浪费时间多，然后优化。背景：react的性能优化一直很头疼，最早做过一个左右联动的列表页面，在本地运行没有任何问题，但是放到RN里，惨不忍睹，虽然过去了很久...

babel-loader在执行的时候，可能会产生一些运行期间重复的公共文件，造成代码体积大冗余，同时也会减慢编译效率 可以加上cacheDirectory参数 {代码...} 或者使用babel-plugin-transform-runtime {代码...}

webpack在本地开发提升效率的最有效的方法就是热更新了，热更新模块是在webpack中的devServer配置里进行配置的，相关代码如下

之前讲过，webpack4.0的optimization 下面的splitchunkplugin可以分割异步组件，从而减少过度的首页渲染问题。那么如何写一个异步组件呢？可以从下面几种方法入手：1、借助es6的import().then，手写一个异步高阶组件

在webpack4.0的时代，optimization下的splitchunk配置较多，尤其是cacheControls的权重配置，在4.0到5.0之间有一种过渡的使用缓存的方式，打包很快，借助hard-source-webpack-plugin，代码如下：

分离代码的好处，1、同步的组件，分离后，有些公共的组件hash值不会改变，打包时候也会绕过直接使用缓存，页面加载时，Etag不变，直接从浏览器缓存里读取。2、异步的组件，分离后，在页面加载时点击页面切换或者组件切换，才会加载对应的组件分离code，减少了首页的...

webpack打包优化策略一：DllPlugin:运行流程，1、生成dll文件新建一个webpack.dll.js 并运行webpack --config webpack.dll.js