FeCodeGuide
FeCodeGuide copied to clipboard
Go7hic
front-end code guide
无障碍访问指导标准 #### 基本规则 - 1.网站必须满足 WCAG 的所有一级优先检查点. - 2.网站应该满足 WCAG 的2,3级优先检查点. - 3.禁止使用 !important . - 4.给每个页面的 body 元素上设置一个统一的 class ,以便为用户样式表提供一个钩子. - 5.应该避免使用任何闪烁的内容. - 6. 应该使用屏幕阅读器对网站进行测试. - 7.禁止依赖 hover 状态或动画传达信息...
### 第一：初始化 ### 第二：使用匈牙利标记法来指定变量类型 “o”代表对象，“s”代表字符串，"i"代表整数，“f”代表浮点数，“b”代表布尔型； 例如： `var bFound; var iCount; var sName; var oPerson;` ### 第三种：使用类型注释来指定变量类型的方式 例如： var name /\* String */ = "gothic"
加载jQuery 1、尽量使用CDN加载（ CDN Benefits） ``` window.jQuery || document.write('') ``` 一些流行的jquery cdns: ``` Google: https://developers.google.com/speed/libraries/devguide Microsoft: http://www.asp.net/ajaxlibrary/cdn.ashx jQuery: http://jquery.com/download/ cdnjs: http://cdnjs.com OSSCdn: http://osscdn.com ``` 2、就像上面的代码一样，在CDN加载失败时，要回源到本地服务器的同版本jQuery。 3、使用依赖协议的URL（不加http:和https:，直接使用//），参看上面的例子。 4、尽可能在页面底部加载jQuery和javascript。 5、如何选择jQuery版本？ 如果要兼容IE6/7/8，不要使用2.x版本的 对于新的应用，如果不考虑一些插件的兼容性问题，尽可能的使用最新版 从CDN加载jQuery的时候，使用完整的版本号（例如，使用1.11.0，不用1.11和1）...
接触 SASS 有段时间了，感觉确实很强大，有很多东西可以学。先结合自己在从网上的指南写下自己的样式写作指南。 当然很多基本的规则和自己平时写 css 是一样的。主要写一下 有关SASS部分的。 ### 首先列出@extend(s) ``` .weather { @extends %module; ... } ``` 这样做能够使开发者保持一个清晰的思路，能够立刻知道这个类与其属性和其他类及其属性的关系，保持属性的一致和属性重用的清晰思路。 ### 普通样式 ``` .weather { @extends %module; background: LightCyan; .. } ``` ...
# 简介 from: https://github.com/mgechev/angularjs-style-guide/blob/master/README-zh-cn.md 本风格指南的目的是展示AngularJS应用的最佳实践和风格指南。 这些最佳实践来自于： 1. AngularJS项目源码 2. 本人阅读过的源码和文章 3. 本人的实践经历 **说明**: 这只是风格指南的草案，主要目的是通过交流以消除分歧，进而被社区广泛采纳。 在本指南中不会包含基本的JavaScript开发指南。这些基本的指南可以在下面的列表中找到： 1. [Google's JavaScript style guide](http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml) 2. [Mozilla's JavaScript style guide](https://developer.mozilla.org/en-US/docs/Developer_Guide/Coding_Style) 3. [GitHub's JavaScript style guide](https://github.com/styleguide/javascript)...
左花括号的位置 开发人员对于左大括号的位置有着不同的偏好，在同一行呢还是在下一行？ ``` if (true) { alert("It's TRUE!"); } 或者： if (true) { alert("It's TRUE!"); } ``` 在这个例子中，看起来只是个人偏好问题。但有时候花括号位置的不同则会影响程序的执行。因为JavaScript会“自动插入分号”。JavaScript对行结束时的分号并无要求，它会自动将分号补全。因此，当函数return语句返回了一个对象直接量，而对象的左花括号和return不在同一行时，程序的执行就和预想的不同了： ``` // warning: unexpected return value function func() { return { name:...