**
2017.12.01项目组会议
**
- 交易平台项目结构
- Vue项目中的开发问题
- javaScript设计模式
交易平台项目架构
config - 各个环境路径(生产,测试)
node_modules - node模组
src - 项目文件
-> api - 封装的一些api,如封装ajax请求
-> assets - 静态文件,如用到的css文件或图片
-> common - 公共访问的js文件
-> components - 组件
-> router - 路由
-> view - 视图文件
-> App.vue - 项目主入口
-> main.js
.eslintignore - 需要忽视的一些大文件
.gitignore - 同上(都是在上传代码,正式环境中不需要的一些较大的环境文件,例如
node_modules)
剩下的一些是搭建脚手架的时候,生成的附带文件
Vue项目中的开发问题
**
Q: elementUI的loading按钮关闭有问题?
A: 必须要setTimeout才能close。
Q: radio组件,mac系统,chrome v61.0,在项目中无法切换。
A: 要在data中赋初始值
Q: template 中有多个根节点 会报错
A: template中只能有一个根节点
Q: 不同组件间的样式会互相影响
A : 组件中的style默认是影响全局的, 需要使用scoped来限制作用域, 仅限当前组件有效
Q : 页面布局的时候 el-col 和 el-row 同级时页面不会报错, 但是页面效果无法正常显示
A : 避免两个组件同级布局, 尽可能的写成row中嵌套col结构, 便于页面结构清晰
Q : 更改数据, 页面上的视图无法更新
A : 基本上就是数组, 对象更新检测问题, 参考( vue官方文档, 列表渲染–数组,对象检测 )
Q : form 表单验证问题, 无法完成多层数据间的验证
A : form表单中的数据, 避免写成多层数据验证
Q : dialog显示之后, 提供数据之后, 立即获取dialog中的dom节点, 无法获取到(数据更新之前, 获取dom节点)
A : 使用nextTick()方法, 获取更新后的dom (原因: vue是异步执行dom更新, 修改数据的当下, dom不会立即更新, 而是等同一事件循环中的所有数据变化完成之后, 在下一次事件循环开始的时候, 才更新dom ), 注意区别created生命周钩子函数中无法操作dom的情况.
附:Vue.js 踩坑小日记
Q: form表单验证中, 验证手机号码rules写法
A : 参考validate库中的pattern用法
**
javaScript设计模式
**
设计模式三个主要优点:
1. 模式是经过验证的解决方案
2. 模式可以轻松重复使用
3. 模式可以表达
模式不是一个确切的解决方案,但他是一个可以为我们提供一个解决的方式,思路。
23种设计模式
详情可查看ppt