一、去除生产环境sourceMapsourceMap资源映射文件，存的是打包前后的代码位置，方便开发使用，这个占用相当一部分空间module.exports = {// 根据你的实际情况更改这里publicPath,assetsDir: 'assets',lintOnSave: true,productionSourceMap: false,}二、对资源文件进行压缩需要下载 compression

1.目录结构在根目录下创建http目录及api.js文件fetch.js以及http.js文件；在根目录下创建env目录,创建index.js配置并导出多个开发环境module.exports={//开发环境Dev:{"BaseUrl":"https://www.develep.com"},//测试环境Test:{"BaseUrl":"https://www.test.com"},//生产环境Pr

**Model 层**: 数据模型层通过 `Ajax`、`fetch` 等 API 完成客户端和服务端业务模型的同步。**View 层**: 视图层作为视图模板存在，其实 View 就是⼀个动态模板。**ViewModel 层**: 视图模型层负责暴露数据给 View 层，并对 View 层中的数据绑定声明、 指令声明、 事件绑定声明, 进行实际的业务逻辑实现。**数据变化了, 视图自动更新**

四种方法typeof、instanceof、constructor、Object.prototype.toString.call()1.typeofconsole.log(typeof 100, //"number"typeof 'abc', //"string"typeof false, //"boolean"typeof undefined, ...

本篇主要带大家从0到有，封装一个自己的w-swiper组件。具体详细小程序组件封装，请看https://www.jianshu.com/p/594f0d37feac?from=groupmessage.创建components目录在根目录下创建一个components目录，用来存放所有组件。例如我们创建一个w-swiper组件，在components目录下创建w-swiper目录。自定义组件

1. uni-app网络请求uni-app题拱了uni.requet()方法，发起网络请求：uni.request({url: 'https://ceshi2.dishait.cn/api/v1/list', //仅为示例，并非真实接口地址。data: {text: 'uni.request'},header: {'custom-header': 'hello' //自定义请求头信息},succe

CookieCookie设计初衷是用来和服务器通讯，而不是本地存储，他只是被‘借用’到本地存储。如下图，每次http请求，header都携带cookie;localStorage、sessionStorage与cookie相比：localStorage、sessionStorage不同点：...

为什么要清除浮动？清除浮动主要是为了解决，父元素因为子级元素浮动引起的内部高度为0的问题如下:给父盒子设置一个boder，内部放两个盒子一个big 一个small，未给big和small设置浮动，则他们会默认撑开父盒子。当我给内部两个盒子加上float属性的时候底部的footer盒子就会顶上来，然后父盒子因为没设置高度，变成一条线，big和small已经浮动了清除浮动的方法（最常用的4种）一、 额

前言表单校验是注册环节中必不可少的操作，表单校验可以提醒用户填写数据规则以确保用户提交数据的效性，也可以防止用户因误操作、填写错误数据或者恶意提交数据而占用服务器资源。ElementUI校验规则ElementUI封装了组件el-form来收集、校验和提交数据，其中的rules属性就是用来做数据校验的。ElementUI提供了一些常用的表单验证规则，我们可以直接使用该规则来实现数据校验。rules根

前言：不同浏览器的内核不尽相同，所以各个浏览器对网页的解析存在一定的差异。浏览器内核主要分为两种，一是渲染引擎，另一个是js 引擎所以浏览器兼容性问题一般指：css兼容、js兼容浏览器内核（渲染引擎）Chrome谷歌之前Webkit，已改Blink内核FireFox火狐GeckoSafari苹果WebkitIETridentOpera欧朋现已改用Google Chrome的Blink内核一、css