chenhao.ch

2

HTTP请求中的Keep-Alive模式详解

• chenhao_ch   2017-02-15 发布
• 3 收藏

最近遇到一个诡异问题，使用Fiddler替换某一个接口请求时，页面请求该接口后，请求一直没有结束的问题。经过定位，确定是HTTP中某些header字段导致的。本篇就是关于这几个字段的介绍。

7

扩展开发过程中的自动更新实现

• chenhao_ch   2017-01-15 发布
• 5 收藏

最近业务上需要开发扩展来实现某些功能。在开发过程中，遇到每次修改完代码，都需要手动点击chrome://extensions页面的Reload，才能更新扩展的问题，十分影响开发体验。于是花了点时间，把开发扩展的构建过程的ho...

13

EditorConfig使用介绍——解决markdown文件行尾空格自动删除的问题

• chenhao_ch   2016-11-25 发布
• 13 收藏

使用VSCode作为IDE开发工具已经有一段时间，期间一直有一个很困扰我的问题，就是关于行尾空格的自动删除。 一般情况下，都需要对源码中的行尾的多余空格进行删除，所以我有设置自动删除行尾空格。但是当我编辑mar...

45

Vue 2.0源码学习

• chenhao_ch   2016-11-15 发布
• 248 收藏

从去年9月份了解到Vue后，就被他简洁的API所吸引。1.0版本正式发布后，就在业务中开始使用，将原先jQuery的功能逐步的进行迁移。 今年的10月1日，Vue的2.0版本正式发布了，其中核心代码都进行了重写，于是就专门...

0

那些年在异步代码上所做的努力

• chenhao_ch   2016-08-27 发布
• 18 收藏

运行上面的代码，可以得到我们想要的结果：1s后输出了日志，再过3s又输出日志。但是如果逻辑复杂下去，会出现很深的回调方法嵌套问题，使得代码不可维护。为了使异步代码更清晰，就出现了Promise。

3

koa入门

• chenhao_ch   2016-08-27 发布
• 28 收藏

koa是一个相对于express来说，更小，更健壮，更富表现力的Web框架。koa通过组合不同的generator来避免繁琐的回调函数调用。koa的核心库没有绑定任何的中间件，仅仅提供了一个轻量优雅的函数库，使得编写Web应用变...

38

一口气完成electron的入门学习

• chenhao_ch   2016-08-08 发布
• 93 收藏

目前，使用前端技术开发桌面应用已经越来越成熟，这使得前端同学也可以参与桌面应用的开发。目前类似的工具有electron，NW.js等。这里我们着重介绍下electron。

1

页面动画知识点整理

• chenhao_ch   2016-06-13 发布
• 20 收藏

平时工作中会遇到需要实现一些存在动画的页面。这里对动画的实现知识做一个整理。页面动画的实现可以分为两类：CSS动画、Canvas动画、JavaScript动画。JavaScript动画没啥好讲的，这里就不整理了。

2

Flexbox属性介绍

• chenhao_ch   2016-04-28 发布
• 5 收藏

介绍 flexbox是HTML5中提出的新的布局方式。使用时，需要将父子节点的display都设置为flex。每个参赛的效果可以参考这里 父节点属性 flex-direction 控制子界点的方向。一共有4个值： {代码...} flex-wrap 控制子...

4

Ajax与Fetch

• chenhao_ch   2016-04-05 发布
• 15 收藏

页面中需要向服务器请求数据时，基本上都会使用Ajax来实现。Ajax的本质是使用XMLHttpRequest对象来请求数据。XMLHttpRequest的使用如下：

3

Web Worker

• chenhao_ch   2016-01-26 发布
• 10 收藏

大家都知道，Javascript是单线程的，所以如果页面中的Javascript有大量计算的话，很容易阻塞页面的动画或者交互响应。HTML5中的Web Worker就使Javascript的多线程编程成为可能。

0

微数据

• chenhao_ch   2016-01-07 发布
• 收藏

一个页面的数据，不单单是给用户看的，其中的一些数据还要提供给机器去识别。由于机器的智能水平有限，所以就出现了微数据这种技术，专门用于显示机器识别的数据。

1

image的srcset属性

• chenhao_ch   2016-01-05 发布
• 25 收藏

响应式页面中经常用到根据屏幕密度设置不同的图片。这个时候肯定会用到image标签的srcset属性。srcset属性用于设置不同屏幕密度下，image自动加载不同的图片。用法如下：

1

伪类与伪元素

• chenhao_ch   2016-01-04 发布
• 6 收藏

伪类和伪元素是css中很常见的两个概念，利用的好，能够很方便的实现一些特殊效果。伪类与伪元素由于用法相近，导致平时使用并不能很好的区分这两个概念。伪类（pseudo-classes）： 伪类类似于class，用于对已有元...

4

CORS跨域资源共享

• chenhao_ch   2015-11-30 发布
• 49 收藏

CORS(Cross-Origin Resource Sharing)是指跨域资源共享，用于解决前端跨域问题。跨域问题最参见的方法就是使用JSONP，但是很多跨域问题JSONP是无法解决的，比如

15

HTML5幻灯片库reveal.js使用

• chenhao_ch   2015-11-27 发布
• 70 收藏

最近在准备一个团队内部的分享，觉得powerpoint写幻灯片太麻烦，效率太低。作为前端，就想到是否可以使用页面来做幻灯片。于是就去搜索了下有没有HTML5实现幻灯片的工具。经过对比，最后选择了了reveal.js来实现...

5

Vue.js基本语法的介绍

• chenhao_ch   2015-11-18 发布
• 83 收藏

前段时间接触到一个库叫做Vue.js, 个人感觉很棒，所以整理了一篇博文做个介绍。Vue读音/vju:/,和view类似。是一个数据驱动的web界面库。Vue.js只聚焦于视图层，可以很容易的和其他库整合。代码压缩后只有24kb。可...

6

函数节流

• chenhao_ch   2015-04-23 发布
• 24 收藏

页面在绑定resize，keydown或者mousemove这些能连续触发的事件时，用户只要很常规的操作，就能连续触发多次绑定的方法。当绑定方法里面存在大量的类似于DOM操作这种极其消耗性能的代码时，会直接导致页面运行的卡...