JavaScript重构(八):JSDoc和JSLint

jsDoc注释规范 jsDoc,顾名思义,jsDoc是一个用于JavaScript的API文档生成器,类似于Javadoc或phpDocumentor。它根据JavaScript文件中的注释信息,生成JS应用程序或模块的API文档。通过使用JSDoc标记如:命名空间,类,方法参数等,从而使开发者能够轻易地阅读代码,掌握代码定义的类和和其属性和方法,从而降低维护成本并提高开发效率。 JSDoc中文文档 JSDoc官网 JSDoc注释通常应该放在代码被记录之前。为了被JSDoc解析器识别,每个注释必须以/**序列开头,以便由JSD 阅读详情

JSDoc可以生成类似于JavaDoc一样的API文档,这对于前端开发是必不可少的。

image

下载jsdoc-tookit(http://code.google.com/p/jsdoc-toolkit/)和jsdoc-tookit-ant-task(http://code.google.com/p/jsdoc-toolkit-ant-task/),优快云的转义功能有问题,所以把尖括号都换成了书名号:

《project default="build-docs"》
    《target name="build-docs"》
        《property name="base" location="." /》
        《taskdef name="jsdoctoolkit" classname="uk.co.darrenhurley.ant.tasks.JsDocToolkit" classpath="jsdoc-toolkit-ant-task-1.1.0.jar;jsdoc-toolkit/java/classes/js.jar"/》
        《jsdoctoolkit template="jsdoc" jsdochome="${base}/jsdoc-toolkit/" outputdir="${base}/output/"》
            《source file="p-common.js" /》
        《/jsdoctoolkit》
    《/target》
《/project》

其它也有类似的工具,DOC生成器对于任何一个成熟的前端开发团队都是必不可少的。

 

JSLint是用来对JavaScript代码做静态检查的工具(http://jslint.com/),不过这个应该不是开源的;而且需要ruby运行环境和gvim,再配合cscript engine,使用起来有诸多不便。项目中不可能总使用在线版本:

image

Eclipse上也开发了相应的JSLint plugin,另外,有一个很方便的工具jslint-toolkit(http://code.google.com/p/jslint-toolkit/):

先配置config.json,红色字体就是要检查的js目录:

{
    // JavaScript files to check
    //"includes": ["scripts//source", "scripts//jquery"],
    "includes": ["scripts//my"],
    // Exclude files
    "excludes": [],
    // Exclude file names (Regex expression)
    "excludeNames": ["//.svn", "CVS"],
    // Output directory
    "outPath": "out"
}

输出结果一目了然:

image

从原理到调试:一次搞懂Camera Sensor的曝光、增益与帧率三角关系 本文深入解析Camera Sensor中曝光、增益与帧率之间的动态平衡关系,揭示低光环境下帧率下降的根本原因。通过实际调试案例和底层公式分析,帮助开发者理解如何优化相机参数设置,实现画质与流畅度的最佳平衡。 阅读详情

相关推荐

Ansys Lumerical 2023 R1.2新功能实战:薄膜铌酸锂调制器仿真全流程解析

本文详细解析了Ansys Lumerical 2023 R1.2在薄膜铌酸锂电光相位调制器仿真中的最新功能与应用。通过实战演示,展示了从电极配置、电场计算到模式分析的全流程,重点介绍了各向异性介电常数支持和多物理场耦合优化等关键技术,助力开发者高效设计高性能光通信器件。

weixin_28454475的博客 1213

JavaScript 报错 注释

转载于:https://www.cnblogs.com/ujq3/p/7890243.html

weixin_30909575的博客 183

Cadence IC618版图DRC验证License报错排查:从虚拟机网络配置到HOSTID的实战解析

本文详细解析了Cadence IC618版图设计中DRC验证License报错的排查方法,重点从虚拟机网络配置到HOSTID获取的实战经验。通过对比ifconfig与ip add命令的差异,提供了正确的HOSTID获取方式及License文件修改技巧,帮助工程师快速解决IC618环境下的DRC验证问题。

weixin_30823001的博客 680

JSDoc 注释规范

JSDoc 注释规范 什么是 JSDoc JSDoc 是一个根据 JavaScript 文件中注释信息,生成 JavaScript 应用程序或模块的API文档的工具。你可以使用 JSDoc 标记如:命名空间,类,方法,方法参数等。从而使开发者能够轻易地阅读代码,掌握代码定义的类和其属性和方法,从而降低维护成本,和提高开发效率。 JSDoc 注释规则 JSDoc注释一般应该放置在方法或函数声明之前,它必须以/ 开始,以便由JSDoc解析器识别。其他任何以 / , /** 或者超过3个星号的注释,都将被

weixin_42436735的博客 914

【Autosar】学习总结-MCAL

一、简介 MCAL:微控制器抽象层;位于BSW层中的最下层; MCAL细分,可将驱动分为:微控制器驱动、存储器驱动、通信驱动、IO驱动: 二、MCAL的配置(EB-Tresos) 1.PORT 我理解的PORT:MCAL层中的IO驱动组中的pin脚总体配置: Port就是芯片上的每个pin脚,可以配置成DIO ADC PWM ICU等单引脚的功能,也能配置成CAN的TX或者RX、SPI的MOSI等等其他功能的单个pin脚功能; 总之,PORT就是芯片上的具体的某个引脚。 配置

zDavid_2018的博客 3万+

Lmbench测试集 --- 延迟测试工具lat_mem_rd

lmbench测试集简介 以及 lat_mem_rd延迟测试工具: 如何测试、测试结果、源码分析

MonologueYY的博客 1万+

jsdoc/check-examples 报错

在写ts文档@example时报错 错误很明显了,example中的写法不规范 这样就可以了,因为 example 里边是代码也要格式化,这点挺好的

qq_33051709的博客 319

MTK Tunning ISP 模块面试总结

ISP面试问答

m0_72053187的博客 4539

JavaScript函数重载(js函数重载)

JavaScript函数重载(js函数重载) 一个猜测 猜测 Java中的方法(函数)重载:类里面的两个或多个重名的方法,方法的参数个数、类型至少有一个不一样,构成了方法重载。 由于js参数类型都为var,我们由此提出大胆猜测:js函数重载只能通过形参的个数不同来区分。 验证 来操作一波: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js函数重载&l

emmm520的博客 3066

Python爬虫实战:如何爬取京东商品评论数据

在本文中,我们介绍了如何使用 Python 爬虫技术爬取京东商品的评论数据。首先,我们分析了京东商品评论的 API 接口和 JSON 数据结构,然后编写了爬虫程序来抓取评论数据,并将数据保存到 CSV 文件中。接着,我们进行了一些基本的数据分析,包括评分分布和简单的情感分析。爬取京东商品评论的数据可以为电商分析、情感分析等提供有价值的信息。你可以在此基础上进行更深入的分析,挖掘更多的商业价值。希望本篇教程能够帮助你了解如何利用 Python 进行电商数据的爬取和分析!

2201_76125261的博客 1648

大数据NiFi(十一):NiFi入门案例一

注意:数据写出的目录可以不需要提前在对应节点上创建,默认是可以自动创建,可以通过“Create Missing Directories”属性配置。将输出文件的权限设置为此属性的值,格式必须是UNIX rwxrwxrwx,用-来代替被拒绝的权限(例如rw-r--r--)或八进制数字(例如644),可以使用表达式,例如${file.permissions}。这里需要使用到的处理器是“GetFile”和“PutFile”,完成以上需求对“GetFile”和“PutFile”相关属性进行配置。

Lansonli(蓝深李)的博客 1490

Javascript自动化文档工具:YUI Doc, JSDoc 3, JSDuck等比较

最近随着写Node以及独立的CommonJS模块越来越多,我发现有一份好的文档不仅可以帮助自己在应用这些接口的时候不至于迷糊,而且对于共同开发的情况下,能够省去大量团队的交流和Debug的时间。 本文比较了5种较为主流的Javascript注释文档生成工具。需要指出的一点是,Javascript是一个极为灵活的语言,文档生成并不像Jav...

weixin_34007906的博客 495

把 SM30 用顺:从表设计到权限与传输,全面掌握 SAP Table Maintenance Generator

摘要 SAP的Table Maintenance Generator(TMG)是为配置表维护需求设计的经典工具,能够生成标准化的维护对话框(SM30)。它支持单表、维护视图(多表关联)和视图簇(导航式维护)三种维护对象类型。使用TMG前需注意三个关键设置:1)表维护权限选项;2)交付类(决定数据传输行为);3)客户端字段配置。通过SE54/SE11生成维护对话框时,需选择维护类型(一步/两步)和记录例程(控制传输)。TMG生成的对象包含函数组、屏幕和处理模块,但部分标准框架不可修改。实际应用中,可通过参数事

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 176

JavaScript重构(汇总帖)

前一阵集中一段时间做了JavaScript的重构,留下了一点点脚印,在这里汇总一下。如果您对这一专题感兴趣,或者希望补充一些内容,欢迎留言,我会在后续更新进去。谢谢。   JavaScript重构(一):模块划分和命名空间 模块划分是JavaScript重构的原则之一,也是

四火专栏 2631

IDEA的使用指南

IDEA基于java的使用手册,可以最快速的上手,在使用中不断的丰富自己的使用技巧.

文档:亲测可用解决vnc灰屏,黑屏,鼠标大黑叉情况

主要解决vnc-viewer灰屏,黑屏,鼠标大黑叉等现象,详细见文档。

读书笔记-编写可测试的 JavaScript 代码-第二章?

第二章 复杂度 读书目的 : 什么使复杂的代码 ? 怎样避免代码的复杂性 ? 读书心得 : 避免代码复杂性的方法: 让函数保持最小代码量:将命令和查询保持分离; 命令setter函数使用模mock测试; 查询getter函数使用桩stub测试; 不使用复杂或容易出错的构造 JSLint; JSLint 是一个验证代码合理性的工具,用于对糟糕的代码风格,语法和语义进行分析,检测代码的不良部

LittleUniverse 735

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面,电脑运行连游戏界面都一样大小,很怀旧,很真实,(英文版)强烈推荐,很小的文件,很难才找到的。

VSCode + JSDoc 完美实现(almost)JavaScript代码提示

弱类型脚本语言的代码提示功能一直是开发者一个隐隐的痛点,没有它也不是不能干活,但是经常因为出现拼写错误或不经意的修改导致的变量丢失而耗费无畏的时间在与业务逻辑无关的地方。VSCode的出现大有统一轻量级IDE领域之势,在其新版本中自带了JSDoc的解析功能,帮助JavaScript开发者通过书写注释的形式向IDE提供必要信息,完善提示功能...

weixin_34234829的博客 2686

Tslint.json之配置解决WebStrom中的红色问题

一 : 前言最近重新学习了一下Web , 学习的新框架Angular . 因为本人比较喜欢用WebStrom . 但是由于一个洁癖 , 引发了一系列的操作.先看看工程:都在飘红啊 , 但这些红色的真不是Bug , 我在VS Code中打开本本项目 , 如下:程序员都有洁癖 , 爆红是不好的.....................二 : 解决之路Ⅰ , 使用VS CodeV...

weixin_34234823的博客 2719

JSLint Missing radix parameter。

使用JSLint检查javascript代码语法时,你可能会碰到一个比较头痛的报错:Missing radix parameter。参考https://blog.youkuaiyun.com/katecatecake/article/details/78817019

heming20122012的专栏 337

摆脱令人抓狂的ESlint 语法检测配置说明

最近学习Vue,通过vue-cli脚手架创建的项目环境,写了段时间后,发现这个ESlint语法检测真是令人抓狂!!!所以不得不停下手中的代码去学习下ESlint的规则配置。 其实我并不反对这些语法检测,但是像许多反个人意愿的那就真的不得不吐槽了,比如vue-cli脚手架创建的默认eslint规则: 代码末尾不能加分号 ; 代码中不能存...

weixin_33895016的博客 7329

ES6写JSDoc的一些经验和实例

ES6写JSDoc的一些经验和实例 关于JSDoc和它的基本语法支持,请参考官方文档:http://usejsdoc.org/。虽说官方文档还是比较全的,实际使用中还是需要摸索一下适合自己项目的写法,并考虑最终文档生成工具的支持。 例1:Object类型在function中的定义 假设我们有个需要Object参数的方法。可以这样写: /** * 把两个数字a和b加起来 * @...

前端乱谈 8103

jsdoc利用模板生成js API文档

1.利用npm安装jsdoc模块 npm install jsdoc -g 2.由于jsdoc默认的生成文档模板不好看,所以需要下载一套好看些的模板,如 jaguar.js 下载地址:https://github.com/davidshimjs/jaguarjs-jsdoc 也可用npm下载 3.将node_modules/jsdoc/templates/default下面的内容删除

7444

jsdoc块和内联标签

原文:http://usejsdoc.org/about-block-inline-tags.html概览JSDoc支持两种不同类型的标签: 块标签,这是在一个JSDoc注释的最高级别。 行内标签,这是文本中的块标签或说明。 块标签通常会提供有关您的代码的详细信息,如函数接受的参数。行内标签通常链接到文件的其他部分,类似于HTML中的锚标记()。块标签总是以符号(@)开头。每块标记后面必须跟一个换行

影分身的专栏 1836

使用JSDoc提高代码的可读性

工作了四年多,基本上都在围绕着 JavaScript 做事情。 写的代码多了,看的代码也多了,由衷的觉得,写出别人看不懂的代码并不是什么能力,写出所有人都能读懂的代码,才是真的牛X。 众所周知, JavaScript 是一个弱类型的脚本语言,这就意味着,从编辑器中并不能直观的看出这段代码的作用是什么,有些事情只有等到代码真正的运行起来才能够确定。 所以为了解决大型项目中 JavaScript 维...

weixin_34273479的博客 335

jdoc语句

jdoc语句广泛应用与模板中,用来指示Joomla其他部分或者扩展的输出应该放在整个页面的什么位置。 一个典型的jdoc语句如下:<jdoc:include type="component" /> jdoc:include  <jdoc:include /> 语句用来根据不同的页面来展示内容。有很多不同的 <jdoc:include /> 语句,每个返回不同的部分。

zhuameng.com的博客 1472

代码注释语法及规范参考

在实际开发中,我们在定义一些类或组件时,经常要写一些注释。前端注释如下: /** * @property {String} 日程拥有者的ID * @desc 用于加载日程信息时指定 拥有者 * ### 示例:'T001' */ ownerID: null, /** * @property {Array} 日程拥有者的ID 数组 * @desc 用于加载日程信息时指定 拥有者 * # 示例:['T001'] */ ownerArr: [], /** * @property {String} 日程显示及

拒绝成猿的程序员 1745
上一篇: JavaScript重构(七):重用老代码
下一篇: JavaScript重构(八):JSDoc和JSLint
RayChase
博客等级 码龄20年 71粉丝 87原创
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值