前言 下面这几点将工作中所踩的一些坑简单整理了一下,团队几个人开发,一些默契就比较重要,可以提高开发效率和代码的可读性 命名,编码和注释 命名 A.文件夹命名:文件夹、文件的命名与命名空间应能代表代码功能...函数和变量命名: 具有意义的驼峰命名,如hubList; 变量函数名禁止使用关键字和保留字,禁止重新定义(不能重名)或定义不用 C.常量:大写字母,如HUBLIST 编码 采用统一的缩进方式排版代码...C.Js代码注释console.log和debugger再提交 D.重要函数或者类等都要添加头描述 ? 字符串拼接 应使用数组保存字符串片段，使用时调用join方法。...,并且不封装成if…then…else… 导入和导出 使用import和export,只能位于代码顶部和顶部,如果代码中部需要按需导入文件使用require 解决地狱回调问题 A.方法一 ?...可以使用break,return(一个循环一个),continue不使用,降低代码可读性 G.for…in遍历对象 For…in遍历对象包括所有继承的属性,所以如果只是想使用对象本身的属性需要做一个判断
ReferenceError 对所有引用都使用 const，不要使用 var，eslint: prefer-const, no-const-assign 原因：这样做可以确保你无法重新分配引用，以避免出现错误和难以理解的代码...，同时也更容易被主流 JS 引擎优化 // bad const bad = { 'foo': 3, 'bar': 4, 'data-blah': 5 } // good const good...bar.css' // good import fooSass from 'foo.scss' import barCss from 'bar.css' 迭代器 建议使用 JS 更高优先级的函数代替...时等于 false, 否则是 true if ([0] && []) { // true // 数组(即使是空数组)也是对象，对象等于true } 分号 Standard 的规范是不使用分号的...，我建议统一使用分号，代码更加清晰 关于应不应该使用分号的讨论有很多，好的 JS 程序员应该清楚场景下是一定要加分号的，相信你也是名好的开发者。
第一部分 编写灵活、稳定、高质量的HTML代码的规范 一、唯一定律 无论有多少人共同参与同一项目，一定要确保每一行代码都像是唯一个人编写的。...属性的规范名称，并且不要在首尾添加空白符。 简单来说，就是不用赋值。 10.2 Example ? 十一、减少标签的数量 编写 HTML 代码时，尽量避免多余的父元素。...第二部分 编写灵活、稳定、高质量的CSS代码的规范 一、语法 1.1 注意 （1）用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。...（6）使用 .js-* class 来标识行为（与样式相对），并且不要将这些 class 包含到 CSS 文件中。 在为 Sass 和 Less 变量命名时也可以参考上面列出的各项规范。...十三、代码组织 13.1 注意 （1）以组件为单位组织代码段。 （2）制定一致的注释规范。 （3）使用一致的空白符将代码分隔成块，这样利于扫描较大的文档。
前言 在js的代码开发中，我简单的总结出了以下规则，后面会陆续补充并且对规范进行分类。...js代码建议保存到后缀名.js的文件中 js代码不建议放在html中，原因有：不能被缓存，会增大网页文件的大小，可维护性不高，会影响页面的加载。...js吧任何表达式都当一条简单语句，会导致一些隐性的错误。如果自己没加分号，那么js解释器会自动添加分号，按照自己能读懂的断句。 9.2 复合语句 也称为语句块，被包在大括号内部。...比如对象 var obj={} ;var arr=[] eval eval是最容易混乱使用的js函数，他可以执行内部入参的js函数或者表达式，可以直接解析变量。不建议使用 。...尽量使用语法严格模式 消除代码之中的不友好；代码运行更快 ；保证运行的安全 ；为新版本的js做好铺垫。 22.
总结一下目前在用的前端代码规范，可作为开发参考 一、基础规范 开发规范 项目目录和文件的命名使用小写字母，避免使用大写或驼峰，多个单词以下划线 _ 分隔 如：my_project/cast_detail.js...utf-8，以四个空格作为缩进（包括HTML，CSS，JS等），文件末尾空一行，行尾去掉空格 单个函数行数，以不超过一个屏幕为宜（50行左右），超出一个屏幕的，就要考虑拆分成更少的函数 每行代码量不要太长...-- E Comment Text 2 --> Smarty 前端模板注释规范 注释以字符 结束 当只是作为代码意义标识的时候，统一使用HTML的注释规则 <!...position: absolute; /* 定位 */ } } JS 注释规范 单行注释 使用双斜线 // ，双斜线后带一个空格，双斜线与下一行缩进一致 可位于代码行的末尾，需与代码间隔一个空格...，逻辑性强，特殊处理的地方使用 /* * one space after '*' */ var x = 1; 文档注释 JSDoc规范 JSDoc用于根据规范的JS注释自动生成对应的API文档，如果不需要生成文档
html规范 实用为王,减少标签的数量 尽量遵循 HTML 标准和语义，但是不要以牺牲实用性为代价。任何时候都要尽量使用最少的标签并保持最小的复杂度。 <!...语法 为了代码的易读性，在每个声明块的左花括号前添加一个空格。...【强制】文件名 全部使用小写字母并以 .js 结尾,多个单词用分隔符 ‘-’分隔 变量延迟初始化 原始值 1.允许延迟变量初始化，不必在声明变量时初始化。 2....，超长的不可分割的代码允许例外，比如复杂的正则表达式。...操作DOM的时候，尽量减少重绘，有js操作的时候不管是class或者id命名都以js-开头 Post Views: 324
本文作者：IMWeb 我饿了 原文出处：IMWeb社区 未经同意，禁止转载 在学习编程的时候，每次看到那些整齐规范的代码，心里顿时对这个程序员表示点点好感，有时，比如看到自己和朋友写的代码时，...那阅读起来就是苦不堪言，所以，一些基本的开发规范是必须的，是为了自己方便阅读代码，也方便他人阅读修改代码。...脚本加载 说到js和css的位置，大家应该都知道js放在下面，css放在上面。...eval()函数的作用是返回任意字符串，当作js代码来处理。 ---- this关键字 只在对象构造器、方法和在设定的闭包中使用 this 关键字。this 的语义在此有些误导。...'valid' : 'invalid' ---- JSHint 在js规范中，有很多规范都是样式上的规范而不是逻辑上的规范，比如尽量使用=== 而不是==，我们可以使用JSHint或者JSLint，Javascript
一、 引言 对于一个多人团队来说，制定一个统一的规范是必要的，因为个性化的东西无法产生良好的聚合效果，规范化可以提高编码工作效率，使代码保持统一的风格，以便于代码整合和后期维护。...2.3 CSS代码规范 2.3.1 CSS引用规范 1、所有CSS均为外部调用，不得在页面书写任何内部样式或行内样式； 2、html页面引入样式文件： 统一使用link标签，少用@import（原生import...有加载性能问题），sass、less、vue.js等文件使用import命令除外（因为最终前端构建工具会将引入文件编译成一个css文件）。...三、 JavaScript规范 3.1 JS文件引用 1、引入格式： 脚本语言发展至今，也只有js混的最好了，所以type=”text/javascript”类型指定可以省去。...3.2 JS代码缩进 3.2.1 整体层次 使用 Tab 键进行代码缩进 (4个空格宽度) 。
命名规范 文件和文件夹命名 文件夹和文件名采用英文小写字母命名，多个英语单词用 “-” 分割，不使用驼峰命名，如：hello-world 编写组件使用 “c-” 打头，如：编写一个...select组件，文件夹或者文件名定义[c-select] 样式表命名 样式表命名采用英文小写字母命名，多个英语单词用 “-” 分割，不使用驼峰命名，如：hello-world JS...命名 js变量使用驼峰命名，不使用-号分割 // 不推荐 let foo_bar = 'hello eleme'; // 推荐 let fooBar = 'hello eleme...//不推荐 ; // 不推荐 /* 推荐 */ // 推荐 ; 在写pug模板时，在“//”后面最好加上-再空格，因为“//”会被转义成，“//-”不会被转义成任何东西 统一代码风格...Stylus代码风格 2个空格缩进，UTF-8 编码 如果你的代码中包含大括号，确保大括号与选择器之间留空，冒号后面留空，注释内外前后留空 /* 我是注释 */ div
团队协作中最重要的一点就是代码规范 开发规范文档为尺度 vscode编码格式为利刃(文章结尾分享本人使用的vscode配置) 插件（重要） Beautify css/sass/scss/less，Chinese...", // #让vue中的js按编辑器自带的ts格式进行格式化 "vetur.format.defaultFormatter.js": "vscode-typescript", "vetur.format.defaultFormatterOptions...": { "js-beautify-html": { "wrap_attributes": "force-aligned" // #vue组件中html代码格式化样式...", // #让vue中的js按编辑器自带的ts格式进行格式化 "vetur.format.defaultFormatter.js": "vscode-typescript", "vetur.format.defaultFormatterOptions...": { "js-beautify-html": { "wrap_attributes": "force-aligned" // #vue组件中html代码格式化样式 }
一、 引言 对于一个多人团队来说，制定一个统一的规范是必要的，因为个性化的东西无法产生良好的聚合效果，规范化可以提高编码工作效率，使代码保持统一的风格，以便于代码整合和后期维护。...2.3 CSS代码规范 2.3.1 CSS引用规范 1、所有CSS均为外部调用，不得在页面书写任何内部样式或行内样式； 2、html页面引入样式文件： 统一使用link标签，少用@import（原生import...有加载性能问题），sass、less、vue.js等文件使用import命令除外（因为最终前端构建工具会将引入文件编译成一个css文件）。...三、 JavaScript规范 3.1 JS文件引用 1、引入格式： 脚本语言发展至今，也只有js混的最好了，所以type="text/javascript"类型指定可以省去。...3.2 JS代码缩进 3.2.1 整体层次 使用 Tab 键进行代码缩进 (4个空格宽度) 。
这是我参与「掘金日新计划 · 8 月更文挑战」的第23天，点击查看活动详情 >> # CSS知识框架 背景： 此次对我们所有工程的代码进行eslint的配置，期间发现了我们代码中很多的问题，这关系到我们的代码质量的提升...，良好的代码习惯，将有效的降低我们代码异常情况，也会增加我们排查问题的复杂度 下面整理出一些非常常见的问题汇总，后续也将在这里持续增加我们代码中看到的问题，也希望大家在写代码的时候尽可能的多思考，多去回顾...1、比较运算符 这个请大家务必注意，在很多情况下，出现不可以预估的判断问题，为了代码的严谨请务必严格使用 === 和 !...这段代码中还有另外一个问题，可以使用解构方式来进行变量申明： const { admissionWard } = this.userInfo; \ 3、parseInt的不正确使用 **parseInt...，使代码结构更加清晰
这是我参与「掘金日新计划 · 8 月更文挑战」的第24天，点击查看活动详情 >> # CSS知识框架 6、老生常谈 forEach、map的使用 先看下面的代码，map中有一个if判断，当条件成立返回一个新的对象...），返回一个新的数组，且不需要改变原数组，那么使用map，其他遍历大概率请使用forEach，不管是性能及内存的使用都是有利的，当然也不完全死的，需要我们在写代码的时候更加严谨的思考。...但是也有意外情况，如果是在一个需要return的函数中去使用switch，那么此时return会直接跳出当前进程，出现意料之外的情况，所以和大家约定，不管什么情况下，都使用配套的关键字break，此外，在严格规范下...，已经要有default进行兜底，除非你对传进来的参数的值非常确定，否则请加上，这也是代码健壮的体现。...通常，代码应该重构为立即创建所有 promise，然后通过 Promise.all() 访问结果。否则，每个后续的操作将不会执行，直到前一个操作执行完毕。
此规范根据阿里最新前端规范整理，如有雷同，纯属巧合。...目录 前端代码规范 一．编程规约 (一) 命名规范 1.1.1 项目命名 1.1.2 目录命名 1.1.3 JS、CSS、SCSS、HTML、PNG 文件命名 1.1.4 命名严谨性 (二) HTML...前端代码规范 规范的目的是为了编写高质量的代码，让你的团队成员每天得心情都是愉悦的，大家在一起是快 乐的。...对软件来说，适当的规范和标准绝不是消灭代码内容的创造性、优雅性，而是限制过度个性化，以一种普遍认可的统一方式一起做事，提升协作效率，降低沟通成本。...正例： render-dom.js/signup.css/index.html/company-logo.png 反例： renderDom.js/UserManagement.html 1.1.4
前言 前端规范主要是为了让代码能有更好的可读性以及优雅性。不要为了规范而去规范，使用某些花里胡哨的写法，本质上是为了代码的维护性更强一些，所以才会制定规范来约束。...~ 推荐-Vue-Router写法 推荐-Vue项目目录结构 推荐-Vue实例选项顺序 推荐-优雅引用字体 推荐-200错误统一处理 前后端分离接口规范 前端工程工具链 前端Git规范 前端JS规范...前端CSS规范 1....前端Git规范 Git分支命名 master：主分支，负责记录上线版本的迭代，该分支代码与线上代码是完全一致的。...前端CSS规范 前端CSS规范 分号 每个属性声明后面都要加分号。
前端开发规范 一、HTML 1.语义化标签 HTML5 提供了很多语义化元素，更好地帮助描述内容。希望你能从这些丰富的标签库中受益。 <!...更多关于 lang 属性的知识可以从 此规范 中了解。 这里列出了语言代码表。 属性顺序 HTML 属性应该按照特定的顺序出现以保证易读性。...github上的frontend-guidelines及编码规范by@mdo（后面几个自己新增 三、JavaScript javascript规范使用的是Standard标准，其好处可点击超链接查看...在没有分号的情况下代码压缩后会导致报错，而坚持这一规范则可避免出错。
在前端开发中，随着项目迭代升级，日志打印逐渐风格不一，合理的日志输出是监控应用状态、调试代码和跟踪用户行为的重要手段。一个好的日志系统能够帮助开发者快速定位问题，提高开发效率。...本文将介绍如何在前端项目中制定日志输出规范。 1. 日志等级 首先，我们需要定义不同的日志等级，以便根据消息的重要性进行分类。...日志输出 在前端项目中，我们通常使用console对象进行日志输出。不同的日志等级可以使用不同的console方法： console.debug用于DEBUG级别。...`\n${this.formatStack(error.stack)}`; } // ...输出逻辑 } // ...其他方法 } 最后 通过以上步骤，我们可以建立一个前端项目的日志输出规范...日志是帮助我们更好地理解和维护应用的工具，合理的使用和管理日志对于任何规模的前端项目都是非常重要的。
代码规范 1. 概述 欢迎使用品优购代码规范， 这个是我借鉴京东前端代码规范，组织的品优购内部规范。...旨在增强团队开发协作、提高代码质量和打造开发基石的编码规范， 以下规范是团队基本约定的内容，必须严格遵循。...HTML规范 基于 W3C、苹果开发者 等官方文档，并结合团队业务和开发过程中总结的规范约定，让页面HTML代码更具语义性。...CSS规范 统一规范团队 CSS 代码书写风格和使用 CSS 预编译语言语法风格，提供常用媒体查询语句和浏览器私有属性引用，并从业务层面统一规范常用模块的引用。...命名规范 从 目录、图片、HTML/CSS文件、ClassName 的命名等层面约定规范团队的命名习惯，增强团队代码的可读性。 2.
-- Recommended --> /* Recommended */ .example
编码规范 一、 HTML编码规范 1.代码风格 1.1 缩进与换行 [强制] 使用4个空格作为一个缩进层级。 [建议] 每行不得超过120个字符。...例如： //good //bad 复制代码 [建议] 布尔类型的属性...[建议] 常用的选择器命名 1代码风格 1.1 缩进 [强制] 统一使用 4 个空格缩进，不得使用 tab 和 2 个空格（没规范前的缩进方式不管）。...三、JavaScript编码规范 1.代码风格 1.1文件 [建议] JavaScript 文件使用无 BOM 的 UTF-8 编码。...目前，比较成熟的 AMD Loader有： 官方实现的 require.js 百度自己实现的 esl [强制] 模块 id 必须符合标准。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
云直播
