翻译自文章The Simple Rules to ‘this’ in Javascript。 确定什么是 this 并非难事。总的来说，通过查找函数被调用时的位置（和方法）就可以决定。遵循以下规则，按优先级排列。 规则 通过 new 关键字调用构造函数，函数内的 this 是一个全新的对象。 {代码...} 通过 apply 、 call 或 bind 调用一个函数，函数内的 this...

之前看到各大公众号都在狂推 webpack 新版发布的相关内容，之前就尝试了升级，由于部分插件的原因，未能成功，现在想必过了这么久已经可以了，今天就来试一下在我的项目中升级会遇到哪些坑。

从大学有网络课程起就知道有三次握手这回事，但对其中到底发生了什么一直懵懵懂懂，今天打算借助 Wireshark 这一著名的网络数据包分析软件重现一下握手过程。

不知道大家童年时候有没有在手上画手表的经历，恰好最近在看 canvas ，于是就诞生了这个高仿表盘。 实现过程 我这里参照了 Apple Watch 中的这个表盘： 绘制表盘背景 {代码...} 这里用到了一个变换属性 translate ，跟 css 中的属性相似，把后面绘制过程中的坐标系进行了平移，方便计算； 为了绘制圆角这里用了二次贝塞...

虽然一直有做 react 相关的优化，按需加载、dll 分离、服务端渲染，但是从来没有从路由代码分割这一块入手过，昨天在本地开发时没有测试成功，今天又搞了下，已经部署到线上环境了，今天就这个记录一下。

最近在一个微信H5项目中需要用到字体大小调节器，就看了一下QQ中的功能，就做了一个相似的，方法也不止一种，而且都不难。 方法1 html {代码...} style {代码...} 我们得到这样的页面： javascript 最简单的单击目标点可以设置对应字体大小： {代码...} 在QQ的字体设置中，只要点击起始点在调节区域，之后在整个窗口左右...

在使用 react 的时候或多或少会接触到状态管理，从开始学 react 到现在也挺久了，也用过几种状态管理工具，今天谈一谈这些工具的区别吧。

链表是一种数据结构，有单向链表、双向链表和循环链表，单向链表事其中最简单的一种。它有一个 head 指针，整个链表有很多节点构成，而 head 会始终指向链表的头节点；每个节点由两个信息组成：节点数据和指向下一个节点的指针，最后一个节点的指针为 null 。

早前订阅了一个图片上传工具 iPic，单单就图片上传这一功能来说它无疑是非常优秀的。无奈我有的时候要上传一些非图片小文件，虽然这个只是个小功能，一个小小的脚本就可以做到，但是想想用到这个功能的时候还要打开terminal，emmmm…（纵然本人身为程序员terminal一直不会关）。

证书有免费和付费的，广为流传的免费的就有Let's Encrypt，国内也有很多推出了合作的免费证书，像又拍云和七牛也有免费的开放申请，大都是单域名的。

我使用的编辑器是atom，这份文件编辑好了在其它sublime等编辑器可以通用的，Mac用户打开这个目录~/.atom/packages/emmet/node_modules/emmet/lib/snippets.json，所有用户也可以通过设置中instll下面有一个Open Config Folder，打开之后里面一路找下去也可以找到这个snippets.json文件。

前端攻城?️对模态弹框肯定很熟悉，不管是套用bootstrap的还是自己写的，它常用来完成与用户的展示交互和处理一些数理逻辑。但是在用来展示小体量的信息时我认为它是过于庞大的，我们可以采用更优雅的气泡卡片来展示那些小体量的信息。就像这样的↓↓↓先附上体验地址

大家可能遇到过一种需求，让用户输入以某个特殊字符分隔的字符串，如java,php就是以西文逗号分隔，这种输入需要用户自行添加内容之间的特殊分隔符，其实完全可以换用一种用户体验更好的方式解决。不知道大家管下面这种叫什么，我称之为Tags input。其实，当大家在SF写文章的时候就会有这类标签选择框。体验地址

关于权限方面我们主要关注第1、3、4列我们先来看第一列，第一列表示各用户对该文件/目录的操作权限，我把它断成四个部分，d|rwx|r-x|r-x分别表示类型|文件所有者权限|文件所属用户组权限|其他人的权限。类型我们经常用到的有d-目录，--文件，l-连接文件，r(4)|w(2)|x(1)分别对应读|写|可执行(进入目录)。第三列和第四列...

撸主一枚前端汪，之前注意到AWS有为期一年的免费服务器可以领取，于近期入手一台想拿来撸几发PHP，但是看到什么php-fpm、fast-cgi...搞的不用怎么配开发环境的做前端的我跟下图似的...于是促成了本文及后续几篇文章的产生。

其实一开始让我转zsh我是拒绝的，因为OS X默认的bash相对来说已经相当强大了，但是受不了oh-my-zsh诱人的界面，于是今天就花时间装上体验了一把，再然后就是我来这里安利了???

虽然电脑一只装着Sublime Text（后面简称“ST”吧），但是之前我一直使用的是Adobe推出的Brackets，可以说使用体验还是不错的，不过前几天打开一个省市区三级的json文件（将近6000行），瞬间GG，更不要说滚动查看了。于是乎，抱着试试的心理用ST打开，我*（哔~），秒开！！！而且如丝般顺滑！！！吓得我都坐到地上了。。。

我们都知道，函数内部是可以读取外部定义的变量的。在这里，outside函数包含了一个内部函数inside，所以inside可以使用outside引入的参数。我们把函数inside作为返回值赋给fun_inside，当然，同时返回的还有x。此时我们再执行fun_inside并且传入一个y就能返回两者之和，最后一行只是把两个参数同时传入，其他无异，这就...

执行一下，WTF！怎么报错了，我们看看错误是什么？Uncaught TypeError: foo1 is not a function，OK，我们来设置断点来分析一下，这里，我们把foo1和foo2加入监视窗口；我们可以看到foo1函数执行之前就已经获得了定义，而foo2函数却显示未定义，到这里我们就明白了。但是为什么foo1就生效了呢？我们来说说声明提升。