移动端
2022-07-28 20:47:47 0 举报AI智能生成
移动端的项目
作者其他创作
大纲/内容
工作准备
创建vue项目
vue create 项目名称
安装自带router、vuex
创建后端（可选）
express --view=ejs 后端项目名称
公共样式
在assets文件下创建css
1.在main入口文件引入
2.在style下@import url（‘相对地址’）
移动端适配
flexible.js
安装less或者sass
less->npm install less less-loader@5 --save --legacy-peer-deps less-loader
sass
安装axios接口请求
对axios进行封装
设置统一接口请求
安装相应的第三方框架
Element-ui
cnpm i element-ui -s
Vant-ui
cnpm i vant -s
mint-ui
cnpm i mint-ui --s
对UI图进行拆分为各组件
业务逻辑分析
搜索引擎
购物车
登录与注册
vue优化方法
（1）代码层面的优化
keep-alive
理解：为了储存组件，让用户在返回在进入的时候不会发生再次请求
懒加载
图片懒加载
vue-lazyload
安装
cnpm install vue-lazyload --save-dev
路由懒加载
按需加载插件
安装
cnpm install babel-plugin-component -D
（2）Webpack层面的的优化
压缩图片
安装
cnpm install image-webpack-loader --save-dev
在 webpack.base.conf.js 中进行配置
提取公共代码
模板预编译
提取组件的css
优化sourceMap
开启gzip压缩
难点
子主题
收藏
职业：暂无
0 条评论
下一页
