首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

awesome-javascript-cn

官网 validator.js:字符串验证和过滤(在使用用户输入之前清理用户输入中的有害危险字符的操作)。...官网 pageguide:使用 jQuery 和 CSS3 的 web 页面元素交互引导库。官网 hopscotch:让开发者更容易向其页面产品添加引导的框架。...官网 选择 selectize.js:Selectize 是文本框和选择框的混合体。它基于jQuery,拥有自动完成和键盘感应下拉列表功能,可用于标签、联系人列表等。...官网 select2:它基于 jQuery,是选择框(select box)的替代品。支持搜索、远程数据集和无限滚动。官网 chosen:可以让冗长不便的选择框更友好的库。...其它 form:jQuery 表单插件。官网 Garlic.js:自动在本地保存表单文本和选择框的值,直到表单被提交。

10.7K80

那些前端常用的网站插件

— 快速实现全屏滚动特性 Typed.js — 打字机效果 Waypoints.js — 滚动到某个元素位置时触发一个功能 Highlight.js — web 语法高亮 Chart.js — 使用 JavaScript... — 又一个页面滚动库 Parallax.js — 对智能设备方向变化做出响应的视差引擎 Typeahead.js — 搜索补全 Dragdealer.js — 炫酷拖拽 Bounce.js — 创建炫酷的...keycode Sortable — 拖拽插件 Flexdatalist — 自动补全 Slideout.js — 移动应用侧滑导航 Jquerymy — 使用 jQuery 实现双向数据绑定 Cleave.js... — 实时格式化输入内容 Page — 客户端单页应用路由 Selectize.js — 用来添加 tag 的 Hybrid 选择框 Nice select — 创建漂亮的选择框的 jQuery 库 Tether... — 使用固定定位来创建相关元素 Shepherd.js — 为应用创建新手引导 Tooltip — tooltip 提示框 Select2 — Jquery 选择框插件 IziToast — 通知弹窗实现

4.4K50
您找到你想要的搜索结果了吗?
是的
没有找到

GitHub 开源代码分析引擎 CodeQL,同步启动 3000 美元漏洞奖励计划

获取 CodeQL 数据库 在 LGTM.com 上搜索要研究的开源项目,然后导入项目页面; 将所下载的和项目本身的 CodeQL 数据库添加到 VS 代码中,实现对这些指令的使用; 2....它不能用于自动化分析、持续集成持续交付,无论是作为正常软件工程过程的一部分还是其他。...具体而言,jQuery 是一个非常流行的、但很旧的开源 JavaScript 库,旨在简化 HTML 文档遍历和操作、事件处理、动画和 Ajax 等工作。...这是指攻击者使用 web 应用程序向其他最终用户发送恶意代码(通常是以浏览器端脚本的形式);而这些恶意脚本可以访问浏览器保留并与该站点一起使用的任何 cookie、会话标记其他敏感信息。...因此,在整个查找过程中,你需要使用分步指南编写查询,从而查找引导中未安全实现的 jQuery 插件。完成后将答案发送至 ctf@github.com 则可获得获奖机会。

1.1K20

基于web技术的操作系统安装器的设计

使用web安装器的安装流程 使用web安装器来安装操作系统的流程非常简单,只需要如下几个步骤: 加载ISO 用https://{IP_OF_SERVER}作为URL来访问安装器 按照安装器的引导完成安装...点击安装器的重启按钮重启服务器,安装完成 Web安装器实现的功能 国际化及多语言支持,选择安装语言与系统语言 版权声明 磁盘列表及选择安装磁盘 添加SCSI磁盘 添加DASD磁盘 Swap分区加密 自动分区...Web安装器由4个HTML页面组成: 欢迎页:介绍操作系统,提供选择安装语言的下拉框,点击下一步可进入到版权声明页 版权声明页:显示版权文件,在用户同意后可跳转到配置页面 配置页:引导用户进行系统配置...安装页:展示安装进度,安装完成后可点击重启按钮重启系统 UI是基于HTML5、CSS3及Javascript等网页开发技术,并利用如下工具: jQuery:一个快速、小巧且功能丰富的js库,可用来操作DOM...,处理事件及Ajax请求 Bootstrap:最流行的前端开发框架之一,多用于开发响应式、移动优先的web项目 Bootstrap-select: jQuery 插件,利用Bootstrap,但提供了功能更加丰富的下拉选择框控件

1.2K50

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

使用简单但功能强大的API包装IndexedDB,WebSQLlocalStorage。 jStorage - jStorage是一个简单的键/值数据库,用于在浏览器端存储数据。...shepherd - 引导您的用户浏览您的应用。 bootstrap-tour - 使用Twitter Bootstrap Popovers快速轻松地进行产品导览。...awesomplete - 超轻量级,可用,美观的自动完成,零依赖。- 日历 pickadate.js - 移动友好,响应迅速,轻量级的jQuery日期和时间输入选择器。...这是基于jQuery的,它具有自动完成和本机感键盘导航;对标记,联系人列表等有用 select2 - 基于jQuery选择框替换。它支持搜索,远程数据集和无限滚动结果。...其他 form - jQuery Form Plugin。 Garlic.js - 自动保留表单的文本并在本地选择字段值,直到提交表单。

5.8K20

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

使用简单但功能强大的API包装IndexedDB,WebSQLlocalStorage。 jStorage - jStorage是一个简单的键/值数据库,用于在浏览器端存储数据。...shepherd - 引导您的用户浏览您的应用。 bootstrap-tour - 使用Twitter Bootstrap Popovers快速轻松地进行产品导览。...awesomplete - 超轻量级,可用,美观的自动完成,零依赖。- 日历 pickadate.js - 移动友好,响应迅速,轻量级的jQuery日期和时间输入选择器。...这是基于jQuery的,它具有自动完成和本机感键盘导航;对标记,联系人列表等有用 select2 - 基于jQuery选择框替换。它支持搜索,远程数据集和无限滚动结果。...其他 form - jQuery Form Plugin。 Garlic.js - 自动保留表单的文本并在本地选择字段值,直到提交表单。

6.6K21

2022可视化网页生成工具盘点

使用site123生成一个网站仅仅需要三个步骤,首先,选择网站的类型,然后,上传内容,最后,发布自己的网页就完成了一个简单网站的制作。...site123的模板都是响应式的,也就说它会自动适应移动端,让你的网站在移动端也有最佳的阅读体验,此外,site123还会自动优化你的网页,让你的网页更容易被搜索引擎所收录。...方便开发和运营不同角色使用 在线预览 二维码预览 可导入psd 支持pc端和移动端 VvvebJs 一个开源的网页拖拽自动生成的JavaScript库,你可以以简单拖拽的方式生成自己需要的网页样式,内置...jquery和Bootstrap,你可以拖拽相关的组件进行网页的构建,非常的方便,而且可以实时修改代码,功能丰富,使用简单,界面友好,特别适合一些专注于展示的网页设计。...页面下载导出 html 将页面保存在服务器上,其中包含示例 php 脚本。 组件/块列表搜索引导 4 个组件。 Youtube、谷歌地图、Charts.js 等小部件。

2.8K20

2019年最全的web前端知识体系汇总

—对智能设备方向变化做出响应的视差引擎 · Typeahead.js—搜索补全 · Dragdealer.js—炫酷拖拽 · Bounce.js—创建炫酷的 CSS3 动画 · Pagepiling.js...Midnight.js—固定头部切换效果 · Anime.js—动画库 · Keycode—获取键盘按键的 JavaScriptkeycode · Sortable—拖拽插件 · Flexdatalist—自动补全...· Slideout.js—移动应用侧滑导航 · Jquerymy—使用 jQuery 实现双向数据绑定 · Cleave.js—实时格式化输入内容 · Page—客户端单页应用路由 · Selectize.js...—用来添加 tag 的 Hybrid 选择框 · Nice select—创建漂亮的选择框的 jQuery 库 · Tether—使用固定定位来创建相关元素 · Shepherd.js—为应用创建新手引导...· Tooltip—tooltip 提示框 · Select2—Jquery 选择框插件 · IziToast—通知弹窗实现 · IziModal—模态框实现

2.8K00

专业上的常用的工具和类库集

Everything:Windows上我所见过的最快的文件搜索软件,速度抛开Windows系统自带搜索功能大概地球到木星的距离——只要你的文件系统格式是NTFS的。...该框架是由jQuery团队的成员所开发,并且是jQuery的官方测试套件。任意正规JavaScript代码QUnit都能测试。...官方网站: http://automapper.org Elmah 实现最流行的ASP.NET应用异常日志记录框架,可以详细的将运行时的各种异常记录在文件、数据库其他可能的任何位置。...通过使用NLog,我们可以在任何一种.NET语言中输出带有上下文的(contextual information)调试诊断信息,根据喜好配置其表现样式之后发送到一个多个输出目标(target)中。...项目网站: https://github.com/jmarnold/EmbeddedMail WatiN 开发和验收过程不免需要自动化运行真实的IEFireFox浏览器进行测试,尤其是验收测试时,非常必要

2.7K90

浏览器用户脚本—打造自己的专属页面

什么是用户脚本 一段用户脚本就是一个程序,通常用JavaScript语言来写,用于修改web页面以提升浏览体验。...[Tampermonkey] 安装用户脚本 在安装好脚本管理器之后,用浏览器打开以.user.js结尾的链接,会自动跳转到安装界面,点击安装即可。...[百度默认搜索结果页面] 如上图,百度默认搜索页面上会有搜索热点的推荐,这很容易将注意力引导过去而忘了真正要搜索的事情,所以就想把右侧边栏给隐藏掉。...类库,而自己又习惯了使用jQuery,那么可以在头部的注解块中通过@require来引入,然后脚本里就可以使用熟悉的jQuery啦。...“谷歌一下"的按钮,来使用谷歌搜索当前的关键词并在新页面打开。

5.2K40

ASP.NET MVC 5 - 验证编辑方法(Edit method)和编辑视图(Edit view)

文件 (地址在https://github.com/jquery/globalize) 在 JavaScript 中可以使用 Globalize.parseFloat。...JavaScript脚本 \jquery.globalize\globalize.js 文件将会添加到您的当前工程下....如我们使用下面的代码: @Html.DropDownList("movieGenre", "Comedy") 在我们的数据库中,我们拥有与“喜剧”流派的电影,“喜剧”在下拉列表中将预先选择。...尝试搜索流派,电影名称,并同时选择这两个条件。 ? 在本节中,您创建了一个搜索的方法和视图,使用它,用户可以通过电影标题和流派来搜索。...在下一节中,您将看到如何添加一个属性到Movie model,和如何添加一个初始值设定项值,它会自动创建一个测试数据库

6.7K110

浅谈PHP与MySQL开发

深入浅出后端开发(PHP篇) 什么是MySQL 自己的理解 MySQL是一种高效,开源的关系型数据库,数据库是用来存储数据的,不同的数据库其性能,高并发处理,搜索的效率各不相同....数据库使用结构化查询语言(SQL)进行数据操作和访问的,其SQL实标准数据库查询语言,可在不同种类的数据库进行使用....Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术 正在进行AJAX的学习,稍后我会更新此处. jQuery jQuery是一个快速、简洁的JavaScript框架,是继Prototype...之后又一个优秀的JavaScript代码库(JavaScript框架)。...jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。

2.3K150

简书搜索自动匹配功能

先从我做的功能界面开始说起: 本篇主要介绍的就是图中红框标记的搜索自动匹配功能。仔细想一想,有木有很熟悉,对,这功能其实就是跟你每天百度、谷歌这样的搜索功能一样。...每天都用到的搜索自动匹配功能 百度的搜索框(默认显示四条数据) 美团搜索框 美团.jpg 淘宝搜索框 首先,大概过程肯定是这样的:先从输入框中输入关键字,然后根据关键字在缓存数据库取数据返回显示在下方区域...下面,我写个简书搜索自动匹配的例子,数据是事先定义好在脚本里的,当然,如果我有访问简书数据库的权限和账号密码,就可以动态的获取实时数据了。 开始之前,先给大家普及一下例子中用到的重点知识。...比如这段代码: <script type="...removeClass() 方法:从被选元素移除一个<em>或</em>多个类。 addClass()方法:向被选元素添加一个<em>或</em>多个类。

1.7K10

百度的71个非常厉害的开源项目

12.分布式表格系统 Tera Tera 是一个高性能、可伸缩的数据库系统,被设计用来管理搜索引擎万亿量级的超链与网页信息。...28.百度文件系统 BFS-Baidu 百度的核心数据库Tera将数据持久化在分布式文件系统上,分布式文件系统的性能、可用性和扩展性对整个上层搜索业务的稳定性与效果有着至关重要的影响。...pure是基于FIS二次封装能力封装而成的解决方案,可以直接使用,也可以参考fis-pure自行封装组合使用插件来构建属于自己的一体化解决方案。...与传统的模块加载相比,modJS 会根据产品实际使用场景,自动选择一种相应的方案,使最终的实现非常轻量简洁。...,并在相应的方向(反方向)以动画的方式显示出一个遮罩层,用来显示标题描述,应用到幻灯片相册中是个不错的选择

1.3K20

动图展示 60+ 个前端常用插件库合集

JavaScript函数库,目的是强化表格操作(如搜索、排序),并自动加入组件引入表格中,使用非常灵活简便。...nanoScroller.js Github:nanoScrollerJS nanoScroller.js是一个用简单方法做出类似Mac OS X风格卷轴的jQuery插件,尽管目前没有在持续维护,但使用上相当简单且支持度高仍然是不错的选择...Algolia Places 官网:Algolia Places Algolia Places为您的网站提供一个快速、简单的方式,自动化产生地址建议列表的JavaScript函数库。...List.js-资料排序 官网:List.js Github:list.js List.js对表格、清单、各式各样的对象,增加搜索、排序、过滤和灵活性,无形地建立在HTML内,极简易也易于使用。...JS整体层面比toastr好很多,无论原生JavaScript以及整体文件大小和功能延展性,但toastr简单使用的操作模式,如果有旧项目是在jQuery的环境下,要做一些定制化功能,或许就是不错的选择

6.5K40

抛弃jQuery,拥抱原生JavaScript

其实这几年浏览器更新很快,也借鉴了很多 jQuery 的 API,如 querySelector,querySelectorAll 和 jQuery 选择器同样好用,而且性能更优。 4....原生 API 选择器相比 jQuery 丰富很多,如 document.getElementsByClassName 性能是 $(classSelector) 的 50 多倍! ?...其实我觉得产品更应该做的是引导用户升级浏览器。...微软也宣布 2016年1月12号停止支持 IE 11 以下浏览器,继续使用旧浏览器就会有安全风险,我们更应该主动引导,只要产品有足够吸引力,大部分用户升级并不困难。 ?...但条件成熟的情况下,移除 jQuery,参照 You Don’t Need jQuery 拥抱原生 JavaScript 能同样保证开发效率,也可以给产品带来更好的性能,同时也能提高开发者水平。

1.2K80

SpringMVC-06 Ajax

Google Suggest能够自动帮你完成搜索单词。...Google Suggest 使用 AJAX 创造出动态性极强的 web 界面:当您在谷歌的搜索框输入关键字时,JavaScript 会把这些字符发送到服务器,然后服务器会返回一个搜索建议的列表。...利用AJAX可以做: 注册时,输入用户名自动检测用户是否已经存在。 登陆时,提示用户名密码错误 删除数据行时,将行ID发送到后台,后台在数据库中删除,数据库删除成功后,在页面DOM中将数据行也删除。...通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML JSON – 同时您能够把这些外部数据直接载入网页的被选元素中。...jQuery自动替换 ?

1.1K30
领券