拉面前端

上面已经创建好了要打包的文件，并且都互相导出、引入。接下来创建lib文件夹，用来存放自己实现的bundler.js相关文件，用来实现打包功能。 bundler.js会导出一个bundler类。 并且会接收webpack配置传进来的options参数。 最后执行run()函数执行…

Babel相当于一个翻译官，能讲ES6代码转换成ES5代码，这样我们开发过程中就不需要考虑因为使用JS新特性而产生的浏览器兼容问题。同时还可以通过插件机制根据需求来灵活扩展，十分方便。 Babel在执行编辑的时候，会先从项目根目录下.babelrc的文件读取配置，如果没有找到该…

因为零配置是很弱的，特定的需求，总是需要自己进行配置。 在webpack有一个默认的配置文件，我们可以新建webpack.config.js，对这个文件进行修改，个性化配置。 模块解析，模块转换器，用于把模块原内容按照需求转换成新内容，可以理解为翻译官的意思。webpack是模…

3、这里用到了v-bind="$attrs": 将调用组件时的组件标签上绑定的非props的特性(class和style除外)向下传递。在子组件中应当添加inheritAttrs: false(避免父作用域的不被认作props的特性绑定应用在子组件的根元素上)。注意： $att…

display:none 隐藏对应的元素，在文档布局中不再给它分配空间，它各边的元素会合拢，就当他从来不存在。 visibility:hidden 隐藏对应的元素，但是在文档布局中仍保留原来的空间。 清除浮动的技巧 浮动元素脱离文档流，不占据空间。浮动元素碰到包含它的边框或者浮…

先看下Vue是怎样写的Vue中双向绑定的原理模板编译数据劫持观察数据的变化(watcher)(简易版vue原理)MVVM.js编译Compilecompile.js下面开始执行第二部==>编译isDi