上朝科技-物业管理系统-微信公众号网站
本页面需要在服务器环境下访问( 可使用
yarn run dev预览 ), 勿直接浏览静态页面
| 技术名称 | 作用 | 版本 |
|---|---|---|
| Vuejs | 框架 | 2.2.6 |
| Vuex | 状态管理 | 2.3.1 |
| Vue-router | 路由管理 | 2.4.0 |
| Axios | 交互处理 | 0.16.1 |
| Sass | 样式预处理器 | 4.5.2 |
| Webpack | 模块打包 | 2.2.1 |
| Gulp | 自动构建工具 | 3.9.1 |
| Babel | ES6转译ES5 | 6.22.1 |
| Yarn | 模块依赖安装 | 0.20.3 |
| Faker.js | 本地调试模拟接口 | 4.1.0 |
| Mint-ui | UI框架 | 2.2.3 |
| Pug | Node模版语言 | 2.0.0-beta.12 |
| 插件名称 | 作用 | 版本 | 应用场景 |
|---|---|---|---|
| better-picker | ios风格移动端筛选器 | 1.1.3 | |
| sweetalert2 | 美化弹框 | 6.6.2 | |
| Layzr.js | 图片懒加载 + 自适应分辨率 | 2.2.2 | |
| vue-scrollto | Vue卷轴插件 | 2.6.7 | |
| vue-star-rating | Vue星星点评插件 | 1.3.2 | |
| vue-wechat-title | Vue动态修改微信网页标题插件 | 2.0.4 |
# install dependencies/拉取项目,在项目路径下执行
# 国内环境建议使用cnpm install
npm install
cnpm install
# *推荐Yarn
yarn install
# serve with hot reload at localhost:8080
# npm安装依赖后,运行node服务器,打开 localhost:80 预览 (已运行热更新功能)
yarn run dev
npm run dev
# build for production with minification
# 当修改代码后,需要手动打包发布时,运行npm run build命令进行打包
yarn run build
npm run build
# 打包生产模式,缩小压缩包 -- 查看包分析报告
npm run build --report-
Faker.js模拟数据 -
Mock.js模拟数据( 中文模拟数据 ) -
SPA动态修改 页面title信息方案 - 微信公众号开发 用户信息获取
- 性能优化: 将
MintUI的全部引入 改为 按需引入组件 - 处理模拟数据的 日期 + 时间
- 加入手势操作
-
Picker操作优化( 当第1级别改变, 除了2级改变之外 3级应该使用默认值 联动操作 ) - 'Picker' 优化内部命名( 将此组件与项目内容尽量分离; 目的 => 做成通用的组件 )
- 'Binding' 组件偶尔请求会失去反应
- 'Bill - 费用账单' 模块, 手风琴展开需要 动画效果
- 'Bill - 费用账单' 模块, 判空需要一个算法
- 'MtextBox - 多行文本框' 模块, 需要处理滚轮滚动时 文字高度限制问题
- 'MtextBox - 多行文本框' 模块, 最大字数 弹出提示
- 'FaultDetail - 报修详情' 模块, 是通过模板页 从
$store处获取数据 和 状态