首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Vue.js 组件编码规范

目标 本规范提供了一种统一编码规范来编写 Vue.js 代码。这使得代码具有如下特性: 其它开发者或是团队成员更容易阅读和理解。...IDEs 更容易理解代码,从而提供高亮、格式化等辅助功能 更容易使用现有的工具 更容易实现缓存以及代码包分拆 本指南为 De Voorhoede 参考 RiotJS 编码规范 而写。...-- 与自定义元素规范不兼容 --> 组件表达式简单化 Vue.js 表达式是 100% Javascript 表达式。这使得其功能性很强大,但也带来潜在复杂性。...因此,你应该尽量保持表达式简单化。 为什么? 复杂行内表达式难以阅读。 行内表达式是不能够通用,这可能会导致重复编码问题。...你可以通过 vue-cli 来开始你项目,vue-cli 默认会开启代码校验功能。 为什么? 保证所有的开发者使用同样编码规范。 更早感知到语法错误。 怎么做?

6.4K20

Vue.js 组件编码规范

提供一种统一编码规范来编写 Vue.js 代码。这使得代码具有如下特性: * 其它开发者或是团队成员更容易阅读和理解。...-- 与自定义元素规范不兼容 --> 组件表达式简单化 Vue.js 表达式是 100% Javascript 表达式。这使得其功能性很强大,但也带来潜在复杂性。...因此,你应该尽量 保持表达式简单化 . WHY? * 复杂行内表达式难以阅读。 * 行内表达式是不能够通用,这可能会导致重复编码问题。...提供处理函数和表达式都是绑定在 ViewModel 上,组件每一个事件都应该按照一个好命名规范来,这样可以避免不少开发问题 WHY?...你可以通过 vue-cli 来开始你项目, vue-cli 默认会开启代码校验功能。 WHY? * 保证所有的开发者使用同样编码规范。 * 更早感知到语法错误 HOW?

16.1K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    编码规范

    不要在自闭合(self-closing)元素尾部添加斜线 -- HTML5 规范中明确说明这是可选。...不要省略可选结束标签(closing tag)(例如, 或 ) IE 兼容模式 IE 支持通过特定 标签来确定绘制当前页面所应该采用 IE 版本。...除非有强烈特殊需求,否则最好是设置为 edge mode,从而通知 IE 采用其所支持最新模式。...id 用于标识具体组件,应当谨慎使用(例如,页面内书签),因此排在第二位。 减少标签数量 编写 HTML 代码时,尽量避免多余父元素。很多时候,这需要迭代和重构来实现。请看下面的案例: 不要使用 @import 与 标签相比,@import 指令要慢很多,不光增加了额外请求次数,还会导致不可预料问题。

    1.2K70

    编码规范

    一、命名规范 1.包命名 项目包名:com.公司名.项目名  例如:com.xinzong.etc 包名 说明 com.xxx.xxx.activitys 存放(一级)主界面activity (如:MainActivity...存储,网络访问,日志等工具) com.xxx.xxx.db 数据库相关 2.类命名 类描述 规范 示例 基础父类 以Base开头 BaseActivity Activity类 以activity后缀...初始化相关数据及资源方法命名:initXXX 6.布局文件命名 描述 规范 示例 Activity布局文件 activity开头 activity_main Fragment布局文件 fragment...放到方法顶部使用Java预定义类型而不是用类名来声明变量(较少使用)编码逻辑规范1、避免将多个类放在一个文件里,除非是一次性使用内部类;2、一个方法代码长度最好不要超过35行;3、原则上,尽量不要手动去修改系统自动生成代码...,然后调用;11、总是使用接口,推荐使用显式接口实现;12、在switch语句中总是要有default字句来显示信息;项目目录规范Requirment、Design、Planning、Help、Log、

    1.2K80

    编码规范

    (命名规范参考使用开发平台(ade或jqde)) 在 if/else/for/while/do 语句中必须使用大括号,即使只有一行代码,避免使用下面的形式: if (condition) statements...; 类、类属性、类方法注释必须使用 javadoc 规范,使用【/**内容*/】格式,不得使用【//xxx】 方式。...反例:getObject()与 get0bject()问题。一个是字母 O,一个是数字 0,加@Override可以准确判断是否覆盖成功。...线上故障有时候就是来源于这些标记处代码。 1) 待办事宜(TODO):( 标记人,标记时间,[预计处理时间]) 表示需要实现,但目前还未实现功能。...这实际上是一个 javadoc 标签,目前 javadoc 还没有实现,但已经被广泛使用。只能应用于类,接口和方法(因为它是一个javadoc标签)。

    1.2K90

    编码规范

    为什么要有编码规范 编码规范对于程序员而言尤为重要,有以下几个原因: 一个软件生命周期中,80%花费在于维护 几乎没有任何一个软件,在其整个生命周期中,均由最初开发人员来维护 编码规范可以改善软件可读性...,可以让程序员尽快而彻底地理解新代码 如果你将源码作为产品发布,就需要确任它是否被很好打包并且清晰无误,一如你已构建其它任何产品 为了执行规范,每个软件开发人员必须一致遵守编码规范 遵循阿里编码规范...说明:这样做原因是,在IDE中,外部调用常量地方可以看到注释 3.命名规范 常量定义问题,很多数字(魔法数字)、字符应该定义为常量,并指定有意义名称,便于理解和维护 4.代码结构 程序没有分层概念...每层职责要分明 类方法参数列表过长,应该抽象为一个参数类 存在多层if嵌套和多层while嵌套情况 无效引用,代码中存在很多无效包、类引用,应该去掉没用到引用,或者使用快捷键CTRL...数据类型处理 int类型数据作除法时要注意,得到有可能不是想要结果。

    90720

    C#编码规范2 C#编码规范

    C#编码规范 1 规范目的 ……………………………………………………… 3 2 适用范围 ……………………………………………………… 3 3 代码注释 ………………………………………………………...一个软件生命周期中,80%花费在于维护; 几乎没有任何一个软件,在其整个生命周期中,均由最初开发人员来维护; 编码规范可以改善软件可读性,可以让程序员尽快而彻底地理解新代码。...为了执行规范,每个软件开发人员必须一致遵守编码规范; 使用统一编码规范主要原因,是使应用程序结构和编码风格标准化,以便于阅读和理解这段代码; 好编码约定可使源代码严谨、可读性强且意义清楚,与其它语言约定相一致...2 适用范围 本规范主要以C#为开发语言规范,为鲍亮实验室原则性规范; 由于本规范是为撰写程序而设计,所以适用于一切有关程序撰写工作事项。...3.2 模块头部注释规范 以一个物理文件为单元都需要有模块头部注释规范,例如:C#中.cs文件 用于每个模块开头说明,主要包括:(粗体字为必需部分,其余为可选部分) 文件名称(File Name

    2.6K91

    CSS编码规范

    CSS编码规范 1 前言 CSS作为网页样式描述语言,在百度一直有着广泛应用。本文档目标是使CSS代码风格保持一致,容易被理解和被维护。...虽然本文档是针对CSS设计,但是在使用各种CSS预编译器(如less、sass、stylus等)时,适用部分也应尽量遵循本文档约定。...2 代码风格 2.1 文件 [建议] CSS 文件使用无 BOM UTF-8 编码。 解释: UTF-8 编码具有更广泛适应性。BOM 在使用程序或工具处理文件时可能造成不必要干扰。...解释: 常见不可分割场景为URL超长。 [建议] 对于超长样式,在样式值 空格 处或 , 后换行,建议按逻辑分组。...解释: 2D 位置初始值为 0% 0%,但在只有一个方向值时,另一个方向值会被解析为 center。为避免理解上困扰,应同时给出两个方向值。

    1.3K41

    java编码规范

    java编码规范(日常编码总结,规范项目组员有统一规范,方便合作,查错,重构等)当你抛弃规范随心所意写代码时,等你之后再回来阅读时真有的一种全部删掉重写冲动。...前言 如果这份规范中有不合理地方,欢迎提issue/提PR等各种形式进行完善。 如果您有更好代码风格未在本规范中列出,欢迎提issue/提PR等各种形式进行完善。...本规范最后一部分业务规范仅根据本人所在公司情况制定(游戏开发),请酌情考虑使用。 本project还在完善和验证中,希望和大家一起写出优雅而实用代码。...源代码文件以文件内容中最顶层Java类命名,而且大小写敏感,文件扩展名为 .java,同时,文件编码格式统一为UTF-8。 12....---- 备注: 以上内容摘自 ---- 7. 业务规范 1. 【强制】写业务逻辑时,一定要把对应需求链接贴在代码注释里,方便在和策划撕逼时方便决定谁该背锅。

    2.5K20

    HTML编码规范

    HTML代码规范   我们知道,前端工程师入门容易,通过学习基本HTML和CSS就能在浏览器上看到实际效果,可是要写好HTML,就不是那么容易了。...这里将和大家分享HTML规范,希望大家读完之后都能够有所收获。...必须在head元素内部meta标签内声明文档字符编码charset, 如:,这句代码告诉浏览器应该此HTML文件使用字符集是什么,如果不加此行代码,那么在浏览器中可能显示为乱码...使用script将js文件引入,并置于body底部,这时js文件会最后加载,html会最先加载,用户体验会更好。...(注意:并不是所有的js文件都要放置于body底部,如当我们需要使用js文件动态修改meta元素内容时,需要将js文件引入到head标签中。

    2K10

    前端编码规范

    基本原则 结构、样式、行为分离 统一缩进(建议 两个空格) 文件编码统一 不带BOMUTF-8 一律使用小写字母 省略外链资源 URL 协议部分(FTP等其他URL不省略) 统一注释 HTML 标签...DOCTYPE html> 语言属性 字符编码(必须是标签第一个子元素) 优先使用最新内核 <meta....slide, .modal, .tips, .tabs,特殊化采用上面两个中划线表示,如.imgslide--full, .modal--pay, .tips--up, .tabs--simple js...操作类统一加上js-前缀 不要超过四个class组合使用,如.a.b.c.d JavaScript 注释 如无必要勿增注释, 如有必要尽量详尽, 只使用//, 避免使用/*...*/ 函数方法注释包含函数说明参数和返回值及返回值类型...{"extends": "eslint-config-airbnb"} 参考 ES6入门-编程风格 前端开发规范手册 网页字体排印指南 ----

    1.8K71

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券