diary

web push API

Web push API

PWA与ServiceWorker

装饰模式与es7 decorator

Event Loop

浏览器端的setTimeout和setInterval

TImer对象

XSS漏洞

JS私有化成员变量

JS原型继承

浏览器渲染原理

用node遍历某个文件夹下的所有js模块

generator

Node

Koa源码阅读

Koa

shell

koa

fetch

es6 generator && co

js while

yaml标记语法

jasmine

Object API

charAt && charCodeAt

原型链

Object.defineProperty(target: Object, propertyName: String, descriptor: Object)

innerHTML

如何把一个html字符串转换成fragment

innerHTML

Node Stream

算法

Function

position: sticky

git stash

Promise

Koa.js

Xtemplate

JSON.stringify

正向代理和反向代理

blog refactor

Redux-Async-Connct

Redux DevTool

Redux Presentational Component With Container

Http-Proxy

superagent

React Universal App

React-Router

跟老大聊职业发展

Service Worker

uuid JS实现

Service Worker

Fetch

ServiceWorker

React

ServiceWorker

HTTP/2

BEM

零宽度断言（zero-width-assertions）

jsDoc

Vue

Mysql

Object.entries(obj: Object)

History

History API

Vue

设计模式

Arrow Function in Object literals

webpack

redux-api-middleware

npm scripts

js enum

promise

parallel.js

webapp事故总结

js运算符

webpack

h5“新增”API

Redux

HQL

继续学习webpack

继续学webpack

越来越觉得webpack好用，虽然对browserify没有深入研究过，不能跟webpack对比，但是很多复杂的功能几个配置就能搞定，还是很神奇的。

webpack配置

event.dataTransfer

拖拽事件（包括dragstart到drop）的event对象里，都有一个dataTransfer对象，之前做的文件拖拽上传，就是用dataTransfer.files来取文件信息的，今天学了它的其他几个api

flex

看了篇文章，重新理解了flex的几个属性

JS高编

ajax level2 progress

Event Drag

其实该昨天写，忘了，今天补上。昨天做了一个简单的拖拽上传demo，用到了drag相关的一系列事件。drag事件支持dom0和dom2。

XMLHttpRequest

做*文件拖拽上传**的demo用到原生的ajax对象，于是就重新看了一遍，包括level 2。

阿里云session store

vscode

IOS9

node es6 env with babel

开发blog时用了node 4.2.3版本，支持一部分es6的特性。今天发布到阿里云上跑不动，打了日志才知道阿里云node版本是1.10.0。不想改代码，也不想放弃es6，于是用了babel-core/register，用hook在运行时编译es6的代码。配置如下：

jQuery源码阅读

gulp

使用gulp-rev-collector遇到的问题，牵出了之前学gulp遗留的债~~~

Rem

rem的用法和适配多屏的原理很简单，有点迷糊的是设计稿尺寸怎么转换成rem。今天结合手淘的flexible.js，又看了一遍手百的解决方案。总算是把换算的方法理清楚了。

rem

今天看了手百的rem解决方案，发现之前对rem的了解太浅薄了，也没有实践过。rem本身很简单，等于根节点html的font-size。一般来说，用rem实现多屏幕适配的方案，要么用js检测屏幕宽度，然后动态修改html的fontSize（淘宝的flexible.js）；要么用media queries设断点，也是修改html的font-size。

15 December, 2015

Es6 Generator

在es6 feature里，generator和Symbol.iterator是一起讲的，他们都能简单的实现斐波那契数列

14 December, 2105

Function.prototype.bind

其实是昨天看的，懒，今天记一笔。之前对bind方法一知半解，只知道用来绑this。昨天看react的文档发现，bind可以传超过一个参数，于是重新翻了一遍MDN

12 December, 2015

let

今天在switch语句里使用let报了一个变量重复使用let的语法错误，突然想起switch里的每个case都不是块级作用域。出错代码：

10 December, 2015

Node

jQuery源码

加载源码：jQuery源码放在src目录下，分模块，用amd串起来。因此可以用requirejs来加载源码中的任何一个模块（jQuery的源码正是用requirejs来加载的，在github项目中可以找到external目录，里面就有requirejs）。jQuery的requirejs配置放在build/tasks/build.js里，我们只需要baseUrl和paths即可，其他的都是r.js的构建配置。

9 December, 2015

编码技巧

今天读了一篇关于编码技巧的文章，有几点还是挺管用的

8 december, 2015

node内存泄露，使用node-menowatch等模块监测内存泄露问题

git

git stash
git stash is used to save temporarily your working which don’t want to commit immediately and clean your working field to last commit.
PS: git stash only save working field and stage

git

git stash
git stash can store your current working status in a git stack and then return you current working field to last commit. If you want recover your last stash, just use git stash pop.

Difference between module.exports and exports in NodeJS

It’s a little confuse to me when I read handbook of browserify which explain how module works in Node. Here is the example to simulate how modules works:

gulp

gulp watch
it watch files which glob matches, when any matched file changes gulp will revoke tasks you set or callback

study basic operation of git

git remote
- -v list all remote branch
- how to change https push to ssh?
  1. list remote branch git remote -v, it’ll report like this:
    origin https://github.com/YDSS/my_tech_diary.git (fetch)
    origin https://github.com/YDSS/my_tech_diary.git (push)
  2. remove the branch you want to change
    git remote rm 'branch name like origin'
  3. add new remote branch with ssh
    git remote add origin git@github.com/YDSS/my_tech_diary.git
  4. then check if it works
    origin git@github.com:YDSS/my_tech_diary.git (fetch)
    origin git@github.com:YDSS/my_tech_diary.git (push)
git submodule
- add add a new submodule with it’s https url or ssh
  git submodule add <name> url(ssh)
  example: git submodule add test_submodule git@github.com:YDSS/test_submodule.git
- update update a submodule when your pwd is not in this submodule
  git submodule update --remote <submodule name>
  example: git submodule update --remote test_submodule
- Of course submodule is treated as a sub module of git, so you can treat it a real module when you enter the dir of submodule.

web push API

Web push API

PWA与ServiceWorker

装饰模式与es7 decorator

Event Loop

浏览器端的setTimeout和setInterval

TImer对象

XSS漏洞

JS私有化成员变量

JS原型继承

浏览器渲染原理

用node遍历某个文件夹下的所有js模块

generator

Node

Koa源码阅读

Koa

Koa

shell

异常处理

shell

koa

fetch

es6 generator && co

js while

yaml标记语法

jasmine

Object API

charAt && charCodeAt

原型链

Object.defineProperty(target: Object, propertyName: String, descriptor: Object)

innerHTML

如何把一个html字符串转换成fragment

innerHTML

Node Stream

算法

Function

position: sticky

git stash

Promise

Koa.js

Koa.js

Koa.js

Xtemplate

JSON.stringify

正向代理和反向代理

blog refactor

Redux-Async-Connct

Redux DevTool

Redux Presentational Component With Container

Http-Proxy

superagent

React Universal App

React Universal App

React Universal App

React-Router

React-Router

跟老大聊职业发展

Service Worker

uuid JS实现

Service Worker

Fetch

ServiceWorker

React

ServiceWorker

HTTP/2

BEM

零宽度断言（zero-width-assertions）

jsDoc

Vue

Mysql

Object.entries(obj: Object)

handleEvent写法

History

History API

Vue