摘要:
一.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那么上 阅读全文