# 技术上，开发协作问题

https://juejin.im/post/5d3a7134f265da1b5d57f1ed#1-%E5%B7%A5%E4%BD%9C%E6%B5%81%E8%A7%84%E8%8C%83

了解规范，除了编码，也要懂得站在更高处看待整个开发的流程。

# 前端模型

# 前端工程

1. 代码review 只有真正在生产流程中设立节点才有意义或者效果。

2. git 可以保持版本一致， git 工作流 跟项目规模，团队成员和开发模式有关，流行的是git flow 工作流：master 分支基础====》功能分支====》增加了 开发，bug，发布

# 前端整个工程化的问题

• 自动化集成
• 线上监控（设计一套方案）

# 项目模块化设计，技术选型的把控

阿里的员工意见：

1 从需求入手，需求第一

2 从代码中孵化出工具

# 暂时留空

# 多人开发，样式的处理

项目中遇到的 最好没人负责一个模块，下下策 ：用不同的子前缀。

# 语义化

# 版本语义化

Semantic Versioning 2.0.0 语义化版本规范

# git 版本管理

# 技术leader 的工作内容

#

# 项目技术选型

# 开发规范

1. 命名风格

   • 文件夹小写,文件大写,驼峰表达式

2. 文档规范

   • 文档最好事先开发，可以在使用过程中检验

   • 文档时候补充的话，需要审核，很多同事比较粗心，写完会出现大量的字段错误，影响后续维护

# 结合业务做代码工具积累，优化开发模式，提高生产效率

1. admin 的开发，例如flnet
2. 持续集成
3. 图标库积累（不限于，举一反三），最好输出成静态网站，方便普通开发人员查阅。
4. 业务逐渐的开发
5. 自定义规范。
6. 参考教程

# 检验组件可复用的情况

airbnb 代码规范参考资料中文版

# 前端模板的意义

• 优化开发维护体验
• 确定团队规范

#

# 学习新框架的方法。

• 无基础

  • 按照官网教程敲一遍，看一遍（语法)
  • 按照培训机构教程来一遍 (常用语法，项目开发入门)

• 有类似知识基础

  • 快速过一遍语法 , 找一个项目源码参考 开始项目开发，边开发边学。
  • 快速过一遍语法,参考教程开始项目开发

# 高性能 CSS3 动画

高性能移动Web相较PC的场景需要考虑的因素也相对更多更复杂，我们总结为以下几点： 流量、功耗与流畅度。 在PC时代我们更多的是考虑体验上的流畅度，而在Mobile端本身丰富的场景下，需要额外关注对用户基站网络流量使用的情况，设备耗电量的情况。

关于流畅度，主要体现在前端动画中，在现有的前端动画体系中，通常有两种模式：JS动画与CSS3动画。 JS动画是通过JS动态改写样式实现动画能力的一种方案，在PC端兼容低端浏览器中不失为一种推荐方案。 而在移动端，我们选择性能更优浏览器原生实现方案：CSS3动画。

然而，CSS3动画在移动多终端设备场景下，相比PC会面对更多的性能问题，主要体现在动画的卡顿与闪烁。

目前对提升移动端CSS3动画体验的主要方法有几点：