Blog

Written by Wang Jian who lives and works in China building useful things. You can follow him on Twitter

The TC39 Process

2019-12-23

https://tc39.es/process-document/ https://www.jianshu.com/p/b0877d1fc2a4 TC39 TC39(Technical Committee 39)是一个推动JavaScript…

如何开发一个 node cli 工具

2019-05-28

首先要有一个文件夹。以 为例。 创建一个 。 创建 ,在开头写上 。如下 在 中添加 字段。 执行 就可以看到输出 1 了。 如果想要删掉全局的 ,用 找到对应文件,删掉即可。

transition - CSS

2019-05-25

以下相关说明忽略 inherit, initial, unset 等值。 transition transition 一共有…

GET 和 POST 的区别

2019-02-19

在规范的应用场景上说,Get 多用于无副作用,幂等的场景,例如搜索关键字。Post 多用于副作用,不幂等的场景,例如注册。 Get 请求能缓存,Post 不能 Post 相对 Get 安全一点点,因为Get 请求都包含在 URL…

聊下 git merge --squash

2018-12-06

原文:聊下git merge —squash - https://www.cnblogs.com/wangiqngpei557/p/6026007.html 你经常会面临着将dev分支或者很多零散的分支merge到一个公共release…

一次 js 并行串行的思考

2018-12-06

原文:一次js并行串行的思考 - https://lxzjj.github.io/2017/10/29/一次js并行串行的思考/ 几天前,组里有同事抛出一个问题:假设给定一组url,要求尽可能快得加载,然后按照顺序打印出结果,用js…

CSS initial inherit unset

2018-08-29

CSS 中有三个所有属性都有的值,initial(默认)、inherit(继承)和 unset initial 将属性设置为其默认值 inherit 将属性设置为父元素的值 unset 则恢复其默认值,如果有父级样式可继承,则使用继承的值(inherit…

encodeHTML

2018-08-29

js 对 HTML 进行编解码 参考: https://blog.csdn.net/cuixiping/article/details/7846806

IDFA

2018-08-28

IDFA advertisingIdentifier https://developer.apple.com/documentation/adsupport/asidentifiermanager/1614151-advertisingidentifier UUID 格式,iOS…

跨域 iframe 的点击事件

2018-08-14

本文主要讲监听不可控的跨域 iframe 的点击。跨域 iframe 通信不在本文讨论范围。 首先,要明确一个前提,也是事实:使用 onclick 或 addEventListener 是不能监听到跨域 iframe…

用 FFmpeg 拼接 mp4

2018-08-05

首先在一个文件内写入文件列表, 如:filelist 然后执行 参考资料: https://blog.csdn.net/doublefi123/article/details/47276739

IE条件注释

2018-07-03

原文:IE条件注释 - https://segmentfault.com/a/1190000005715961 IE 条件注释是微软从IE5开始就提供的一种非标准逻辑语句,作用是可以灵活的为不同IE版本浏览器导入不同 html 元素,如:样式表,html…

坏蛋是怎样炼成的

2018-04-14

原著:六道 第一二部最初连载于 逐浪小说网 第一部: http://www.zhulang.com/1226/ 第二部: http://www.zhulang.com/23567/ 第三部番外来自六道官方微信订阅号:liudao61…

JS 语言类型

2018-04-03

string number boolean null undefined object 原理:为 js 的 bug,js 中二进制前 3 位都是 0 的话会被判定为 object,null 的二进制全是 0,所以前 3 位也是 0。 内置对象 String Number…

对象访问方式

2018-04-03

属性访问 键访问 在对象中,属性名永远是字符串,如果用字符串字面量以为的其他值作为属性名,它首先会被转换为一个字符串,即使是数字。(数组下标使用的是数字)。

点击穿透

2018-03-30

移动端,touchstart - touchend - click click 事件有延迟,在使用 touchstart 事件关闭模态框时会触发 click 注:iOS 11.3 及以上系统不会出现这个问题。

作用域

2018-03-28

词法作用域 JS 采用词法作用域,即作用域根据代码的位置确定。 上面的代码中, 函数的作用域内有 ,虽然在调用的地方有 ,但还是采用代码书写位置的作用域。 如采用动态作用域会输出 。 动态作用域 在代码运行时确定作用域。

css 实现 div 等比例缩放

2018-03-22

http://zihua.li/2013/12/keep-height-relevant-to-width-using-css/ https://www.w3cplus.com/css/aspect-ratio.html 100vw

动态加载脚本

2018-03-18

有时会需要动态加载 js 文件,偶尔还会有同步加载的需要(比如在个别环境需要加载一些依赖,才可以往下执行),所以总结了一些方法。 异步加载 异步加载比较简单,不阻塞页面的加载,也没有跨域问题。直接生成一个 script…

IFEE

2018-03-12

IFEE(立即调用函数表达式) https://developer.mozilla.org/en-US/docs/Glossary/IIFE http://benalman.com/news/2010/11/immediately-invoked-function…

JavaScript 类型

2018-03-12

虽然 NaN 是 Not a Number 的缩写,但它是一个数字,只是这个数字与任何一个数字都不想等,即使它自己。 字符串 转换成布尔值为 true,因为字符串的布尔值是由字符串的 length 决定的。只有空字符串 为 false…

position

2018-03-10

position 通用值: inherit initial unset 值: 相对定位: relative 绝对定位: height, width: auto fixed absolute 粘性定位 static sticky

盒模型

2018-03-10

盒模型 两种。 或 设置,默认 。 四个边。 margin edge border edge padding edge content edge 标准盒模型 content-box width 和 height 设置的是 content 的大小,padding、border…

RegExp

2018-02-04

Regular Expression RegExp.exec(string) RegExp.test(string) String.match String.replace String.split String.search

类型检测最佳实践

2018-01-31

函数 使用 数组 使用 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray 数字 Number.isNumber…

其他

2018-01-27

Function.length 函数必传参数个数。 不包括剩余参数(…rest)个数,仅包括第一个具有默认值参数之前的参数个数。 Function 构造器本身是一个 Function,length 为 1。 Function 原型对象的 length 为 0。 Function…

函数

2018-01-27

JavaScript 基础:函数 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions 1. 函数声明 https://developer.mozilla.org/zh-CN…

JavaScript 中的 !!

2017-08-25

有的时候我们会看到类似这样的代码: 嗯?那两个叹号什么鬼, 的结果又是什么呢? 你可能会说,负负得正, 就等于 喽,其实并不是这么简单。 先说结论: 的作用是将 转换为 boolean 类型,类似 。 再说过程: 会先将 转化为 boolean…

jQuery 现代写法

2017-08-25

.ready() 以上写法都对,但只推荐使用第 1 种写法。 示例: .live() .delegate() -> .on() 老版本用法 现代用法 .die() -> .off() 老版本用法 现代用法

网站的 favicon 设置

2017-08-17

网站的 favicon 设置 很多网站都有好看的图标,在不同的浏览器有不同的显示方式,今天我们聊聊如何给自己的网站配置图标。 推荐的格式为 .ico、.png、.gif,其中 .ico 格式浏览器支持最完善,.png 和 .gif 只有 IE 5 - IE 1…

将网页 footer 固定在底部

2017-07-24

网页制作中可能会有这样的需求: 在网页内容无法装满整个浏览器窗口时,页脚固定在浏览器底部; 在网页内容比浏览器窗口高时,页脚在全部内容最下面。 使用 CSS 中的单位 vh 使用 Bootstrap 和 jQuery 点此查看实例 说明: .outerHeight() 1

Mac 截图操作汇总

2017-05-07

快捷键截图 请参考: 如何在 Mac 上拍摄屏幕快照 菜单中显示的是什么符号? 如果不了解快捷键的按键,可以到 系统自带 App:抓图 参考:http://www.ifanr.com/app/546621

微信公众号推送中的图片及音视频获取方法

2016-07-30

下载推送中语音文件 方法一(推荐) 用电脑浏览器打开微信公众号文章页面,点击如图所示位置; 得到类似网址: 提取其中 voice_id 的值(包括一个等号),加到 后面,打开链接并下载。 方法二 要求:电脑版 Chrome 浏览器 在 Chrome…

终端短篇

2016-03-16

还原 macOS 中的 DNS 缓存设置 OS X 10.10.4 及更高版本: OS X 10.10 至 10.10.3 中: OS X 10.9.5 及更低版本: OS X 10.6 至 10.6.8 中: 参考资料: https://support.apple…