浏览：208852 收藏：122

腾讯alloyteam团队前端代码规范

开始阅读 下载APP，阅读更畅快
教程说明：

  • HTML规范

    基于 W3C、苹果开发者等官方文档，并结合团队日常业务需求以及团队在日常开发过程中总结提炼出的经验而约定。

  • 图片规范

    了解各种图片格式特性，根据特性制定图片规范，包括但不限于图片的质量约定、图片引入方式、图片合并处理等。

  • CSS规范

    统一团队 CSS 代码书写和 SASS 预编译语言的语法风格，提供常用媒体查询语句和浏览器私有属性引用，并从业务层面统一规范常用模块的引用。

  • 命名规范

    从 “目录命名”、“图片命名”、“ClassName” 命名等层面约定规范团队的命名习惯，增强团队代码的可读性。

  • JavaScript 规范

    统一团队的 JS 语法风格和书写习惯，减少程序出错的概率，其中也包含了 ES6 的语法规范和最佳实践。

 

开始使用 »


来源：凹凸实验室

本文档采用 CC BY 4.0. 协议


教程目录：

开始使用

HTML 规范

CSS 规范

JS 规范

前端图片规范

前端命名规范
温馨提示
下载编程狮App，免费阅读超1000+编程语言教程
取消
确定
目录

开始使用

HTML 规范

CSS 规范

JS 规范

前端图片规范

前端命名规范

关闭

 MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }