/blog

博客

ES6相关知识

1. Promise的使用

2. async函数

CSS相关知识

1. 通过动画延迟属性(animation-delay)来创建弹跳加载中动画

2. css实用技巧

3. 通过设置不同的边框颜色来创建环形旋转器加载动画

4. css创建QQ空间用户上下滑动动态列表，就会自动切换广告图片

5. 创建半透明边框

6. box-shadow结合outline创建边框内圆角

7. 你不知道的border-radius

8. 实用选择器

9. 线性渐变linear-gradient

10. point-events使用技巧

11. will-change的使用

12. 干货

javascript相关知识

1. webworker的使用

2. 复制，剪切，粘贴破解

3. js小技巧

4. scroll-behavior让滚动带缓动效果

5. messageChannel消息通道

6. broadcastChannel广播通道

设计模式

1. 策略模式

大杂烩

1. package.json主要配置项

2. NPM实用小指令

思路

1. 返回指定页面

项目中遇到的问题

1. 项目遇到的小问题整合

Vue相关知识

1. 给Vue添加全局属性

2. 在vscode中调试

3. Vue渲染性能优化

概念

1. javascript调用堆栈

2. 事件循环和异步编程

3. 宏任务与微任务

4. javascript内存机制

5. 浏览器单帧渲染流程

调试

1. 分析代码的执行时间

2. 监测页面重绘和回流以及动画FPS

项目规范

1. 规范commit message

性能优化

1. 异步解码图片

canvas

1. 压缩图片分步缩小

webpack

1. 作用域提升ModuleConcatenationPlugin

2. 内联webpack运行时代码inline-manifest-webpack-plugin

3. 分析webpack编译慢在哪里speed-measure-webpack-plugin

4. 本地mock

HTML

1. 内置表单验证

Github

1. 小技巧

2. 如何利用gh-pages分支展示自己的项目

常用node

1. log技巧

2. 常用api

chrome

1. 控制台技巧