文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

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

反应测试库 - 简单而完整的React DOM测试实用程序，可以鼓励良好的测试实践。 Sinon.JS - 测试JavaScript的间谍，存根和模拟。...zombie - 使用node.js进行疯狂快速，全栈，无头浏览器测试 totoro - 一个简单而稳定的跨浏览器测试工具。 karma - JavaScript的壮观测试赛跑者。...Keypress - 键盘输入捕获实用程序，其中任何键都可以是修饰键。 KeyboardJS - 用于绑定键盘组合的JavaScript库，没有键码和键组合冲突的痛苦。...jQuery-Tags-Input - 使用这个jQuery插件将一个简单的文本输入神奇地转换为一个很酷的标签列表。 vanilla-masker - 纯JavaScript掩码输入。...npm run-scripts使用NPM运行脚本进行任务自动化。 手势 hammer.js - 用于多点触控手势的JavaScript库。 touchemulator - 模拟桌面上的触摸输入。

8.2K20

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

反应测试库 - 简单而完整的React DOM测试实用程序，可以鼓励良好的测试实践。 Sinon.JS - 测试JavaScript的间谍，存根和模拟。...zombie - 使用node.js进行疯狂快速，全栈，无头浏览器测试 totoro - 一个简单而稳定的跨浏览器测试工具。 karma - JavaScript的壮观测试赛跑者。...Keypress - 键盘输入捕获实用程序，其中任何键都可以是修饰键。 KeyboardJS - 用于绑定键盘组合的JavaScript库，没有键码和键组合冲突的痛苦。...jQuery-Tags-Input - 使用这个jQuery插件将一个简单的文本输入神奇地转换为一个很酷的标签列表。 vanilla-masker - 纯JavaScript掩码输入。...npm run-scripts使用NPM运行脚本进行任务自动化。 手势 hammer.js - 用于多点触控手势的JavaScript库。 touchemulator - 模拟桌面上的触摸输入。

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

    在浏览器客户端进行爬虫开发

    JS是个神奇的语言，借助Node.js的后端环境，我们可以进行相应的爬虫开发，如这篇 基于Node.js实现一个小小的爬虫 但搭建后台环境始终略为麻烦，拿到一台新电脑，不用配环境，可不可以直接在浏览器客户端直接实现呢...可以可以，这里就简单地说一下在浏览器客户端实现的爬虫抓取页面数据 一、概念理解 爬虫，简单地说就是发一个请求，然后按一定逻辑解析获取到的数据。...在Node环境下，可以用Request模块请求一个地址，得到返回信息，再用正则匹配数据，或者用Cheerio模块包装-方便定位相关的标签项 在浏览器环境下，也类似，可以用标签的src属性或Ajax请求一个地址...脚本运行（或者使用快捷键 Ctrl + Enter 运行）就可以开始注入，并可以在下方 console 部分看到相应的结果 注入JS代码的方式是使用一个script标签，定义src指向的脚本地址，或者在标签中直接定义...纯页面 要在当前页面直接请求一个纯页面，我们可以用 iframe 标签辅助，比如我想获取博客园这个分类下的博文信息 找到这个页面的链接 http://www.cnblogs.com/cate/108703

    2.6K10

    jsonp跨域实现的几种方式

    使用jquery.ajax的jsonp方法可以异域调用到百度的js并拿到返回值，当然$.getScript也可以实现跨域调用js。...有谁来对上联或下联?...最关键的来了，现在开始写完整的智能提示并配合鼠标和键盘对候选词的操作（源码里的index.html页面），实现如下功能： 即时监控字母键和数字键，按下就发ajax请求（也可以设置延迟发请求，源码里有）；...同时监控空格、退格、Delete、Enter等键； 鼠标移入弹出层高亮选中的行，点击可上屏； 按键盘上下方向键可以选择候选词，回车提交跳转到百度搜索页面； 点击页面其他部位自动隐藏弹出框； 按ESC键隐藏弹出框...监控鼠标和键盘输入的js（autoComplete.js 源码里有更详细的注释）： var timeoutId; //延迟请求服务器 var highlightindex = -1; //高亮标记

    3.7K20

    awesome-javascript-cn

    官网 Sinon.JS：对 JavaScript 进行 spies、stubs 和 mock 测试。官网 expect.js：简约的、适用于 Node.js 和浏览器端的 BDD 式断言工具。...官网 validator.js：字符串验证和过滤（在使用用户输入之前清理用户输入中的有害或危险字符的操作）。...官网 vanilla-masker：一个纯 JavaScript 实现的输入控制库。官网 Ion.CheckRadio：一个为复选框和单选按钮添加样式的 jQuery 库，支持多种皮肤。...官网 日历 pickadate.js：对移动设备友好的、响应式的和轻量的 jQuery 日期 & 时间输入选择器。...官网 bootstrap-modal：对 Bootstrap 默认的模态框类进行扩展。其支持响应式、可堆叠和 ajax 等。官网 css-modal：纯 CSS 打造的模态框。

    12.5K80

    前端-重构方案了解一下

    定义公共组件供各模块或特定场景调用，复用度高 1.4第三方库、组件、插件 1、jquery： JavaScript库 2、html5shiv：用于解决IE9以下版本浏 览器对HTML5新增标签不识别，并导致...，当后端设计出AP接口文档后，我们就可以利用mockjs模拟出对应格式的假数据进行开发，等到接口完全完成之后，再进行接口联调 2.2.2 MVVM框架：vue Vue是一个渐进式框架，容易入手、容易协同...2、emmet快速编写HTML #page>div.logo+ul#navigation>li*5>a{Item $} 按下tab键，上述代码 等于    或使用MXHR ☆ 通过次要文件用Ajax获取可缩短页面加载时间 这里只列了比较重要的一部分，安利一下我之前写的性能优化总结传送门 2.6模块化组件化 模块化：以前由CommonJs、AMD...组件灵活随加随用，可复用避免重复开发，可组合使用 2.7前端安全 2.7.1 XSS XSS是指浏览器错误的将攻击者提供的用户输入数据当做JavaScript脚本给执行了 解决办法：校验用户输入，特殊字符进行转义

    1.6K20

    真因验证

    在上一篇使用jQuery.Validate进行客户端验证（初级篇）中我介绍了为什么选用jQuery.Validate作为客户端的理由，同时也介绍了jQuery.Validate的基本用法以及中文验证消息的修改方法...，今天的中级篇我将介绍下jQuery.Validate的一些常见的验证的使用方法。...以JSON的格式放到具体的class中 3、这种方式使用纯JS的方式： 如： $().ready(function() {     $("#aspnetform").validate({         ...注意：以上3种验证方式的消息如果未指定都会默认调用内置的消息 在了解了jQuery.Validate为我们提供几种验证方式后，我们来具体分析下每个验证方式： 第一种，在input对象中书写class样式指定验证规则或属性验证规则...第三种，使用JS进行规则验证，可以使用所有验证规则，并且可以试HTML代码和验证规则很好的分离，方便日后维护（具体代码见Middle-3.aspx） 这种方式需要手写JS来编写验证的规则，具体的格式如下

    2.9K10

    JavaScript全栈开发-工具篇

    配合ctrl多处选择，可以进行多处编辑 -- html中输入一个标签名如div，按Tab会自动生成，如安装Emmet插件会给你惊喜 -- 按住ctrl+alt，然后按上或下方向键可进行垂直方向光标定位...，按左或右方向键可进行水平选取 2.3 实用快捷键 快捷键练习网站： http://www.shortcutfoo.com/ 2.4 插件支持 1) 编写自定义插件扩展：Tools -> New...-- 语法校验、转到定义、重构 、大纲、任务TODO 、版本历史、内置webserver、预编译less、sass等 3.2 小技巧 -- 代码提示时，按下候选列表前的数字，自动把该候选项输入到编辑区...-- 内置Emmet插件，输入div按Tab，自动生成，详见Emmet插件 -- 内嵌jQuery、Zepto、微信JS SDK、MUI框架插件，可提示相应框架API的语法。...目前所有的JQuery代码都使用QUnit进行测试，原生的JavaScript也可以使用QUnit。

    2.2K20

    JQuery基础

    jQuery有两个版本： production version:用于生产、实际的网络，代码已被精简和压缩； development version：用于开发测试，可阅读源码。...大多数CDN都可以确保用户请求文件时，会就近服务器进行响应，从而提高加载速率。 第二部分：jQuery语法： 1.jQuery语法是通过选取HTML元素，然后对选取的元素进行某些操作。...常见DOM事件： 鼠标事件：click（单击元素）,dbclick（双击元素）,mouseenter(鼠标指针移入元素),mouseleave（鼠标指针移出元素）事件； 键盘事件：keypress（键被按下...）,keydown（键按下的过程）,keyup（键松开）,事件；ps:keypress不会触发所有的键（如alt,ctrl,esc,shift）,请使用keydown()方法检测 表单事件：submit...ajax中也有load()方法）,resize（调整浏览器窗口大小时触发）,scroll（滚动指定的元素）,unload（jQuery1.8中废弃）事件。 另： hover()：模拟光标悬停事件。

    6.8K51

    3.7k star,好用!一个极简的html页面作为你的日常任务管理工具

    Nullboard 是一个单页 Web 应用程序，只需一个 HTML 文件、一个古老的 jQuery 包和一个 Web 字体包即可运行。它可以完全离线使用，所有数据都存储在本地。...所有数据都存储在本地的 localStorage 中，用户可以将数据导出为简单的 JSON 格式的纯文本文件，也可以通过 Nullboard Agent 进行自动备份。...按下 CapsLock 键会突出显示所有链接，并使它们可以左键单击。列表也可以移动，尽管不像笔记那样闪亮。字体可以更改，其大小和行高可以调整，颜色主题也可以反转。...Wekan 看起来很有前途，但最终太重且不支持离线使用或本地存储。Things 很漂亮，但不是合适的工具。Inkscape 和纯文本文件虽然可以，但扩展性不好。...Nullboard 目前仍处于测试阶段，主要通过 Twitter 账号 @nullboard 发布更新。

    51110

    AJAX培训笔记_js基础笔记

    XMLHttpRequest对象去实现ajax应用 步骤： A：创建XMLHttpRequest对象 B：注册回调函数 C：设置连接信息 D：发送数据到服务端进行交互 E：接受数据 创建js：verifyown.js...6、将临时变量的值赋给input输入域的value值 7、将该input元素插入到当前td中 8、取消绑定到该td上的click事件 完善点1：修改后单击回车键，修改过的值写入td，input消失,...input绑定keyup事件 input.keyup(function(event) { //解决多浏览器获取事件的差异 var myEvent = event||window.event; //判断是否按下回车键...----》jqueryStock1.js C:编写css,修饰该弹出框：stock.css D:通过js可控制弹出框的位置 E:返回的JSON格式的值是数组或对象的不同处理方式 var obj; var...$(html):根据提供的HTML字符串,创建DOM 元素,如:$(“Hello") $(elements):将一个或多个DOM元素转化为jQuery对象,如:$(document.body

    7.3K10

    Sublime的插件介绍 转

    new Snippet：自定义代码片段，保存到user下 Project: 项目相关，用的少。 Preferences：对于sublime_text进行一些个性化定值。...设置 使用 Ctrl+`调出console面板输入sublime.log_commands(True)，可以得到当前使用的命令面板进行设置的值。方便进行快捷键的绑定。...需先安装Node.JS及npm。 在cmd输入 npm install -g jshint，等待安装成功就好了。 安装成功后，重启就可以测试代码的风格了。...直接按F6就可以打开了 不进行这些配置的话，因为我们在前面实现保存自动刷新使用了一些操作，按ctrl+b,就会在该目录下，创建一个同名的html文件。...输入提示，代码补全 其他： LiveStyle: 实时刷新双向修改 win下没有配置成功 IMESupport ，输入法不跟随时安装 FileHeader ，自动更新保存时间，文件模板

    1.5K30

    Sublime插件

    （使用package control组件）（前提：先安装下面那个package control插件) 按下Ctrl+Shift+P调出命令面板，输入install， 调出 Install Package...，想查看是怎么实现的，但是代码被压缩过，很难阅读，不用怕，用ST2打开，按下ctrl+alt+5（这是我设置的快捷键），即可让代码还原，莫非是武林中失传已久的“还我靓靓拳”。...div.wrapper>div.header+div.main+div.footer 按下Tab，立刻变成 或者按下ctrl+alt+enter，激发zencoding控制台，可看到整个动态的过程。...文档管理： Nettus+ fetch （管理一些开源框架） 配置文件修改，Ctrl+Shift+P输入Fetch Manage，配置文档。通过输入fetch file，搜索框架名进行导入。...SublimeTmpl （自定义新建文件） 默认已经添加了html、css、js等常见类型的面板，按ctrl+alt+h/ctrl+alt+c/ctrl+alt+j可新建这 3钟类型的文件，快捷键在这里

    1.5K60

    Jquery入门基础教程免费版

    方法 描述 执行时机 keydown( ) 触发或将函数绑定到指定元素的keydown事件 按下键盘时 keyup( ) 触发或将函数绑定到指定元素的keyup事件 释放按键时 keypress( )...触发或将函数绑定到指定元素的keypress事件 按下并松开 3.1.3 绑定事件 fadeIn 淡入 用600毫秒缓慢的将段落淡入 ​ 速度参数：("slow","normal", or "fast...toggle(),理解，使用jd案例，来测试一下即可。 四.jQueryDOM 概念：DOM 文档对象模型（必考），jQuery Dom应该是之前的DOM加了个jQuery的封装。.../jquery-1.12.4.min.js"> $(function(){ //在按钮上单击的时候，进行操作; $("#app").click.../jquery-1.12.4.min.js"> $(function(){ //在按钮上单击的时候，进行操作; $("#app").click

    2.2K10

    米斯特白帽培训讲义 漏洞篇 越权

    越权漏洞的成因主要是开发人员在对数据进行增、删、改、查时对客户端请求的数据过于信任而遗漏了权限的判定。所以测试越权就是和开发人员拼细心的过程。 ? 信息遍历 输入 URL，还是可以访问的。那我们就能使用扫描器扫出后台地址，然后直接访问。...admin" && $pass=="admin123"){ setcookie('name','admin'); header("Location:user.php"); } 这段代码模拟了登录页面...就像劲舞团里面，我们按特定的键才能通过，他这个漏洞就相当于，游戏需要我们按下Z，但是我们按下X也能通过，甚至按任意键也可以。..."; } return false; } chkcookies(); 那我们就不必改什么 Cookie了，直接访问服务器拿到纯文本，之后不解释 JS 就可以了。

    63840

    前端进阶攻略|最全的前端开源JS框架和库

    2.Node.Js 地址：http://www.runoob.com/nodejs/nodejs-tutorial.html 如果你是一个前端程序员，你不懂得像PHP、Python或Ruby等动态编程语言...基于Yahoo UI的扩展包yui-ext是具有CS风格的Web用户界面组件 能实现复杂的Layout布局，界面效果可以和backbase媲美，而且使用纯javascript代码开发。...23.moo.fx moo.fx是一个超级轻量级的javascript特效库（7k）,能够与prototype.js或mootools框架一起使用。...它能让你通过一个JavaScript API 来运行测试、截屏、模拟网络以及自动的浏览页面。什么时候使用 PhantomJS ?当你需要进行更多的测试、操作网页和模拟网络请求的操作时。...在页面上点击，目标处的内容会放大，再次点击或者按 ESC 键即可恢复原始大小。zoom.js 提供了两个缩放模式，按目标元素缩放和按坐标缩放。是一款效果很独特的页面内容缩放插件。

    4.9K70
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券