@heqinglin 2021-06-15T09:39:37.000000Z 字数 2108 阅读 145

9月培训- 高效编码的一些技巧

文档

一、了解sublime

如何安装插件：

先安装依赖包

1、控制台安装
视图-控制台 ctrl+`
输入以下：

import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

2、手动安装

单击首选项>浏览包... 菜单

浏览文件夹，然后进入Installed Packages / 文件夹

下载包Control.sublime-package 并将其复制到Installed Packages /目录中

重新启动Sublime Text

依赖包安装成功，下面就可以愉快的挑选插件了 ⌘⇧p install

1.Emme ---墙裂推荐

匹配标签对向外 ⌃D（Mac）/ Ctrl+

删除标签 ⌘'/Shift+Ctrl+;

转到匹配对 - ⇧⌃T/Ctrl+Alt+J

转到编辑点 - Ctrl+Alt+→或Ctrl+Alt+←

代码块注释 ⇧⌥/ / Shift+Ctrl+/

计算数学表达式 - ⇧⌘Y/Shift+Ctrl+Y

2.HTML-CSS-JS Prettify ---格式化
3.AutoFileName ---路径提示
4.jQuery
5.ConvertToUTF8 ---防止乱码
6.Color Highlighte ---emm～个人非常喜欢
7.All Autocomplete ---从打开的所有文件中，查找匹配提示

自定义代码片段

工具- 开发 - 新建代码片段

文件位置：首选项 - 浏览插件目录

<snippet>
    <content><![CDATA[
background:rgba(0,0,0,.60); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000);
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>rgba</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <scope>source.css</scope>
</snippet>

![CDATA[自定义代码]]

触发

使用范围

二、js编码规范

堆砌代码 - 优雅代码 - 简化代码
推荐书籍 -代码整洁之道

注释：

不要给不好的名字加注释，一个好的名字比好的注释更重要，不要“拐杖注释”

注释应该声明代码的高层次意图，而非明显的细节

类级别使用全局注释来解释所属部分如何工作，一定要给常量加注释

TODO 待处理的问题

FIXME 代码有已知问题，待修复

注释一定是表达代码之外的东西，代码可以包含的内容，注释中一定不要出现，如果有必要注释，请注释意图（why），而不要去注释实现（how)，大家都会看代码

命名

使用具体的名字来细致的描述事物，通常我们使用类似于 setElementAttr 、getElementAttr，这种命名方式（驼峰式），函数语义更接近动宾短语（动词开头）避免空泛的名字像sea gea这种首字母缩写

私有属性和方法应该以 _ 开头

给变量名带上重要的细节，比如加上单位ms等

变量类型为布尔值表达加上is，has，can，should这样的词会更明确

变量名称长短应该与其作用域对应,为作用域大的名字采用更长的名字，作用域小的使用短名字

别害怕长名称，长而具有描述性的名称比短而令人费解的名称好

方法

函数不应该有100行那么长，20行封顶最好

if else while等控制语句其中代码块应该只有一行，也就是一个函数调用语句

一个函数只做一件事，一个函数不应该能抽象出另外一个函数

最长不要超过三个入参，尽量不要输出参数,如果函数传入三个及以上参数最好将其抽象为类

标识参数十分丑陋，向函数传入布尔值用于区分不同业务的做法很丑陋，应该拆分为多个函数

三、组件库迭代

可选取复制

win f11 可全屏操作

可以编辑代码

data-src 复制问题