1.路由的组织
懒加载的方式
“懒加载也叫延迟加载,即在需要的时候进行加载,随用随载。在单页应用中,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进入首页时,需要加载的内容过多,延时过长,不利于用户体验,而运用懒加载则可以将页面进行划分,需要的时候加载页面,可以有效的分担首页所承担的加载压力,减少首页加载用时。”
写法
{
path:"",
name:"",
component:function(resolve){
require(["@/components/ModifyLoginPassword"],resolve);
}
}
webpack 配置中有一个 resolve 选项,其中的 alias 用来表示进行模块引入时的别名, 用于指定当打包时遇到引入某个模块时,引入文件的实际路径或文件名,可以简化引入操作的参数。
@符号解释:webpack.base.conf.js中可以使用 @ 代替 /src 目录,避免书写麻烦又易错的相对路径。
2.移动端适配方案 flexible.js
a.动态改写标签
b.给元素添加data-dpr属性,并且动态改写data-dpr的值
c.给元素添加font-size属性,并且动态改写font-size的值
http://yunkus.com/mobile-adaptation-scheme-flexiblejs/
3.css 中 stylus
Stylus是来源于Node.js社区,与js关系密切,所以基于Vue.js的开发,我们选择使用Stylus。