前端随心记---------谈谈开发的工作规范

谈谈开发的工作规范

互联网上很多的大公司，会指定很多的规范，约束这种开发的随意性。

1.开发CS命名规范

header

content

footer

2.目录规范

assets    静态资源

-img

-css

-js

static  

-css

-img

-js

问题：assets 与 static 的区别？

答： css 是存在预处理语言 sass less stuly... 。js 也存储预处理语言 coffiescript。 这些预处理文件浏览器没办法直接识别，需要进行编译。 之前工具： gulp 、grunt、webpack...

assets 一般是放置的预处理文件。

static 一般放置都是编译好的，或者本身就是不需要编译的文件。

代码目录规范（MVC开发思想）

package.json
app.js

public
    - css
    - js
    - images
    - uploads

src
    - routes
        index.js
        member.js
    - models
        IndexModel.js
        MovieModel.js
        CategoryModel.js

    - controllers
        IndexController.js

    - views
        index.html

    - config
        site.js
        db.js
    - utils
        crypto.js
        ...

vuejs 是一个很不错的工具，使用它一般都是开发大型项目，所以在公司里面都会存在严格的目录规范和代码的命名规范。

相关资料：https://juejin.im/post/5d60e8c46fb9a06aed712c06

思考： OOP编程最大的特点是什么？ OOP（面向对象编程思想）

答：存在对象。 为什么要存在对象呢？其主要的原因是因为 OOP 最大程度实现的代码的复用，代码重用。利用其继承的特点。

css开发使用。 使用 oop 思想知道 css 代码的编写。

可能公共的 css代码 都提取出来，形成一个一个的类名，然后在使用的地方，把多个类进行组合使用。

1. 大型的项目
2. 参照很多项目

在哪里体现了这种 oocss 的思想呢？ 答： bootstrap 用到了极致 （twieer开发商出来）。 资料相关：https://baike.baidu.com/item/Bootstrap/8301528?fr=aladdin

3.js规范

1. strandard.js 规范 https://standardjs.com/readme-zhcn.html

2. 爱彼迎 做的 js 规范 https://github.com/airbnb/javascript

3. yui雅虎规范 丢弃 了解

知道：上面的定义了很多规范，但是程序员在写代码的时候如何保证一定使用了这些规范？ 答：这个时候需要一定的js规范的检测的工具。

需要一定的工具去检测 js 代码是否符合上面的规范（1. standard 2. 爱彼迎规范） 常见的检测工具

1. eslint
2. jslint
3. jshint ....

https://jshint.com/ https://cn.eslint.org/demo

工作规范

日报（今天的总结、明天的展望）、 周报(一个星期的总结) 月报（领导）、季度报、年中、年终

以后在公司做任何事情全部流程化，都要邮件发送。