专注前端开发,每年100集免费视频。
首页/程序软技能/ 9个前端代码规范秘籍 你也能写出诗一样的代码/
9个前端代码规范秘籍 你也能写出诗一样的代码
2021-08-02 程序软技能 8375

9个秘籍里边有6个文档,1本书和2个工具,如果你耐心看完,一定会提升代码质量,让你写出漂亮的代码。在小公司很少注重代码规范,甚至有的人希望自己写的代码其他人看不懂,这样就能保住饭碗了。在大公司代码规范是非常重要的一件事情,多人协作,还有代码评审。所以能写出漂亮的代码非常重要。

这就好比你自己在家,无论是穿大裤衩子,还是背心,甚至是光膀子,都没人管你。但你要出门去约会,就要把最好的一面展现给别人。这是对别人的尊重,也是给自己的背书。所以遵守代码规范,写出漂亮的代码,是每个程序员都应该追求的事情。

送9个前端代码规范秘籍 让你也能写出诗一样的代码。

9个秘籍里边有6个文档,1本书和2个工具,如果你耐心看完,一定会提升代码质量,让你写出漂亮的代码。

第一个秘籍:京东凹凸实验室前端代码规范.网址是:https://guide.aotu.io/ ,如果你们公司没有具体的前端代码规范,你完全可以自己按照这套规范来编写。里边包括了HTML规范、图片规范、CSS规范、命名规范和JS规范。

优点是清晰、简单、不复杂。近一年来,我工作中的代码都是安装这个标准来写的。

第二个秘籍:腾讯前端代码规范 网址是:http://tgideas.qq.com/doc/index.html我经常看腾讯的前端博客,也阅读他们的开源项目。我认为腾讯的前端代码规范是优秀的。所以第二个推荐腾讯的代码规范文档库TGideas.

这是腾讯前端程序员的必读规范手册,优点是有PC端专题、移动端专题、双端专题。这套文档,适合公司还没有代码规范,但正在建立代码规范的使用,你直接可以抄作业,让公司有一套不错的前端代码规范。

第三个秘籍:百度前端代码规范文档 Github网址:https://github.com/ecomfe/spec。百度一直是一个相信代码能改变世界的公司,也是在中国大厂里边第一个把代码规范做成标准化的公司。所以他们的代码规范一直被模仿,值得学习。

当然,随着中国代码力量的崛起,几乎所有的大厂都有自己的代码规范,比如网易、阿里、华为、字节。如果感兴趣,在网上找到这些规范应该不难。

*第四个秘籍 :JavaScript Standard Style *,Github上,网址是:https://github.com/standard/standard . 除了很多公司组织外,很多个人也在项目中使用规范。JavaScript Standard Style就是个人代码规范。很多著名项目都在使用这套规范,例如Node.js、express、MongoDB和Github。规范托管在 需要说的是,他贴心的准备了中文版,所以非常方便我们阅读。

第五个秘籍:Vue官方特有的代码风格指南。网址是:https://cn.vuejs.org/v2/style-guide/index.html在中国的前端程序员必会的一个框架就是Vue。所以如果你不想别人嘲笑你写的Vue代码,阅读并遵守规范,是个非常明智的选择。 我的经验来看,这些代码规范和传统的代码规范稍有差别,根据喜好和公司环境自行取舍就好。

第六个秘籍:这个虽然是个人,但我觉的可以代码阿里的前端代码规范。网址是:http://es6.ruanyifeng.com/#docs/style他就是阮一峰的ES6编程风格。他虽然只能算一篇文章,但干货满满。仔细研读下来,一定会让你的代码有所提升。这个我是一丝不苟的看了2遍,建议你没事也看看。

第七个秘籍:《代码整洁整洁之道》,也就是我们常说的clean code ,码神罗伯特·马丁的作品,我们尊称为Bob大叔。豆瓣评分8.9分,书中代码基于的是Java语言,但作为前端你也会收获很多。这本书被誉为”程序员童子军规则“,也算是必读书。

第八个秘籍:ESLint ,这不是一个文档,这是一个代码规范工具。ESLint中文网址:https://eslint.bootcss.com/这里给出,可以自学一下。他是一个强检测的代码规范工具,也就是说如果你不按照设定的规范写,直接会报错,让你不能Push代码。规范规则支持自定义。

第九个秘籍:Prettier,这也是一个工具。网址;https://prettier.io/它不像ESLint是个强类型的代码规范工具,它显得温柔很多。但同样可以保持代码风格一致。 这个是 我VScode必装的插件,它少了一些强制的束缚,但依然让你代码整齐划一。这是我喜欢的工具,没有了强迫,就显得温柔很多。

引流和结束语

好了,这就是本期视频的全部内容了。如果你觉的对你有所帮助,请帮忙点赞、如果你再能点击一下关注,这就是对技术胖最大的支持了。

每周一期程序员专属干货视频,点关注不迷路,程序进步很神速。我是技术胖,我们下个视频见了,再见。

对不起,该文章暂时不支持留言。
最新留言

No Data

技术胖
光头Coder12年经验业余讲师免费视频被访问
文章目录