css 的 flex 弹性布局在日常开发中有着广泛的应用，其弹性伸缩的灵活性对响应式需求的开发提供了便利，栅格布局，垂直居中等等设置flex布局后，加上几个属性就可以轻松实现。基本使用可以参考阮老师的博客

抽象语法树（AST），是一个非常基础而重要的知识点，但国内的文档却几乎一片空白。本文将带大家从底层了解AST,并且通过发布一个小型前端工具，来带大家了解AST的强大功能

同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSRF等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。同源策略限制内容有：

不同浏览器下 autoplay 的限制策略和方案的整理 PC 端浏览器的限制策略 和 应对方案 使用 Mac 在 PC 端测试的浏览器包括 Chrome 浏览器 Safari 浏览器 Firefox 浏览器 Chrome 浏览器 Chrome-限制策略 内容参考自 [链接] [链接] 2018 年 4 月份发布的 Chrome 66 正式...

用pdfjs加载远程资源后，如果一次性将所有页面渲染出来，导致有时候滑动有些卡顿，所以想实现懒加载渲染，只有当前可视区域的页面和将要看见的页面才会去渲染

用canvas绘图时，绘制的图形出现了明显锯齿 正常预览图片 用drawImage绘制在canvas上的图片 出现原因 图片都是通过像素组成的，一般的1px就是1像素，但是不同屏幕， css像素和物理像素并不是1:1的关系通过 window.devicePixelRatio 查看，因为渲染比不同，导致图像在...

在实际项目中，往往有很复杂的流程，随着项目的推进，可能流程有会有改动，如果前期代码没有做好流程管理，对后期的维护带来巨大的麻烦 没有流程控制前，代码可能是这样的 {代码...} 这样的写法导致后期如果流程稍有改动，可能代码就会大变动，而且时间一长又要重新...

用express搭建了一个小程序的后台，想要部署到服务器上，每次都要手动部署，点来点去耗时，就想能不能省去这些重复性的操作 之前搭建hexo博客时用到了gitHooks实现了自动部署,就想，后台部署应该也可以采用这种方式实现自动部署 后台 express工具 git pm2服务器 Ubun...

项目准备 搭建react项目 用create-react-app创建一个新的react项目 {代码...} 下载pdfjs {代码...} PDF加载 导入pdfjs库 pdfjs-dist/webpack是已经对pdfjs打包过的文件，不使用可能出现的问题 {代码...} 加载PDF返回PDF对象 对PDF的获取处理等全部都是异步操作 {代码...

canvas的使用主要用到了bindtouchstart，bindtouchmove两个属性，捕捉手指移动的同时，将移动前的坐标和移动后的坐标用canvas的画图api绘制出来

原生的textarea已经把选择表情的按钮丢弃了，所以自己就模拟了一个表情选择器 下面是效果展示 实现原理 准备工作 表情可以在qq表情地带中查看 通过 escape() 和 unescape() 两个函数来对表情进行解析和重构 {代码...} 这里返回的表情是十六进制的，为了计算出后续的...

例子中可以看出，对是数据库进行操作后，拿到的结果全在回调函数中使用，这很不符合平常的操作。而我们希望的是在回调函数中直接return结果，然后用一个变量直接来获取这个结果。

实现 node-mysql 实现异步操作之前，先来谈谈JS中的异步操作。在ES6中提供了Promise对象 Promise对象的三种状态 pending（进行中） fulfilled（已成功） rejected（已失败） 状态的转换还是单向不可逆的过程pending -> fulfilled pending -> rejected 基本使用...

打开控制台，在页面查看器里右键点击需要用到的DOM，Copy -> Copy Selector，此时复制到的就是DOM元素在本页面最精确的节点路径比如我要拿到思否首页的logo的节点路径body > div.global-nav.sf-header.sf-header--index > nav > div.row.hidden-xs.hidde...

爬虫是一个模拟人类请求网站行为的程序。很多爬虫程序是通过请求http获取数据，用puppeteer做爬虫是通过DevTool协议控制Chrome或Chromium来抓取页面信息

一、圆括号运算符 　　圆括号运算符也叫分组运算符，它有两种用法：如果表达式放在圆括号中，作用是求值；如果跟在函数后面，作用是调用函数 　　把表达式放在圆括号之中，将返回表达式的值 {代码...} 　　把对象放在圆括号之中，则会返回对象的值，即对象本身 {代码...

1.下载npm，node分别输入npm，node查看是否存在不存在根据指令下载 2.更新npmnpm install npm -g 3.安装n模块npm install -g n 4.更新noden stable或更新至指定版本n 8.9.2 5.将npm替换成淘宝镜像，提高下载速度npm install -g cnpm --registry=[链接]cnpm -v 6.下载...

安装gitsudo apt install git [链接]

3.更改远程访问权限vim /etc/ssh/sshd_config找到PermitRootLogin 改为yes（输入i进入修改模式）（退出先按ESC，输入：qw 回车）

1.选English（选择中文版本可能会出现系统安装错误） 2.Install Ubuntu Server 3.后续操作都是默认4.自定义主机名 5.自定义用户名 6.设置密码 7.对目录加密，在虚拟机中不需要 8.确认时间 9. 10. 11.continue 12. 13. 14. 15.安装软件根据自己的需要选择 16. 17.完成