首页
学习
活动
专区
圈层
工具
发布

awesome-javascript-cn

官网 paper.js:是矢量图形脚本中的瑞士军刀 —— 使用 HTML5 Canvas 将 Scriptographer  移植到 JavaScript 官网和浏览器。...验证 Parsley.js:不用写一行 JavaScript 代码即可在前端验证表单。官网 jquery-validation:jQuery 验证插件。...官网 validator.js:字符串验证和过滤(在使用用户输入之前清理用户输入中的有害或危险字符的操作)。...官网 视频/音频 prettyembed.js:更完美地嵌入 YouTube —— 拥有很好的选项,如高分辨率的预览图、嵌入选项的高级定制和可选的 官网FitVids 支持。...官网 Play-em JS:Play’em 是一个 JavaScript 组件,它能管理音乐/视频播放顺序,通过在一个 DIV 元素里嵌入几个播放器(Youtube、Soundcloud 和 Vimeo

11.7K80

「首席架构师推荐」一系列很棒的的浏览器端JavaScript库资源

质量检查工具 prettier - Prettier是一个自以为是的代码格式化程序。 JSHint - JSHint是一个有助于检测JavaScript代码中的错误和潜在问题的工具。...coddoc还解析了在API中使用的源代码。 sphinx是一款可轻松创建智能和精美文档的工具 使用JSDoc Beautiful docs是一个基于markdown文件的文档查看器。...moment - 在JavaScript中解析,验证,操作和显示日期。 moment-timezone - 时区支持moment.js。...ocrad.js - 通过Emscripten在JavaScript中进行OCR。 机器学习 ConvNetJS - JavaScript中的深度学习。在您的浏览器中训练卷积神经网络(或普通的)。...Play-em JS - Play'em是一个JavaScript组件,它管理音乐/视频轨道队列,并通过在HTML DIV(包括Youtube,Soundcloud和Vimeo)中嵌入多个玩家来播放一系列歌曲

8K21
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JavaScript资源大全中文版(Awesome最新版)

    QA Tools QA工具 JSHint - JSHint是一个帮助您检测JavaScript代码中的错误和潜在问题的工具。 jscs - JavaScript代码样式检查器。...moment -在javascript中解析,验证,操作和显示日期。 moment-timezone - 时区支持moment.js。...使用简单而强大的API来包装IndexedDB,WebSQL或localStorage。 jStorage -jStorage是一个简单的键/值数据库,用于在浏览器端存储数据。...Machine Learning机器学习 ConvNetJS - 在Javascript中深入学习 在浏览器中训练卷积神经网络(或普通神经网络)。 DN2A -数字神经网络架构。...jquery.transit - 超级流畅的CSS3转换和jQuery转换。 imrpess.js -在HTML文档中使用CSS3转换/转换进行类似Prezi的演示。

    16.5K112

    「沙里淘金」精选浏览器端JavaScript库资源推荐

    质量检查工具 prettier - Prettier是一个自以为是的代码格式化程序。 JSHint - JSHint是一个有助于检测JavaScript代码中的错误和潜在问题的工具。...coddoc还解析了在API中使用的源代码。 sphinx是一款可轻松创建智能和精美文档的工具 使用JSDoc Beautiful docs是一个基于markdown文件的文档查看器。...moment - 在JavaScript中解析,验证,操作和显示日期。 moment-timezone - 时区支持moment.js。...ocrad.js - 通过Emscripten在JavaScript中进行OCR。 机器学习 ConvNetJS - JavaScript中的深度学习。在您的浏览器中训练卷积神经网络(或普通的)。...Play-em JS - Play'em是一个JavaScript组件,它管理音乐/视频轨道队列,并通过在HTML DIV(包括Youtube,Soundcloud和Vimeo)中嵌入多个玩家来播放一系列歌曲

    7.2K20

    HTML 插件

    浏览器插件(扩展)浏览器插件或扩展是通过浏览器提供的接口(如 Chrome 扩展、Firefox 插件)将额外的功能集成到网页中的工具。它们能够修改页面内容、增强功能或为用户提供额外的服务。...常见的 JavaScript 插件库:jQuery:一个流行的 JavaScript 库,简化了 DOM 操作、事件处理、动画等功能,虽然现代框架如 React 和 Vue 已经取代了它的使用,但仍然在许多旧项目中广泛使用...然而,仍然有一些场景下使用插件是必要的。常见的 HTML5 插件标签::用于嵌入外部插件或文件(如 Flash、PDF 文件等)。...:用来嵌入外部网页或内容(如 YouTube 视频或 Google 地图),常用于嵌入第三方内容...Web Audio API:允许开发者在浏览器中创建音频应用,如音效处理、合成器和游戏音频。WebVR 和 WebXR:提供虚拟现实和增强现实的支持,可以在浏览器中创建 VR/AR 体验。

    16710

    ASP.NET MVC5+EF6+EasyUI 后台管理系统(33)-MVC 表单验证

    View页面上要参加如许两个JavaScript,重视,他们是依附于JQuery的: jquery.validate.min.js...另一种是Model中各属性对应HTML控件的验证消息: @Html.ValidationMessageFor(m => m.UserName) 所以要前端代码有验证效果必须引入jquery库 但是往往系统自带的验证是远远满足不了我们的...,请加入以下代码 // [IntRangeExpression(18, 30)] 数字在18与30之间,可以不填写,但填写就进入验证 jQuery.validator.addMethod('...JS,否则无法启用前端验证 //双向验证,请加入以下代码 // [IntRangeExpression(18, 30)] 数字在18与30之间,可以不填写,但填写就进入验证 jQuery.validator.addMethod...CreateTime { get; set; } } } 在model中使用了[NotNullExpression] 与[DateExpressionAttribute]日期验证 打开我们的代码生成器生成

    4.3K50

    【工具】15个非常实用的 JavaScript 表单验证库

    这使你可以根据需要进行验证。ApproveJs公开一个方法value(),让你决定何时验证值以及如何显示错误。如果你想掌控自己或像我一样有点强迫症,那么ApproveJs非常适合你。 ?...它可以在客户端和服务器端使用。 ? 3、Valid.js 地址:https://github.com/dleitee/valid.js Valid.js是用于数据验证的简单JavaScript库。...它已经通过100%代码覆盖率的单元测试,可以使用。validate.js的目标是提供一种验证数据的跨框架和跨语言方式。验证约束可以用JSON声明,并在客户端和服务器之间共享。 ?...8、Mailcheck 地址:https://github.com/mailcheck/mailcheck mailcheck是一个JavaScript库和jQuery插件,当你的用户在电子邮件地址中拼写错误时...可以轻松地将脚本插入现有的HTML表单代码中,而无需大量更改HTML代码。或从头开始实施。

    7K20

    JQuery扩展插件Validate—6radio、checkbox、select的验证

    radio、checkbox、select的验证其实方法与前面提到没有太大的区别,但问题是错误信息会显示在同一组的第一个元素后面,效果如下所示: 解决这个问题的办法是将错误信息指定到一个特定的位置,...validate()方法的参数中可以进行自定义,示例代码如下: View Code javascript">         jQuery.validator.addMethod...("regex",    //addMethod第1个参数:方法名称         function(value, element, params) {     //addMethod第2个参数:验证方法...Ajax验证,好像有个小bug;在使用ASP.NET与validate组合使用时会有一些问题可以参考网友的博文。 ...1、在ASP.NET中按钮都会解析成submit所有都会触发验证,如果想让某个按钮不触发验证可以加上这个样式:class="cancel" 源码下载

    1.3K20

    StackOverflow上关于JavsScript的热门问答

    Q3:测试是否有东西被隐藏 问题描述: 在jQuery中,可以切换元素的可见性,使用方法.hide(), .show() 或者.toggle()....做了一些搜索,我意识到是有些人添加了“use strict”到他们的JavaScript代码中。有一次,我添加了该声明,错误就停止出现了。不幸的是,谷歌并没有透露太多这字符串声明的历史的背后。...5`中的一项新特征,允许你把一段程序或功能放置在"strict"工作环境中。...它禁用那些混淆的或者考虑不周的特征 另外请注意,你可以在整个文件中申请严格模式…或者你可以仅在特定的函数中使用它(仍然是引用John Resig 的文章): // 非严格的代码......我修复bug,增加功能,也试图整理代码并使其更加一致。 之前的开发人员使用两种函数声明方式,我无法弄清是否这背后有或没有解决的原因。

    1.5K71

    JQuery扩展插件Validate—5添加自定义验证方法

    从前面的示例中不难看出validate中自带的验证方法足以满足一般的要求,对于特别的要求可以使用addMethod(name,method,message)添加自定义的验证规则,下面的示例中添加了一个用于正则表达式验证的扩展验证的方法...,示例如下: javascript">         jQuery.validator.addMethod("regex",  //addMethod第1个参数...: "^\\w+$"          //使用自定义的验证规则,在上例中新增的部分                 },                 txtEmail: "email"   //电子邮箱必须合法...,如regex:[1,3,5],方法中可以使用下标访问:params[0] 网友提供的一些扩展验证方法: // 手机号码验证 jQuery.validator.addMethod("mobile",...this.optional(element) || (length >= param[0] && length <= param[1]); }, $.validator.format("请确保输入的值在{

    1.4K10

    10个短小却超实用的JavaScript代码段

    我的做法是,收集和使用那些常见的JavaScript代码段,并在需要时,尽可能首先使用它们。下面便是我收集的10段实用JavaScript代码,基于它们你还可以创造出更强大的JS插件或功能函数。...1 判断日期是否有效 JavaScript中自带的日期函数还是太过简单,很难满足真实项目中对不同日期格式进行解析和判断的需要。...这时,你可以使用下面这段日期校验代码,它允许你自定义日期格式并进行日期有效性的校验。...下面是一段最基础的代码实现上面的功能,你可以根据实际需要进行相应的扩展。...代码段中的一小部分,也建议大家平时注意收集或自己编写这样的基础代码段,它们能在很多项目中使用或通过一些改造提供更完善的功能,使用这些代码段将为你节省下大量的开发时间。

    85780

    【ASP.NET Core 基础知识】--MVC框架--Views和Razor语法

    Razor语法 在ASP.NET Core中,主要使用Razor作为默认的视图引擎。Razor语法是一种简洁且强大的语法,它允许在HTML中嵌入C#代码,使得在视图中能够方便地处理数据和逻辑。...以下是Razor语法的一些基本特征: 代码块: 使用 @ 符号表示C#代码块,可以在HTML中嵌入C#逻辑。...以下是Razor语法的一些主要优势: 简洁性和可读性: Razor语法以简洁的方式嵌入在HTML中,使得视图代码更加清晰易读。... 在Razor中,这两种注释方式都是有效的,并根据需要选择适当的注释形式。注释对于在代码中添加解释或标记暂时不需要的代码块是很有用的。...以下是一些常见的JavaScript和Razor集成的场景和方法: Razor中嵌入JavaScript 在Razor视图中,可以直接嵌入JavaScript代码。

    3.4K20

    在你的网站集成Wiki系统 WikiPlex

    Wikiplex 是一种在 .NET Framework 上所开发,具有处理 Wiki 编辑宏功能的小型函式库组件,它提供了数种编辑样式的格式,以让使用者可以类似编辑维基百科内容一样的方法来创建网页的内容...,此组件可以应用在内容管理的系统中。...WikiPlex除了像列表和表格等基本布局外,WikiPlex还对嵌入式视频(Flash、QuickTime和YouTube等)、Silverlight组件和RSS源并提供相应的宏。...至于RSS源,在标题模式或者完整内容模式下最多可以显示20项。 由于这是面向程序员的站点,所以WikiPlex也可对一些流行语言,如VB、C#、SQL、PHP、CSS和JavaScript进行着色。...开发人员在应用程序中使用它的时候需要构建自己的UI及后台来存储页面。但这也使得它成为集成到已有站点的理想伴侣。

    82580

    这11个有趣的 CSS 和 JavaScript 库太实用了!

    MJML MJML 是一种标记语言,旨在减少编写响应式电子邮件的痛苦。它的语义语法使其变得简单明了,其丰富的标准组件库加快了开发时间并减轻了您的电子邮件代码库。...Baguette box BaguetteBox.js 是一个简单和易于使用的响应式的图像 Lightbox 插件,支持滑动手势在移动设备上使用。...FitVids.js FitVids.js是一个轻量级的jQuery响应式视频插件,他可以实现流体视频的嵌入。FitVids.js应用了内在的比例算法,在你的响应网页上实现视频的流体宽度。...Anchorme 小巧、快速、高效、功能丰富的 Javascript 库,用于检测文本中的链接/URL/电子邮件并将它们转换为可点击的 HTML 链接。...Moveto MoveTo 是一个 JavaScript 库,用于在单击按钮时创建滚动动画。有趣的是,这个库在使用 gzip 压缩时只有 1kg,并且不依赖于 jQuery 或其他任何东西。

    1.7K40

    .Net 高效开发之不可错过的实用工具 工欲善其事,必先利其器,没有好的工具,怎么能高效的开发出高质量的代码呢?本文为各ASP.NET 开发者介绍一些高效实用的工具,涉及SQL 管理,VS插件,内

    在远程调试期间,VS 在调试主机运行,MSVSMON 在远程机器中运行。 WIX toolset: 可以将XML 源代码文件编译成Windows 安装包。...T4 Text Template:VS中T4 文本模板是生成代码文件最常用的模板文件,这种模板文件是通过编写文本块和控制逻辑来实现的。 Indent Guides:  快速添加缩进行。...Javascript/JQuery/AngularJS JSHint: JavaScript代码质量监控工具,定义了很多非常严格的规则。...Tally ​Tally ERP 9 Tally dll: .net 的动态链接库,能够将Tally Accounting 软件集成到应用程序中 ,通过代码对数据进行push或pull操作。...代码Review StyleCop: StyleCop 是静态代码分析工具,能够统一设置代码样式和规范。 可以在Visual Studio 中使用,也可以集成到 MSBuild 项目。

    4.1K60

    customElements 实战之 Lite-embed

    Lite-embed 是基于 customElements Web Components 规范开发的组件,支持以 iframe 方式快速地嵌入第三方站点,如 Bilibili、Youku、QQ、Youtube...Lite-embed 除了实现自动解析功能之外,还实现了在悬停视频封面或海报时,预热(可能)要使用的 TCP 连接和 iframe 内嵌网页懒加载的功能。...在 matches 方法内部会获取预设的规则,然后逐一进行地址匹配。而 match 方法内部实现的主要功能是地址的映射和参数的填充。介绍完自动解析的实现方式,接下来我们来介绍如何预热 TCP 链接。...用于运行安装代码,例如获取资源或渲染。一般来说,您应将工作延迟至合适时机执行。 disconnectedCallback 元素每次从 DOM 中移除时都会调用。...下面我们将使用 constructor 和 connectedCallback 钩子,在 constructor 钩子中完成 LiteEmbed 类相关属性的初始化,在 connectedCallback

    1.9K20
    领券