Angular2 前端代码规范

不要重置对象的引用!(重置只应该在组件或服务的初始化时) why:会使页面产生闪烁不要给图片绑定一个空的值或空的图片引用(如果值从服务器异步过来,那应该在初始化时给它一个默认值)why:会触发一个404的请求 (如:img src=http://xxxx/null) 页面全部使用最新的angular2写法,on-click=>(click) bind-src=>[src] bind-html=>[innerHtml] 规范: 拆分模型和控制器(保持“瘦”控制器,“胖”模型的原则[界面交…

Web 前端代码规范

Web 前端代码规范最后更新时间:2017-06-25 原始文章链接:https://github.com/bxm0927/web-code-standards 此项目用于记录规范的.高可维护性的前端代码,这是通过分析 Github 众多前端代码库,总结出来的前端代码书写规范. 目录前端普适性规范 HTML 规范 CSS 规范 JS 规范 License public domain, Just take it. Thanks @Ruan YiFeng: https://github.com/…

eslint+prettier+husky+lint-staged 统一前端代码规范

eslint+prettier+husky+lint-staged 统一前端代码规范遵循编码规范和使用语法检测,可以很好的提高代码的可读性,可维护性,并有效的减少一些编码错误. 1.终极目标团队中的所有开发人员用一套代码规范规则,并且无需我们花太大的精力去为了格式而格式.希望有一套自动化工具,帮我们检测代码是否规范,如果不规范,则自动能够帮我们按照既定规范格式化. 实现这一目标需解决的问题: 1.代码规范落地难:面对开发规范经常面临的现状是很难落地,总是"拆东墙补西墙",归根结底在…

idataway_前端代码规范

1.前后端json对接的规范. 前后端的json代码规范 result ={ success:”true”,//true表示成功,false表示失败. data:{}, //数据 errorCode:””,//错误码,下面有例子 message:””//报错原因 } var ec = { "00000101": "用户名或密码不能为空", "00000102": "用户名不存在", "00000103":…

Web前端代码规范

新增:http://materliu.github.io/code-guide/#project-naming HTML 原则1.规范 .保证您的代码规范,保证结构表现行为相互分离.2.简洁.保证代码的最简化,避免多余的空格.空行,保持代码的语义化,尽量使用具有语义的元素,避免使用样式属性和行为属性.任何时候都要用尽量简单.尽量少的元素解决问题.3.实用.遵循标准,但是不能以牺牲实用性为代价.4.忠诚.选择一套规范,然后始终遵循.不管代码由多少人参与,都应该看起来像一个人写的一样语法1.小写.…

Web前端代码规范与页面布局

一. 规范目的: 为提高工作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,在网站建设中,使结构更加清晰,代码简明有序,有一个更好的前端架构,有利于SEO优化. 二. 规范基本准则: 符合web标准,使用具有语义的标签,使结构.表现.行为分离,兼容性优良,页面性能优化,代码简洁.明了.有序,尽可能的减少服务器的负载,保证最快的解析速度. 三. 文件规范: html.css.js.images文件均归档至约定的目录中. 1. html (1)编码:所有…

web前端代码规范——css代码规范

Bootstrap CSS编码规范语法用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致展现的方法. 为选择器分组时,将单独的选择器单独放在一行. 为了代码的易读性,在每个声明块的左花括号前添加一个空格. 声明块的右花括号应当单独成行. 每条声明语句的 : 后应该插入一个空格. 为了获得更准确的错误报告,每条声明都应该独占一行. 所有声明语句都应当以分号结尾.最后一条声明语句后面的分号是可选的,但是,如果省略这个分号,你的代码可能更易出错. 对于以逗号分隔的属性值,每…

web前端代码规范 - HTML代码规范

Bootstrap HTML编码规范本文转载自w3cschool. 由于bootstrap得到了世界的认可,因此,此规范用于规范html代码有一定的说服力. 交流qq群:164858883.欢迎各位程序猿共享说得,共同进步,共同推进互联网的发展. 语法用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致展现的方法. 嵌套元素应当缩进一次(即两个空格). 对于属性的定义,确保全部使用双引号,绝不要使用单引号. 不要在自闭合(self-closing)元素的尾部添加斜线 -…

腾讯alloyteam团队前端代码规范

来源于:http://alloyteam.github.io/CodeGuide/ 命名规则项目命名全部采用小写方式, 以下划线分隔. 例:my_project_name 目录命名参照项目命名规则: 有复数结构时,要采用复数命名法. 例:scripts, styles, images, data_models JS文件命名参照项目命名规则. 例:account_model.js CSS, SCSS文件命名参照项目命名规则. 例:retina_sprites.scss HTML文件命名…

前端代码规范-Javascript

命名规范 ECMAScript 规范中标识符采用驼峰大小写格式,驼峰命名法由小(大)写字母开始,后续每个单词首字母都大写.根据首字母是否大写,分为两种方式: Pascal Case 大驼峰式命名法:首字母大写.eg:StudentInfo.UserInfo.ProductInfo Camel Case 小驼峰式命名法:首字母小写.eg:studentInfo.userInfo.productInfo 标识符,则包括变量.函数名.类名.属性名和函数或类的参数,每个命名方法又略有不同,下面详细解释一…

前端代码规范-CSS

CSS规范一.命名规范BEM(Block Element Modifier) 1.Block name -- 实体名称中的单词之间用连字符分隔(-) HTML <div class="menu">...</div> <div class="menu-name">...</div> CSS .menu { color: red; } .menu-name { color: red; } 2.Element name *…

百度前端代码规范：CSS

1.代码风格 1.1 文件 [建议] CSS 文件使用无 BOM 的 UTF-8 编码. 1.2 缩进 [强制] 使用 4 个空格做为一个缩进层级,不允许使用 2 个空格或 tab 字符. 1.3 空格 [强制] 选择器与 { 之间必须包含空格. .selector { } [强制] 属性名与之后的 : 之间不允许包含空格, : 与属性值之间必须包含空格. margin: 0; [强制] 列表型属性值书写在单行时,, 后必须跟一个空格. font-family: Arial, san…

百度前端代码规范：HTML

HTML 1.代码风格 1.1缩进与换行 [强制] 使用 4 个空格做为一个缩进层级,不允许使用 2 个空格或 tab 字符. <style> ul { padding:; } </style> <ul> <li>1</li> <li>2</li> <ul> [建议] 每行不得超过 120 个字符. 1.2 命名 [强制] class 必须单词全字母小写,单词间以 - 分隔. [强制] class 必须代表相…

前端代码规范（转载 http://codeguide.bootcss.com/）

http://codeguide.bootcss.com/ HTML 语法 HTML5 doctype 语言属性(Language attribute) 字符编码 IE 兼容模式引入 CSS 和 JavaScript 文件实用为王属性顺序布尔(boolean)型属性减少标签的数量 JavaScript 生成的标签 CSS 语法声明顺序不要使用 @import 媒体查询(Media query)的位置带前缀的属性单行规则声明简写形式的属性声明 Less 和 Sass 中的嵌套…

规范的web前端代码

web前端的代码规范主要针对的是HTML,CSS和javaScript代码. 前端代码规范在不同场合会有差异,但是规范的前端代码应该具有以下特征: 1.符合标准所谓的标准是指W3C指定的web标准,包括语言的规范,开发中使用的原则和解释引擎行为等,主要有三部分组成:结构标准(html和xhtml部分).表现标准(css部分)和行为标准(javascript部分). 2.格式规范统一前端代码的格式主要包括命名.代码缩进.空格和空行的使用以及代码注释.命名主要有HTML元素的id和class名,…

中小型前端团队代码规范工程化最佳实践 - ESLint

前言 There are a thousand Hamlets in a thousand people's eyes. 一千个程序员,就有一千种代码风格.在前端开发中,有几个至今还在争论的代码风格差异: 单引号还是双引号? 代码行结束是否需要分号? 两个空格还是四个空格? ... 这几个代码风格差异在协同开发中经常会被互相吐槽,甚至不能忍受. 除此之外,由于 JavaScript 的灵活性,往往一段代码能有多种写法,这时候也会导致协同时差异.并且,有一些写法可能会导致不易发现的 bug,或者这…

Alpha代码规范、冲刺任务与计划

Alpha代码规范.冲刺任务与计划团队名称: 云打印作业要求: Alpha代码规范.冲刺任务与计划作业目标:代码规范.冲刺任务与计划. 团队队员队员学号队员姓名个人博客地址备注 221600412 陈宇 http://www.cnblogs.com/chenyuu/ 队长 221600411 陈迎仁 https://www.cnblogs.com/yinen/ 221600409 蔡森林 https://www.cnblogs.com/csl8013/ 221600401 陈诗娴…

代码规范(RL-TOC)用更合理的方式写 JavaScript

代码可以改变世界不规范代码可以毁掉世界只有先学会写规范的代码,才可以走的更远编程语言之间有很多编程规范都是通用: 命名不要用语言不明的缩写,不用担心名字过长,名字一定要让别人知道确切的意思; 类.类型.变量用名词或组合名词.如Member, ProductInfo; 函数名用动词或者动宾组合词来表示,如get/set,RenderPage(); 布尔变量需要用is做前缀; 尽量写绝对路径; 注释注释是为了解释程序做了什么(What)或者为什么这么做(Why),以及要特别注意的地方: 注…

alpha冲刺——代码规范、冲刺任务与计划（追光的人）

代码规范代码规范整合了自身项目实践还有诸多好的大公司的代码规范.如阿里巴巴开发手册.华为Java规范.W3C前端规范等. 由于内容过于详细和细致,为了方便查看,将其放置在了showDoc网站上(同时也方便了文档的编辑和管理). 由于校园帮项目后端使用java.前端使用html.css.js,前后端语言不同.代码规范也有所差异.故而将之分为了两个文档,方便不同人员的查看: showDoc 后端Java代码规范 showDoc 前端代码规范冲刺任务计划与分工请参看Leangoo超级详细的项目分…

Web 前端开发代码规范（基础）

一. 引言对于一个多人团队来说,制定一个统一的规范是必要的,因为个性化的东西无法产生良好的聚合效果,规范化可以提高编码工作效率,使代码保持统一的风格,以便于代码整合和后期维护. 二. HTML/CSS规范 2.1 浏览器兼容根据公司业务要求而定,一般: 主流程测试:Chrome 30+.IE9+: 完整测试: Chrome 21.IE8+.360浏览器.微信webview/QQ手机浏览器. 2.2 html代码规范 2.2.1声明与编码 1.html头部声明统一: <!DOCTYPE htm…

web前端开发代码规范及注意事项

web前端开发代码规范及注意事项外部命名规范 html .js .css文件名称命名规范 my_script.js my_camel_case_name.css my_index.html 路径规范不写http.https js <script src="//cdn.com/test.min.js"></script> css .example { background: url(//static.example.com/images/bg.jpg);…

使用 Eslint & standard 规范前端代码

前言 JavaScript的动态语言类型,给它带来了独特的魅力,产生了风格多样的开发范式,同时也带来了一些问题,从运行时常见的 undefined .null 报错,到代码随意的加减分号.换行.空格,引起的视觉混乱,如果是团队开发,则这种情况会更加的严重,必须加以约束,下文介绍基于 vue 的代码严格模式及编程规范. 核心插件: Eslint+ standard Eslint 是什么? ESLint最初是由Nicholas C. Zakas 于2013年6月创建的开源项目.它的目标是提供一个…

团队开发前端VUE项目代码规范

团队开发前端VUE项目代码规范 2018年09月22日 20:18:11 我的小英短阅读数 1658 一.规范目的: 统一编码风格,命名规范,注释要求,在团队协作中输出可读性强,易维护,风格一致的代码二.开发SRC目录: 1.Vuex目录 (状态树配置) 2.Router目录(路由配置) 3.Pages目录 (放置主路由组件注意命名规范) 4.Common目录 (放置静态文件) 5.Config目录 (全局配置项,路由拦截,报错信息,等枚举信息) 6.Api目录 ( 相关全局请求调用配…

前端规范之JS代码规范（ESLint + Prettier）

代码规范是软件开发领域经久不衰的话题,几乎所有工程师在开发过程中都会遇到或思考过这一问题.而随着前端应用的大型化和复杂化,越来越多的前端团队也开始重视代码规范.同样,前段时间,笔者所在的团队也开展了一波开源治理,而其中代码规范就占据了很重要的一项.接下来的几篇文章,将会对JS代码规范.CSS规范.Git工作流规范以及文档规范进行详细的介绍~ 系列文章: 前端规范之JS代码规范(ESLint + Prettier) 前端规范之CSS规范(Stylelint) 前端规范之Gti工作流规范(Husky…

前端编码规范之CSS

"字是门面书是屋",我们不会去手写代码,但是敲出来的代码要好看.有条理,这还必须得有一点约束~ 团队开发中,每个人的编码风格都不尽相同,有时候可能存在很大的差异,为了便于压缩组件对代码进行压缩以及书写样式的规范统一和美观,很有必要大家一起来研究一套基本规范(模板)! 我先抛砖引玉.(禁止).(必须)等字眼,在这里只是表示强调,未严格要求. 前端规范之CSS 1. tab键用(必须)四个空格代替因为在不同系统的编辑工具对tab解析不一样,windows下的tab键是占四个空格的位置,而…

前端编码规范之JavaScript

上次浅谈了下关于CSS的编码规范,大部分童鞋持赞同意见,仍存在一些童鞋不太理解这些规范的意义. 如果是个人或者小作坊开发,其实这些所谓的编码规范也没啥意思,因为大家写好的代码直接就给扔到网上去了,很少有打包.压缩.校检等过程,别人来修改你代码的情况也比较少.但是,对于一定规模的团队来说,这些东西还是挺有必要的!一个是保持代码的整洁美观,同时良好的代码编写格式和注释方式可以让后来者很快地了解你代码的大概思路,提高开发效率. 那么这次,继续抛砖引玉,说说Javascript一些需要引起注意的地方(这…