HTML Canvas如何实现线性渐变效果？
可以先使用HTML Canvas的线性渐变的函数createLinearGradient()来创建一个渐变色线性对象；然后使用addColorStop()方法定义渐变色颜色；最后将渐变颜色分配给strokeStyle或fillStyle属性进行填充
Vue 的数据响应式（Vue2 及 Vue3）
从一开始使用 Vue 时，对于之前的 jq 开发而言，一个很大的区别就是基本不用手动操作 dom，data 中声明的数据状态改变后会自动重新渲染相关的 dom。换句话说就是 Vue 自己知道哪个数据状态发生了变化及哪里有用到这个数据需要随之修改。
彻底理解浏览器缓存机制
浏览器的缓存机制也就是我们说的 HTTP 缓存机制，其机制是根据 HTTP 报文的缓存标示进行的。所以在分析浏览器缓存之前，我们先使用图文简单介绍一下 HTTP 报文，HTTP 报文分为两种：
css的repaint和reflow
repaint主要是针对某一个DOM元素进行的重绘，reflow则是回流，针对整个页面的重排。字面意思来说：repaint就是重绘，reflow就是回流。repaint和reflow的目的是：展示一个新的页面样貌。
Vue关键词搜索高亮
有时候给页面内容添加一个关键词搜索功能，如果搜索结果能够像浏览器搜索一样高亮显示，那找起来就会很明显体验会好很多。本文就介绍一下关键词搜索高亮的实现方案。实现效果大概如下：
Js中的位运算和权限设计
本文主要讨论以下两个问题：JavaScript 的位运算：先简单回顾下位运算，平时用的少，相信不少人和我一样忘的差不多了，权限设计：根据位运算的特点，设计一个权限系统（添加、删除、判断等）
10个常用Nginx 常用命令
Nginx 是一个免费、开源、高性能、可伸缩、可靠、功能全面且流行的 HTTP和反向代理服务器，一个邮件代理服务器，以及通用的 TCP/UDP 代理服务器。
Js基本数据类型和引用数据类型
stack为自动分配的内存空间，它由系统自动释放；而heap则是动态分配的内存，大小也不一定会自动释放;JS分两种数据类型：js的六或七大数据类型：Number, String
原生JS使用Blob导出csv文件
最近在做关于文件下载的需求：前端调用接口，然后对返回数据进行过滤、格式化，然后按表格内容拼接生成csv文件，让用户下载。数据中存在 ‘,‘ 逗号问题处理：将整个数据用双引号(英文格式)包裹起来，这样会显示成一个单元格。