JavaScript规范和工具 JSlint

简介: 规范 Gooogle JavaScript规范: http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml JQuery Core Style Guidelines http://docs.

规范

Gooogle JavaScript规范:

http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml

JQuery Core Style Guidelines

http://docs.jquery.com/JQuery_Core_Style_Guidelines

Dojo Style Guide

http://o.dojotoolkit.org/developer/StyleGuide

70 Expert Ideas For Better CSS Coding

http://www.360doc.com/content/07/0512/12/18868_495822.shtml

规范检查工具

Google JSLint 下载地址 http://code.google.com/p/jslint-toolkit/

JSLint http://www.JSLint.com

JavaScript Lint http://www.JavaScriptLint.com/

Microsoft Ajax Minifier http://aspnet.codeplex.com/releases/view/40584

Google JSLint使用步骤

确保本机安装了JRE1.5或以上

1、 解压压缩包

2、 将需要的检查的文件放到scripts\file目录下,把config.json文件中includes修改为: "includes": ["scripts\\file"],

3、 点击run.bat,可以进行规范检查

4、 结束后,察看out\index.html文件,可以看到违规的地方,检查修改,并重复3,4直到达到要求

编写JS代码前先熟悉一下doc\index.htm 文件,对于规范的约定有个熟悉后再编写代码,事半功倍。

关于JSLint检查其他编码的文件:

JSlint是使用Rhino引擎执行js的检查,run.bat使用Rhino Shell运行,对于读文件,是以系统当前默认的编码完成。

scripts\source\util.js

readFile: function (path)

 
其中的readFile(path); 这个函数是Rhino Shell预定义的函数,第二参数编码可以设置,修改为readFile(path, 'utf-8');就可以分析UTF-8编码了,其他编码同样设置
 
使用VS2008、VS2010工具时,js文件默认是保存为有签名形式的UTF-8文件[文件的前三个字节是签名],对于这样的文件Rhino也处理不了[只能处理没有签名的UTF-8文件],为了自动化处理此问题,制作了一个小工具,如下:
 
 

指定JSlint的执行路径,然后选择JS根路径和需要检查的JS目录,执行转换即可查看结果。

绿色的文件表示符合规范,红色表示违反规范,找到位置修改即可。

clip_image004

注意:要分析的JS文件目录不能包含中文字符,否则,结果无法显示。

 

具体的修正工具下载:http://jsfkit.codeplex.com/releases

相关文章
|
存储 前端开发 JavaScript
仿真银行app下载安装, 银行卡虚拟余额制作app,用html+css+js实现逼真娱乐工具
这是一个简单的银行账户模拟器项目,用于学习前端开发基础。用户可进行存款、取款操作,所有数据存储于浏览器内存中
|
JavaScript
如何使用内存快照分析工具来分析Node.js应用的内存问题?
需要注意的是,不同的内存快照分析工具可能具有不同的功能和操作方式,在使用时需要根据具体工具的说明和特点进行灵活运用。
753 159
|
11月前
|
编解码 JavaScript 前端开发
如何在网页播放英文的m3u8文件(基于Javascript搭建的在线网页工具)
什么是m3u8?又该如何在网页中高效、便捷地播放英文的m3u8文件呢?今天这篇文章就带你一起了解,并推荐一种基于Javascript搭建的在线网页工具,让你轻松解决播放问题。
3328 0
|
数据采集 JavaScript Android开发
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
709 7
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
|
人工智能 监控 前端开发
基于 Next.js 的书法字体生成工具架构设计与 SSR 优化实践
本项目是一款书法字体生成工具,采用 Next.js 14(App Router)与 Tailwind CSS 构建前端,阿里云 Serverless 部署后端。通过混合渲染策略(SSG/SSR/CSR)、Web Worker 异步计算及 CDN 字体分片加载优化性能。服务端借助阿里云函数计算处理计算密集型任务,将平均耗时从 1200ms 降至 280ms,支持 1000+ QPS。动态路由与 ARMS 监控提升工程化水平,未来计划引入 WebGPU 和 AI 字体风格迁移技术,进一步优化用户体验。
|
存储 资源调度 JavaScript
npm、cnpm 和 pnpm 是三种常用的 Node.js 包管理工具
npm、cnpm 和 pnpm 是三种常用的 Node.js 包管理工具。npm 是官方默认的包管理器,提供依赖管理、安装和更新等功能;cnpm 是由阿里巴巴开发的 npm 镜像,专为中国大陆用户优化,解决下载速度慢的问题;pnpm 通过硬链接技术提高安装速度并节省磁盘空间,特别适合磁盘资源紧张的环境。三者命令类似,但各有特色,开发者可根据需求选择合适的工具。
2568 5
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
1187 10
|
Web App开发 JavaScript 前端开发
使用 Chrome 浏览器的内存分析工具来检测 JavaScript 中的内存泄漏
【10月更文挑战第25天】利用 Chrome 浏览器的内存分析工具,可以较为准确地检测 JavaScript 中的内存泄漏问题,并帮助我们找出潜在的泄漏点,以便采取相应的解决措施。
1935 9
|
Web App开发 JavaScript 前端开发
Node.js:JavaScript世界的全能工具
Node.js:JavaScript世界的全能工具