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

Vue.js 组件编码规范

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

16.1K20

Vue.js 组件编码规范

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

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

    编码规范

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

    1.2K90

    编码规范

    不要在自闭合(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

    编码规范

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

    93320

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

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

    2.7K91

    HTML编码规范

    -- bad --> js'> js> [建议] 布尔类型的属性,建议不添加属性值。...示例: 3.2 编码 [强制] 页面必须使用精简形式,明确指定字符编码。指定字符编码的 meta 必须是 head 的第一个直接子元素。... [建议] HTML 文件使用无 BOM 的 UTF-8 编码。 解释: UTF-8 编码具有更广泛的适应性。BOM 在使用程序或工具处理文件时可能造成不必要的干扰。...解释: title 中如果包含 ascii 之外的字符,浏览器需要知道字符编码类型才能进行解码,否则可能导致乱码。...解释: 当浏览器 JS 运行错误或关闭 JS 时,提交功能将无法工作。如果正确指定了 form 元素的 action 属性和表单控件的 name 属性时,提交仍可继续进行。

    3.6K41

    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.4K41

    【HTML】:编码规范

    字符编码 [强制] 页面必须使用精简形式,明确指定字符编码。 通过明确声明字符编码,能够确保浏览器快速并容易的判断页面内容的渲染方式。...这样做的好处是,可以避免在 HTML 中使用字符实体标记(character entity),从而全部与文档编码一致(一般采用 UTF-8 编码)。... [建议] HTML 文件使用无 BOM 的 UTF-8 编码。 UTF-8 编码具有更广泛的适应性。BOM 在使用程序或工具处理文件时可能造成不必要的干扰。...根据 HTML5 规范,在引入 CSS 和 JavaScript 文件时一般不需要指定 type 属性,因为 text/css 和 text/javascript 分别是它们的默认值。示例: js'> js> [建议] 布尔类型的属性,建议不添加属性值。

    2.1K20

    Python 编码规范

    如果团队没有统一的编程规范,会增加代码理解难度,从而增加维护成本。所以遵循良好的编码风格,可以有效的提高代码的可读性,降低出错几率和维护难度。另外,使用(尽量)统一的编码风格,还可以降低沟通成本。...网上有许多的编码规范,我介绍分享几个知名编码规范给大家参考学习。 PEP 8 PEP 8 可以算是 Python 官方的标准编码规范。它是用于规范 Python 主发行版中的标准库的代码。...所以这个编码规范是值得一看。...Google 因此发布了这份自己的编程风格指南, 使所有提交代码的人都能获知 Google 的编程风格。Google 的 Python 风格也是遵循 PEP8 规范。...Poco o团队编码风格指南适用于所有 Pocoo 团队的项目。总体来说,Pocoo 团队编码风格指南严格遵循了 PEP8 的要求,但略有一些不同之处,并进行了一定的扩展延伸。

    1.8K30

    前端编码规范

    基本原则 结构、样式、行为分离 统一缩进(建议 两个空格) 文件编码统一 不带BOM的UTF-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元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券