Cypress是新一代前端测试框架,它基于node js。解决了开发人员和QA工程师在测试现代应用程序时面临的关键难点问题。
2、rollup
rollup是一款小巧的javascript模块打包工具,更适合于库应用的构建工具可以将小块代码编译成大块复杂的代码,基于ES6 modules,它可以让你的 bundle 最小化,有效减少文件请求大小
3、day.js
2KB 不可变日期和时间库。
4、immer.js
Immer核心实现是利用 ES6 的 proxy,几乎以最小的成本实现了 js 的不可变数据结构,简单易用、体量小巧、设计巧妙,满足了我们对JS不可变数据结构的需求。
5、jsdoc
JSDoc 是一个根据 JavaScript 文件中注释信息,生成 JavaScript 应用程序或模块的API文档的工具。你可以使用 JSDoc 标记如:命名空间,类,方法,方法参数等。从而使开发者能够轻易地阅读代码,掌握代码定义的类和其属性和方法,从而降低维护成本,和提高开发效率。
6、ramda.js
一款实用的 JavaScript 函数式编程库。
7、p-limit
以有限的并发运行多个承诺返回和异步函数
可以限制Javascript中的promise或同时阻止来自服务器的所有请求调用。
8、Akta
为Javascript应用程序量身定制的状态管理库
9、js-cookie
用于处理浏览器cookie的轻量级Javascript API。
记录这篇文章,在工作中一直借用一些js框架 ui框架,对js底层api有所遗忘,目的为了自己复习以下原生js操作方法,所有的js框架都是基于原生js方法和属性,尤其vue源码使用原生js开发,自底向上模式
Node 是一个接口,各种类型的 DOM API 对象会从这个接口继承。它允许我们使用相似的方式对待这些不同类型的对象;比如, 继承同一组方法,或者用同样的方式测试。
以下接口都从 Node 继承其方法和属性:
Document, Element, Attr, CharacterData (which Text, Comment, and CDATASection inherit), ProcessingInstruction, DocumentFragment, DocumentType, Notation, Entity, EntityReference
注意
NodeList对象是一个节点集合,一般由
Node.childNodes,
document.getElementsByName和
document.querySelectorAll返回
注意
打印的oTest.childNodes
TMLCollection是一个特殊的NodeList,表示包含了若干元素(元素顺序为文档流中的顺序)的通用集合,它是实时更新的,当其所包含的元素发生改变时,它会自动更新。另外,它是一个伪数组,如果想像数组一样操作它们需要像Array.prototype.slice.call(nodeList, 2)这样调用。
获取方法
document.getElementsByClassName
document.getElementsByTagName
注意
document.getElementById:根据ID查找元素,大小写敏感,如果有多个结果,只返回第一个;
document.getElementsByClassName:根据类名查找元素,多个类名用空格分隔,返回一个HTMLCollection。注意兼容性为IE9+(含)。另外,不仅仅是document,其它元素也支持getElementsByClassName方法;
document.getElementsByTagName:根据标签查找元素,*表示查询所有标签,返回一个HTMLCollection。
document.getElementsByName:根据元素的name属性查找,返回一个NodeList。
document.querySelector:返回单个Node,IE8+(含),如果匹配到多个结果,只返回第一个。
document.querySelectorAll:返回一个NodeList,IE8+(含)。
document.forms:获取当前页面所有form,返回一个HTMLCollection;