![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
研究实验
漂浮的云
这个作者很懒,什么都没留下…
展开
-
eslint规则记录
ESLint 支持几种格式的配置文件:JavaScript- 使用.eslintrc.js然后输出一个配置对象。 YAML- 使用.eslintrc.yaml或.eslintrc.yml去定义配置的结构。 JSON- 使用.eslintrc.json去定义配置的结构,ESLint 的 JSON 文件允许 JavaScript 风格的注释。 (弃用)- 使用.es...原创 2019-05-16 11:43:35 · 420 阅读 · 0 评论 -
交叉观察器IntersectionObserver API
(转自http://www.ruanyifeng.com/blog/2016/11/intersectionobserver_api.html)网页开发时,常常需要了解某个元素是否进入了"视口"(viewport),即用户能不能看到它。上图的绿色方块不断滚动,顶部会提示它的可见性。传统的实现方法是,监听到scroll事件后,调用目标元素(绿色方块)的getBoundingClien...转载 2019-05-16 11:44:10 · 337 阅读 · 0 评论 -
JavaScript的语法解析与抽象语法树
抽象语法树(Abstract Syntax Tree)也称为AST语法树,指的是源代码语法所对应的树状结构。也就是说,对于一种具体编程语言下的源代码,通过构建语法树的形式将源代码中的语句映射到树中的每一个节点上。JavaScript语法解析什么是语法树可以通过一个简单的例子来看语法树具体长什么样子。有如下代码:var AST = "is Tree";我们...原创 2019-05-16 11:45:26 · 2480 阅读 · 0 评论 -
根据压缩后的行列数和sourcemap反向定位源码
sourcemap文件存储的是JS压缩前和压缩后的映射关系,map文件内容本身就是个json文件。json格式如下: version 版本号 sources存储的是各个依赖的子文件列表 sourcesContent存储的是各个依赖的子文件源码 其他几个字段暂时还没研究,不过暂时也不需要用到 npm上有对应的sourcemap包...原创 2019-05-16 11:46:00 · 2560 阅读 · 1 评论 -
phantom.js - HTML To PDF
HTML 转 pdfimport phantom from 'phantom';const pageToPdf = (url) => {phantom.create().then((ph) {ph.createPage().then((page) => {page.open(url).then((status) => {// 配置存储的pdf地址...原创 2019-05-16 11:42:39 · 349 阅读 · 0 评论