2017.12.01项目组会议

**

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