摘要：
一.flex布局是目前web开发中使用最多的布局方案: 1.flex布局(Flexible布局,弹性布局) 2.目前特别在移动端用的特别多,目前pc端也使用越来越多 二.两个重要概念: 1.开启了flex布局的元素叫做flex container 2.flex container 里面直接子元素叫做 阅读全文
摘要：
</div> 前面的话 在Web开发中，路由是指根据URL分配到对应的处理程序。对于大多数单页面应用，都推荐使用官方支持的vue-router。Vue-router通过管理URL，实现URL和组件的对应，以及通过URL进行组件之间的切换。本文将详细介绍Vue路由vue-router 安装 在使用vu 阅读全文
摘要：
1.安装NodeJs： 可以直接在官网下载安装 网址：http://nodejs.cn/download 2.检测安装版本：默认情况下自动安装Node和NPM Node环境要求8.9以上或者更高版本 3.安装Vue脚手架： 一般是安装在全局的 npm install -g @vue/cli 安装完毕 阅读全文
摘要：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 7 </head> 8 <body> 9 <div id="app"> 10 <ul> 11 <li v-o 阅读全文
摘要：
先来总结几个最基础的options: --el: 类型：string | HTMLElement；作用：决定之后Vue会管理哪一个DOM. --data: 类型：Object | Function；作用：Vue实例对应的数据对象。 --mthods: 类型：{[key:string] | Funct 阅读全文
摘要：
创建vue对象： 1 <div id="app"> 2 <ul> 3 <li>{{message}}</li> 4 </ul> 5 </div> 6 7 8 <script src="../vue.js"></script> 9 <script> 10 new Vue({ 11 el:"#app", 阅读全文
摘要：
1.webpack提供了一个可选的的本地开发服务器，这个本地服务器基于node.js搭建，内部使用express框架，可以实现我们想要的让浏览器自动刷新显示我们修改后的结果。 2.不过它是一个单独的模块，在webpack中使用前需要先安装她 cnpm install --save-dev webpa 阅读全文
摘要：
打包html插件及配置 : cnpm i --save-dev html-webpack-plugin plugins:[ new HtmlWebpackPlugin({ template:'./src/index.html' }) ], css-loader的安装及配置： npm install 阅读全文
摘要：
首先我们先来看 CommonJs： 第一个js文件导出：function add(num1,num2){ return num1+num2 } function mul(num1,num2){ return num1*num2 } //将两个函数导出 module,exports = { add: 阅读全文
摘要：
认识webpack: - 本质上来讲：webpack是一个现代的javaScript应用的静态模块打包工具。 - 前端模块化的一些方案：AMD, CMD, CommonJs Es6; 目前我们能用的规范是ES6 ,因为只有es6的规范浏览器才能给我们做一些底层的支持，但是我们用了webpack那么上 阅读全文