07 2019 档案

JS - 检查是否可见
摘要：有时候检查元素是否可见不能单纯检查当前元素的样式，需要考虑具体情况，下面是一些检测方法：# [:visible Selector | jQuery API Documentation](https://api.jquery.com/visible-selector/)相关源码：[code.jquery.com/jquery-1.11.1.js](http://code.jquery.com/jqu... 阅读全文
posted @ 2019-07-27 15:00 zjffun 阅读(1042) 评论(0) 推荐(0)
JS - 模块
摘要：# CommonJS- [CommonJS - Wikipedia](https://en.wikipedia.org/wiki/CommonJS)## 介绍主要在浏览器之外地方（例如服务器和桌面应用上）使用的模块化技术。## 规范一个文件就是一个模块，拥有单独的作用域。## 定义模块使用 exports 或 module.exports var myModule = (a, b)=>{... 阅读全文
posted @ 2019-07-27 15:00 zjffun 阅读(454) 评论(0) 推荐(0)
JS - 监听整个页面上的 DOM 树变化
摘要：[在线预览](https://jsfiddle.net/1010543618/fyf913t0/)使用《Web API 接口》的《MutationObserver》[MutationObserver](https://developer.mozilla.org/zh-CN/docs/Web/API/MutationObserver)网上查到的很多都是使用 Mutation events 的，但在 ... 阅读全文
posted @ 2019-07-27 14:59 zjffun 阅读(1760) 评论(0) 推荐(0)
JS - 生成器函数（function 星号）的暂停和恢复（yield）
摘要：> >> >> 生成器函数在执行时能暂停，后面又能从暂停处继续执行。>> 调用一个生成器函数并不会马上执行它里面的语句，而是返回一个这个生成器的 迭代器 （iterator）对象。当这个迭代器的 next() 方法被首次（后续）调用时，其内的语句会执行到第一个（后续）出现 yield 的位置为止，yield 后紧跟迭代器要返回的值。或者如果用的是 yield\*（多了个星号），则表示将执行权移交给... 阅读全文
posted @ 2019-07-27 14:59 zjffun 阅读(2931) 评论(0) 推荐(0)
JS - 立即执行函数表达式（IIFE）
摘要：# javascript 函数调用在 javascript 中，每一个函数在被调用的时候都会创建一个执行上下文，在该函数内部定义的变量和函数只能在该函数内部被使用，而正是因为这个上下文，使得我们在调用函数的时候能创建一些私有变量。- 先声明后调用 // 声明： var foo = function(){ /* code */ }; // 调用： foo();- 如果... 阅读全文
posted @ 2019-07-27 14:58 zjffun 阅读(977) 评论(0) 推荐(0)
JS - 箭头函数
摘要：# 适用场景- 一般在需要使用匿名函数时使用# 误用场景- 函数作为构造函数- 需要修改函数的`this`- 需要使用`arguments`对象或访问`prototype`属性- 需要作为生成器函数## 例如### 需要修改函数的`this````javascriptvar user = { name: "zhang", appendAF: val => { cons... 阅读全文
posted @ 2019-07-27 14:57 zjffun 阅读(1133) 评论(0) 推荐(0)
JS - 类型转换
摘要：# 转换为字符串```js"" + 10 === "10"; // true```# 转换为数字```js+"010.2"; //10.2Number("010.2"); //10.2parseInt("010.2", 10); //10```# 转换为布尔值```js!!"foo"; // true!!""; // false!!"0"; // true!!"1"; // true!!"-1"; 阅读全文
posted @ 2019-07-27 14:56 zjffun 阅读(122) 评论(0) 推荐(0)
JS - 获取函数的参数名称
摘要：看 Angular 依赖注入时发现的神奇的操作，实现原理是 `Function.prototype.toString()` 得到函数的字符串然后用正则判断。# 参见[javascript - How to get function parameter names/values dynamically? - Stack Overflow](https://stackoverflow.com/a/12... 阅读全文
posted @ 2019-07-27 14:52 zjffun 阅读(946) 评论(0) 推荐(0)
JS - 计算身份证校验码（最后一位）
摘要：[在线预览](https://jsfiddle.net/1010543618/ck2eoaae/)```html Document 身份证号：（前17位） （校验位）最后一位为： 计算 ``` 阅读全文
posted @ 2019-07-27 14:51 zjffun 阅读(1234) 评论(0) 推荐(0)
JS - 闭包（Closures）和 let 声明块级作用域变量
摘要：闭包：> > 闭包是函数和声明该函数的词法环境的组合。 let：> > let 语句声明一个块级作用域的本地变量，并且可选的将其初始化为一个值。 例：闭包和 let 修正匿名函数访问的变量```jsfunction foo(){ var bar = []; for (var index = 0; index < 9; index++) { bar[index] ... 阅读全文
posted @ 2019-07-27 14:51 zjffun 阅读(215) 评论(0) 推荐(0)
JS - 预留字符和转义字符转换
摘要：# 字符实体（Entity）> 转义字符（Escape Sequence）也称字符实体 (Character Entity)。>> 定义转义字符串的主要原因是：>> 1. ``等符号已经用来表示 HTML TAG，因此不能直接当作文本中的符号来使用。但有时需求是在 HTML 页面上使用这些符号，所以需要定义它的转义字符串。> 2. 有些字符在 ASCII 字符集中没有定义（如版权符号 “©”）... 阅读全文
posted @ 2019-07-07 19:22 zjffun 阅读(981) 评论(0) 推荐(0)
JS 引擎
摘要：最早的 JS 引擎是纯解释器，现代 JS 引擎已经使用 JIT（Just-in-time compilation：结合预编译（ahead-of-time compilation AOT）和解释器的优点的编译方式）以提高性能# 主流引擎Chrome V8、SpiderMonkey、JavaScriptCore、Chakra> - [Chrome V8](https://en.wikipedia.... 阅读全文
posted @ 2019-07-07 19:21 zjffun 阅读(953) 评论(0) 推荐(0)
MetaWeblog API - 同步博客园随笔的工具
摘要：不清楚将这篇博客放到前端合不合适。。# 博客园 MetaWeblog 的用法API: [rpc.cnblogs.com/metaweblog/jffun-blog#BlogInfo](about:blank)一般都用 XML-RPC 库（Node.js 环境下可以用[baalexander/node-xmlrpc](https://github.com/baalexander/node-xmlrp... 阅读全文
posted @ 2019-07-07 19:20 zjffun 阅读(599) 评论(0) 推荐(0)