一线蓝光

话说配置flutter这个环境给我印象那是相当的深刻，踩了很多坑，感谢网上大量的资料，东拼西凑的完成了我的配置，在此记录下我的血泪史。 如果你使用的终端是bash，配置结束。如果你和我一样，在某年某月的某一天，把终端改成了zsh，还需要在.zshrc中添加对应配置 这个命令会检…

Babel是JavaScript编译器，能将ES6代码转换成ES5代码，可以在开发过程中放心使用JS新特性而不用担心兼容性问题，还可以根据插件机制根据需求灵活扩展。 默认的Babel只支持let等一些基础的特性转换，Promise等一些还没有转换过来，这是需要借助@babel/…

url-loadeer和file-loader都可以用来处理本地的资源文件，如图片、字体、音视频等。功能也类似。url-loader可以指定在文件大小小于指定的限制时，返回DataURL,不会输出真实的文件，可以减少昂贵的网络请求。 htmlWebpackPlugin插件会在打…

经过以上几个loader处理，css最终是打包在js中的，运行时会动态掺入head中，但是在生产环境中我们一般会把css文件分离出来(有利于用户端缓存、并行加载及减小js包的大小),这时需要用到mini-css-extract-plugin插件。

webpack从入口模块出发，识别代码中的模块化导入语句，递归的找出入口文件的所有依赖，将入口和其依赖打包到一个单独的文件中。 chunk：指代码块，一个chunk可能由多个模块组合而成，也用于代码合并与分割。 entry: 顾名思义，就是入口起点， 用来告诉webpack用哪…

为了实现视图与业务逻辑的分离，无论MVP、MVVM、MVC的那个V都会使用模版引擎。 第二步 将{% %}表达式转化为JS语句这样就可以在模版中使用if、foreach了。

Vue使用的数据劫持方式，Vue2使用的是DefineProperty，一次劫持一个属性，Vue3使用响应式原理是Proxy,可以一次劫持一个对象。 Proxyh/Reflect是在ES2015规范中加入的，Proxy可以更好的拦截对象行为，Reflect可以更优雅的操作对象。…