一.前言 1.webpack原理 二.主要内容 1.webpack原理: (1)官网图:我们的项目有多个js, css文件的时候还需要考虑先引入哪一个后引入哪一个,因为这些js文件是相互依赖的,webpack是一个打包工具,可以将我们多个静态资源文件,多个js打包成一个js, 多个css打包成一个css文件 (2)webpack主要是基于异步异步模块调用机制 常见的模块机制:CommonJs(node.js的模块机制就是基于这个规范),AMD webpack中主要是这样来实现的:下面是一个函数自…

---恢复内容开始--- 一.前言 1.多入口文件配置                               2.CommonsChunkPlugin的用法                               3.在上面例子的基础上,抽离出vue模块                               4.接下来需要单独抽离webpack运行文件                               5.抽取公共模块 二.主要内容 1.多入口文件配置 很多时候我们不仅…

---恢复内容开始--- 一.前言 1.webpack异步加载原理’                                           2.webpack.ensure原理                                           3.例子 二.主要内容 1.webpack异步加载原理’ webpack ensure有人称他为异步加载,也有人称为代码切割,他其实就是将js模块给独立导出一个.js文件,然后使用这个模块的时候,webpack会构造scri…

一.前言  1.webpack.config文件配置                                          2.webpack打包css文件                                          3.webpack配置打包img文件                                          4.编译less文件                                                     …

事件处理器 1.监听事件 可以用 v-on 指令监听 DOM 事件来触发一些 JavaScript 代码. <div id="example-1"> <button v-on:click="counter += 1">增加 1</button> <p>这个按钮被点击了 {{ counter }} 次.</p> </div> var example1 = new Vue({ el: '#examp…

Vue 基础篇 一.框架与库的区别 JQ库->DOM(DOM操作) + Ajax请求 art-template库->模板引擎 框架 -> 全方位.功能齐全 简易的DOM体验 + 发请求 + 模板引擎 + 路由功能 + ... 代码上的不同: 一般使用库:调用某个函数,自己可以把控库的代码 一般使用框架:其框架在帮我们运行已编写好的代码 框架:初始化自身的一些行为 执行你所编写的代码 施放一些资源 库:小而精 框架:大而全 ( 框架包含了各种库 ) 二.起步 引包 直接用 <scri…

写在前面的话: 文章是个人学习过程中的总结,为方便以后回头在学习. 文章中会参考官方文档和其他的一些文章,示例均为亲自编写和实践,若有写的不对的地方欢迎大家和我一起交流. VUE基础系列目录 <VUE基础系列(一)——VUE入坑第一篇> <VUE基础系列(二)——VUE中的methods属性> <VUE基础系列(三)——VUE模板中的数据绑定语法> <VUE基础系列(四)——VUE中的指令(上)> 一.前言 vue中的指令是指以“v-”开头的一个语法,它主要…

目录 vue基础 一.导入vue 二.vue挂载点 三.vue变量 四.vue事件 五.vue文本指令 六.vue事件指令 七.vue属性指令 vue基础 一.导入vue 补充:vue的语句以及导入js文件一般写在</body>和</html>中间. 二.vue挂载点 <div id='app'></div> <script> new Vue (){ el:'#app', } </script> // el是element的缩写.为挂…

目录 一.Vue基础 (一)什么是Vue (二)为什么学习Vue (三)如何使用Vue 二.Vue指令 (一)文本指令 (二)事件指令v-on (三)属性指令v-bind (四)表单指令v-model (五)条件指令v-if (六)循环指令v-for (1)用法 (2)基于循环指令的todolist案例 (七)斗篷指令v-cloak 三.Vue实例成员 (一)el:实例 (二)data:数据 (三)methods:方法 (四)computed:计算 (五)watch:监听 (六)delemite…

任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观.但是 Bootstrap 提供了一些选项来定义按钮的样式,具体如下表所示: 以下样式可用于<a>, <button>, 或 <input> 元素上: 类 描述   .btn 为按钮添加基本样式 .btn-default 默认/标准按钮 .btn-primary 原始按钮样式(未被操作) .btn-success 表示成功的动作 .btn-info 该样式可用于要弹出信息的按钮 .btn-warning…