“脑子”的“哈比”喝了一杯“骗子”冲的咖啡

[译]浅显易懂的 this 取值规则— Posted by BingqiChen on 2018/04/18

翻译自文章[The Simple Rules to ‘this’ in Javascript](https://codeburst.io/the-simple-rules-to-this-in-javascript-35d97f31bde3)。 确定什么是 `this` 并非难事。总的来说,通过查找函数被调用时的位置(和方法)就可以决定。遵循以下规则,按优先级排列。 ## 规则 1. 通过 ......

webpack@v4升级踩坑— Posted by BingqiChen on 2018/04/15

之前看到各大公众号都在狂推 **webpack** 新版发布的相关内容,之前就尝试了升级,由于部分插件的原因,未能成功,现在想必过了这么久已经可以了,今天就来试一下在我的项目中升级会遇到哪些坑。 ## 查阅更新日志 在安装更新之前,先大致浏览了一下[更新日志](https://github.com/webpack/webpack/releases/tag/v4.0.0),对大部分用户来说迁移上......

从 Wireshark 看一次请求的过程— Posted by BingqiChen on 2018/04/02

从大学有网络课程起就知道有三次握手这回事,但对其中到底发生了什么一直懵懵懂懂,今天打算借助 Wireshark 这一著名的网络数据包分析软件重现一下握手过程。 ## TCP 头部格式释义 字段对应关系及释义: ![TCP头部格式](//static.bingqichen.me/2018-04-01-feedeac5-QQ20180401-001433%402x.png) ## 三次握手 ......

canvas 高仿 Apple Watch 表盘— Posted by BingqiChen on 2018/03/29

不知道大家童年时候有没有在手上画手表的经历,恰好最近在看 `canvas` ,于是就诞生了这个高仿表盘。 ![童年画手表](//static.bingqichen.me/2018-03-29-5e171de2-HTTP2ltZ3NyYy5iYWlkdS5jb20vZm9ydW0vdyUzRDU4MC9zaWduPTIyNThjMDg3YjhhMWNkMTEwNWI2NzIyODg5MTNjOG......

react 实现页面代码分割、按需加载— Posted by BingqiChen on 2018/03/21

虽然一直有做 react 相关的优化,按需加载、dll 分离、服务端渲染,但是从来没有从路由代码分割这一块入手过,昨天在本地开发时没有测试成功,今天又搞了下,已经部署到线上环境了,今天就这个记录一下。 ### 修改配置 - 开发环境:`webpack@v3` 、`react-router@v4` - 安装依赖: ```bash $ yarn add babel-plugin-syn......

移动端字体大小调节器实现— Posted by BingqiChen on 2018/03/05

最近在一个微信H5项目中需要用到字体大小调节器,就看了一下QQ中的功能,就做了一个相似的,方法也不止一种,而且都不难。 <img src="//static.bingqichen.me/2018-03-04-91271e8f-IMG_2828.PNG" width="300"> ## 方法1 #### html ```html <div class="wrap"> <div cla......

谈谈 dva 和 mobx 的使用感受— Posted by BingqiChen on 2018/01/14

在使用 `react` 的时候或多或少会接触到状态管理,从开始学 react 到现在也挺久了,也用过几种状态管理工具,今天谈一谈这些工具的区别吧。 ### dva 经朋友推荐开始接触 [`dva`](https://github.com/dvajs/dva) ,从 1.x 版本开始使用,一直看着它发展到前不久的 2.x,我也基于这个工具开发了一套[项目模版](https://github.co......

单向链表的 js 实现— Posted by BingqiChen on 2018/01/05

### 单向链表 链表是一种数据结构,有单向链表、双向链表和循环链表,单向链表事其中最简单的一种。它有一个 head 指针,整个链表有很多节点构成,而 head 会始终指向链表的头节点;每个节点由两个信息组成:节点数据和指向下一个节点的指针,最后一个节点的指针为 `null` 。 ### 节点 单向链表是由一个个节点组成的数据结构类型,每个节点都包含该节点的数据和指向下一个节点的指针,构造一......

利用七牛 qshell 和 Automator 打造快捷上传服务— Posted by BingqiChen on 2017/10/16

### 来源 早前订阅了一个图片上传工具 `iPic`,单单就图片上传这一功能来说它无疑是非常优秀的。无奈我有的时候要上传一些非图片小文件,虽然这个只是个小功能,一个小小的脚本就可以做到,但是想想用到这个功能的时候还要打开`terminal`,emmmm…(纵然本人身为程序员`terminal`一直不会关)。 然后某一天看到了七牛的SDK有命令行工具 [qshell](https://deve......

服务器 ssl 配置— Posted by BingqiChen on 2017/09/19

emmmm...搁置了这么久,终于把自己的网站搭起来了,然后还挺想要浏览器上的的小绿条的,就开始有上https的打算了。 ## 获取证书 证书有免费和付费的,广为流传的免费的就有`Let's Encrypt`,国内也有很多推出了合作的免费证书,像又拍云和七牛也有免费的开放申请,大都是单域名的。 由于我需要同时支持多个二级域名,我就在[cheapsslsecurity](https://chea......