前言 在js的代码开发中，我简单的总结出了以下规则，后面会陆续补充并且对规范进行分类。...js代码建议保存到后缀名.js的文件中 js代码不建议放在html中，原因有：不能被缓存，会增大网页文件的大小，可维护性不高，会影响页面的加载。...缩进，建议使用空格，因为各个环境对tab的解释不通，而空格可以在压缩文件中统一被压缩掉。 每行控制在80个字符以内，如果超过请折行。...比如对象 var obj={} ;var arr=[] eval eval是最容易混乱使用的js函数，他可以执行内部入参的js函数或者表达式，可以直接解析变量。不建议使用 。...尽量使用语法严格模式 消除代码之中的不友好；代码运行更快 ；保证运行的安全 ；为新版本的js做好铺垫。 22.
前言 下面这几点将工作中所踩的一些坑简单整理了一下,团队几个人开发,一些默契就比较重要,可以提高开发效率和代码的可读性 命名,编码和注释 命名 A.文件夹命名:文件夹、文件的命名与命名空间应能代表代码功能...函数和变量命名: 具有意义的驼峰命名,如hubList; 变量函数名禁止使用关键字和保留字,禁止重新定义(不能重名)或定义不用 C.常量:大写字母,如HUBLIST 编码 采用统一的缩进方式排版代码...C.Js代码注释console.log和debugger再提交 D.重要函数或者类等都要添加头描述 ? 字符串拼接 应使用数组保存字符串片段，使用时调用join方法。...,并且不封装成if…then…else… 导入和导出 使用import和export,只能位于代码顶部和顶部,如果代码中部需要按需导入文件使用require 解决地狱回调问题 A.方法一 ?...可以使用break,return(一个循环一个),continue不使用,降低代码可读性 G.for…in遍历对象 For…in遍历对象包括所有继承的属性,所以如果只是想使用对象本身的属性需要做一个判断
本文链接：https://ligang.blog.csdn.net/article/details/40981147 压缩JS java -jar yuicompressor-2.4.jar --type...js xxx.js -o xxx.js --charset utf-8 压缩CSS java -jar yuicompressor-2.4.jar --type css xxx.css -o xxx.css...PS:压缩CSS时，会影响JS和其他类型文件！！！ 压缩JS时，无问题，建议压缩哪类文件时单放置哪类文件！！！...class ZipJS { public static void main(String[] args) throws Exception { //文件存在目录 String dir = "D:\\js...yuicompressor-2.4.jar")){ continue ; } String cmd = "java -jar yuicompressor-2.4.jar --type js
前言 说起图片压缩，大家想到的或者平时用到的很多工具都可以实现，例如，客户端类的有图片压缩工具 PPDuck3， JS 实现类的有插件 compression.js ，亦或是在线处理类的 OSS 上传，...文件上传后，在访问文件时中也有图片的压缩配置选项，不过，能不能自己撸一套 JS 实现的图片压缩代码呢？...压缩思路 涉及到 JS 的图片压缩，我的想法是需要用到 Canvas 的绘图能力，通过调整图片的分辨率或者绘图质量来达到图片压缩的效果，实现思路如下： 获取上传 Input 中的图片对象 File 将图片转换成...缺点：只有 jpeg 、webp 支持原图尺寸下图片质量的调整来达到压缩图片的效果，其他图片格式，仅能通过调节尺寸来实现 代码实现 <div class="container"...，不喜欢用 Vue 的也可以把代码稍微调整一下，下面开始具体分解一下代码的实现思路 Input 上传 File 处理 将 File 对象通过 FileReader 的 readAsDataURL 方法转换为
当有人需要快速理解代码时，清晰的命名提供了重要的上下文，无论他们是在编码、调试还是协助队友——俺不需要问别人用户的意思，但俺必须问数据的意思。...在你的代码库中始终如一地使用它们可以使阅读更容易理解。...注意拼写: ) 单词拼写错误会产生bug，使搜索代码更加困难。拼写错误很容易被忽略，但是如果代码库中的所有内容都有正确的拼写，就会产生巨大的差异，尤其是在尝试全局查找/替换时。...为了读者的利益，代码作者投入更多的精力是值得的。6个月后，当他们维护代码时，你未来的自己会感激他们所做的额外工作。 如果担心行长度，可以考虑使用Prettier之类的工具来自动格式化代码。...把你的团队规则编成代码将有助于交流你在这个问题上的想法，而不是打击你的同事。
js类与构造函数参考原文献 9..../AirbnbStyleGuide'; // bad // filename es6.js export { es6 as default } from '..../AirbnbStyleGuide'; // good // filename es6.js import { es6 } from '....= b = c = 1; // good let a = 1; let b = a; let c = a; 11.6、避免使用 ++ 或 –，使用 += 或 -= 代替（eslint规范...空格（具体遵循eslint规范） 14.1、始终使用 2 个空格作为块之间的间距 14.2、在前括号【{ }, ( )】之前放置1个空格 // bad function test(){ console.log
命令名描述 @param @argument 指定参数名和说明来描述一个函数参数 @returns 描述函数的返回值 @author 指示代码的作者 @deprecated 指示一个函数已经废弃，...而且在将来的代码版本中将彻底删除。...要避免使用这段代码 @see 创建一个HTML链接，指向指定类的描述 @version 指定发布版本 @requires 创建一个HTML链接，指向这个类所需的指定类 @throws @exception
EMCAScript规范 javascript语言实现,ES6规范（使用babel编译器将es6转换为es5，webpack只支持部分es6）： import "jquery"; /...default只有一个，export可以有多个 commonjs规范 nodejs语言实现 require("module"); require(".....nodejs，需要通过browserify工具转换为浏览器支持js （例如：browserify main.js > compiled.js）： 浏览器不兼容nodejs的几个模块 module exports...和curl.js实现 网页js的异步加载 内部函数 require.config({参数})...deps: ['underscore', 'jquery'], exports: 'Backbone' } } }); CMD 淘宝工程师编写seajs，提出cmd规范
ReferenceError 对所有引用都使用 const，不要使用 var，eslint: prefer-const, no-const-assign 原因：这样做可以确保你无法重新分配引用，以避免出现错误和难以理解的代码...，同时也更容易被主流 JS 引擎优化 // bad const bad = { 'foo': 3, 'bar': 4, 'data-blah': 5 } // good const good...bar.css' // good import fooSass from 'foo.scss' import barCss from 'bar.css' 迭代器 建议使用 JS 更高优先级的函数代替...时等于 false, 否则是 true if ([0] && []) { // true // 数组(即使是空数组)也是对象，对象等于true } 分号 Standard 的规范是不使用分号的...，我建议统一使用分号，代码更加清晰 关于应不应该使用分号的讨论有很多，好的 JS 程序员应该清楚场景下是一定要加分号的，相信你也是名好的开发者。
概念介绍 昨天接到了一个任务，H5 app 的JS CSS 需要压缩，混淆。 然后怎么办呢？...首先理解下压缩混淆是指什么 压缩 compress： 去掉空格，换行，注释等，格式紧凑，节约存储空间。 混淆 obfuscate/garble：替换变量名或方法名，让js不容易看懂。...百度一下js压缩，混淆会搜到一堆在线混淆加密的网页，但是这些都不是你想要的。...UglifyJS简介 UglifyJs 是一个js 解释器、最小化器、压缩器、美化器工具集（parser, minifier, compressor or beautifier toolkit）。...要注意，如果启用了压 缩，因为会移除不可达代码以及压缩连续声明，因此不是*所有*注释都能
本文作者：IMWeb 我饿了 原文出处：IMWeb社区 未经同意，禁止转载 在学习编程的时候，每次看到那些整齐规范的代码，心里顿时对这个程序员表示点点好感，有时，比如看到自己和朋友写的代码时，...那阅读起来就是苦不堪言，所以，一些基本的开发规范是必须的，是为了自己方便阅读代码，也方便他人阅读修改代码。...脚本加载 说到js和css的位置，大家应该都知道js放在下面，css放在上面。...eval()函数的作用是返回任意字符串，当作js代码来处理。 ---- this关键字 只在对象构造器、方法和在设定的闭包中使用 this 关键字。this 的语义在此有些误导。...'valid' : 'invalid' ---- JSHint 在js规范中，有很多规范都是样式上的规范而不是逻辑上的规范，比如尽量使用=== 而不是==，我们可以使用JSHint或者JSLint，Javascript
标识符命名规范 变量、函数的命名必须要有意义 变量的名称一般用名词 函数的名称一般用动词 2....操作符规范 // 操作符的左右两侧各保留一个空格 for (var i = 1; i <= 5; i++) { if (i == 3) { break; // 直接退出整个 for...单行注释规范 for (var i = 1; i <= 5; i++) { if (i == 3) { break; // 单行注释前面注意有个空格 } console.log...其他规范 关键词、操作符之间后加空格 ?
该规范主要参考《谷歌的代码评审指南》 ?...commit 的详细描述，可以分成多行 footer 部分只用于两种情况：1、不兼容变动；2、关闭issue 扩展：如果你使用 IDEA 进行编码，可以是使用 git commit template 插件来规范每次提交的...二、评审者 checklist 设计：代码是否经过精心设计并适合你的系统 功能：代码是否符合开发者意图？...复杂性：代码是否可以更简洁？未来其他开发者接手时，代码是否易于理解与易用？ 测试：代码是否经过正确且设计良好的自动化测试 命名：开发人员是否为变量、类、方法等选择了明确的名称？...风格：代码是否遵循了代码开发规范 文档：开发人员是否也同步更新了相关文档 在评论前加上“nit:”这样的前缀，表明这是一个优化性的建议，可以不影响本次上线 应在一个工作日内完成评审，并给出意见 评价只针对代码和具体业务流程
在做的web项目上线时，我们需要对js文件进行压缩，以减小文件的体积，加快加载速度，提高响应时间。下面我来介绍一个js压缩工具：uglifyjs。...-b,--beautify 美化代码格式的参数 -m,--mangle 改变变量名称（ex：在一些例如YUI Compressor压缩完的代码后你可以看到)a,b,c,d,e,f之类的变量...--comments 用来控制注释的代码的 如果压缩的时候想要保留版权信息，可以如下使用： uglifyjs main.js --comments -m -o main-min.js 当然，...uglifyjs压缩批处理 我们不可能每次都打开cmd去键入压缩执行代码，容易写错不说（如上面那个结果图），还耗时，想想都会让人疯掉。...完整代码如下： @echo off :: 设置压缩JS文件的根目录，脚本会自动按树层次查找和压缩所有的JS SET JSFOLDER=C:\Users\Administrator\Desktop\formini
最近对于ES6中变量命名关于变量是不是应该大写，特意再重新梳理了一遍基础，特总结如下： js变量命名规范 变量名区分大小写（y 和 Y 是不同的变量） 变量名包含字母、数字、美元符号（）和下划线
前言 Python 学习之旅，先来看看 Python 的代码规范，让自己先有个意识，而且在往后的学习中慢慢养成习惯 目录 一、简明概述 1、编码 如无特殊情况, 文件一律使用 UTF...-8 编码 如无特殊情况, 文件头部必须加入#-*-coding:utf-8-*-标识 2、代码格式 2.1、缩进 统一使用 4 个空格进行缩进 2.2、行宽 每行代码尽量不超过 80 个字符(在特殊情况下可以略微超过...，因此 代码里 多数应该使用 单引号 自然语言 使用双引号 "..."...'blah': do_blah_thing() # 不推荐的写法 if foo == 'blah': do_blash_thing() 6、docstring docstring 的规范中最其本的两点...""" 文档注释不限于中英文, 但不要中英文混用 文档注释不是越长越好, 通常一两句话能把情况说清楚即可 模块、公有类、公有方法, 能写文档注释的, 应该尽量写文档注释 三、命名规范
1、模块 模块尽量使用小写命名，首字母保持小写，尽量不要用下划线(除非多个单词，且数量不多的情况) # 正确的模块名 import decoder import...
虽然说实现功能是编程的首要目的，但是在实际开发过程中，代码的可读性也是非常重要的。不同的人有不同的编程习惯和风格，对于一个团队而言，想要高效的协同开发，遵守一个统一的代码规范是非常重要且必要的。...举个例子，开发和维护数据分析的pipeline可以说的上是生信工程师的日常了，对于这样一个需要长期维护的项目而言，在开发阶段，遵循统一的代码规范，可以将任务拆分，分配给团队的不同人员进行开发，提高效率；...这一切的基础就是统一的代码规范，对于python而言，官方的PEP8规范是使用最广泛，认可度最高的代码规范，文档链接如下 https://www.python.org/dev/peps/pep-0008...每行长度 每行代码最大长度不超过80个字符。...多行代码的缩进与对齐 多行代码推荐用缩进的方式使其看上去，直观的属于一个整体，一种写法是直接在圆括号，中括号，花括号之后换行，换行之后缩进4个空格，示例如下 my_list = [ 1, 2,
命名规范 Θ 类文件都以.class.php为后缀，使用驼峰法命名，并且首字母大写，例如 Pay.class.php; Θ 类名和目录_文件名一致。... 1.函数或者方法体内的代码尽量控制在一个屏幕内。 ...4.在每个模块内写个readme文件(用于比较复杂业务的说明或代码说明)。 5.尽量让每个类做自己的事，每个函数做一件事。...常用代码 用&&或||简化操作 简化前: $a=1;$b = 0;if(isset($a)){ $b=1; print($b."\n");} if($b!...总结 本来想把什么设计模式也往常用代码里放置，但是太多了，不太好放。这些只是微部而已！
2基本代码规范 2.1概览 l PHP代码文件必须以 <?php 或 <?...类的命名必须 遵循 StudlyCaps 大写开头的驼峰命名规范。 PHP 5.3及以后版本的代码必须使用正式的命名空间。...3.编码风格规范 当多名程序员在多个项目中合作时，就需要一个共同的编码规范，而本文中的风格规范源自于多个不同项目代码风格的共同特性，因此，本规范的价值在于我们都遵循这个编码风格，而不是在于它本身。...概览 l 代码必须遵循 PSR-1 中的编码规范。 l 代码必须使用4个空格符而不是 tab键进行缩进。...例子 以下例子程序简单地展示了以上大部分规范： 3.2. 通则 3.2.1 基本编码准则 代码必须符合 PSR-1 中的所有规范。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
云直播
