Vue
sswqzx
这个作者很懒,什么都没留下…
展开
-
Webpack前端打包工具
1、概述Webpack 是一个前端资源的打包工具,它可以将js、image、css等资源当成一个模块进行打包。中文官方网站:https://www.webpackjs.com/打包的作用:- 将许多碎小文件打包成一个整体,减少单页面内的衍生请求次数,提高网站效率。- 将ES6的高级语法进行转换编译,以兼容老版本的浏览器。- 将代码打包的同时进行混淆,提高代码的安全性。2、...原创 2018-12-08 22:58:42 · 3039 阅读 · 0 评论 -
Webpack打包css
1、编写src/css/main.css#app a{ display: inline-block; width: 150px; line-height: 30px; background-color: dodgerblue; color: white; font-size: 16px; text-decoration: none;...原创 2018-12-09 08:55:07 · 848 阅读 · 0 评论 -
Webpack打包HTML
1、包装html-webpack-plugin插件并在webpack.config.js中添加插件npm install html-webpack-plugin --save-dev webpack.config.jsconst HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { ...原创 2018-12-09 08:55:12 · 6083 阅读 · 0 评论 -
Webpack配置热更新web服务
1、安装插件npm install webpack-dev-server --save-dev2、package.json中配置script启动脚本package.json "scripts": { "dev": "webpack-dev-server --inline --hot --open --port 8080 --host 127.0.0.1" },...原创 2018-12-09 08:55:17 · 1503 阅读 · 0 评论 -
vue-cli安装
1、安装在开发中,需要打包的东西不止是js、css、html。还有更多的东西要处理,这些插件和加载器如果我们一一去添加就会比较麻烦。vue官方提供了一个快速搭建vue项目的脚手架:vue-cli 、官网:https://github.com/vuejs/vue-cli安装命令:npm install -g vue-cli2、入门案例2.1、新建一个module用...原创 2018-12-09 08:55:22 · 338 阅读 · 0 评论 -
ES5&ES6新特性
ES5和6的一些新特性1、let和constvar有一个问题,就是定义的变量有时会莫名奇妙的成为全局变量。 for(var i = 0; i < 5; i++){ console.log(i);}console.log("循环外:" + i) 1、let所声明的变量,只在let命令所在的代码块内有效。2、const声明的变量是常量,不能被修改 会报...原创 2018-12-06 20:05:55 · 5403 阅读 · 0 评论 -
Vue 和MVVM理解
初学vue刚开始语法不是太难。但后面项目上用到的时候、真的是一脸蒙蔽、不知道怎么调用、在哪调、各个组件、入口、router什么用。下面是对vue和MVVM的一些理解1、说明:MVVM 是Model-View-ViewModel 的缩写,,核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自动传递给 View,这就是数据双向绑定。Vue...原创 2018-12-10 14:14:39 · 1100 阅读 · 0 评论