FP (First Paint) 首次绘制

标记浏览器渲染任何在视觉上不同于导航前屏幕内容之内容的时间点。

FCP (First Contentful Paint) 首次内容绘制

标记浏览器渲染来自 DOM 第一位内容的时间点，该内容可能是文本、图像、SVG 甚至 元素。

页面从加载到完成经历了什么

dom tree -> render tree

这几天用自己的Mac折腾PHP, 需要用到php-redis, 安装时候遇到诸多问题, 特此记录

昨天折腾了俩小时，把做的一个项目全站升级了 https，遇到一些坑点，随便写写记录一下。

为啥要使用 https

说白了，就是 https 更安全点，而现在的爬虫引擎甚至对 https 的站点有更高的排名和收录权，为此，必须得折腾一番啊。

咋部署呢

你只需要有一张被信任的 CA （ Certificate Authority ）也就是证书授权中心颁发的 SSL 安全证书，并且将它部署到你的网站服务器上。一旦部署成功后，当用户访问你的网站时，浏览器会在显示的网址前加一把小绿锁，表明这个网站是安全的，当然同时你也会看到网址前的前缀变成了 https ，不再是 http 了。

本文结合实际项目基于 `Nuxt.js@1.4.0` 进行讲解，部分案例摘自 Nuxt.js 官方文档。如需转载，请标明出处。

• Nuxt.js简单介绍
• 为什么使用Nuxt.js?
• 项目创建
• 项目配置
  • nuxt.config.js总览
  • 路由(router)
  • Nuxt模块(modules)
  • 插件(plugins)
  • 页面元信息(head)
• 页面布局(layout)
• 状态管理(vuex)
• 一键静态化

最近安装 node-canvas，遇到一些问题，特此记录。这个模块的底层是C++编写的，用的时候时候需要 node-gyp 这个模块编译。

node-gyp 依赖 Python 2.x 环境，和 Visual C++ 的构建环境

所以我们先来安装这些环境依赖。

方法有二，推荐第一种，自动化配置不容易出错。

启动MariaDB

systemctl start mariadb

设置开机启动

systemctl enable mariadb

##MariaDB的相关简单配置

mysql_secure_installation

今天刚好看了一下 PostCSS，看到了 postcss-cssnext 的网站，觉得用来学习一些新特性（虽然现在来看似乎不怎么新）。

先来介绍一下 PostCSS 与 Sass / Less / Stylus 相比的区别，也就是后处理器和预处理器的区别。

预处理器与后处理器

对于预处理器（Sass / Less / Stylus）而言，就像 JavaScript 的方言语法 coffeescript，或者 HTML 的方言语法 pug(jade) 那样，你需要学习一套新的不同的语法，这些 CSS 方言通过编译器编译成 CSS 文件，最终浏览器实现解析。

好，想必你对新的 JavaScript 包管理工具 yarn 已经有所耳闻，并已通过 npm i -g yarn 进行了安装，现在想知道怎么样使用吗？如果你了解 npm，你已经会很大一部分啦！

下面是我从 npm 切换到 yarn 的一些笔记。

最近前端聊得最多的莫过于 某某某2.0发布了，作为前端狗即感兴奋又觉苦逼。然而，webpack也不例外，一个东西的新版发布，文档什么的都得跟上，然而现在好像资料并不多，官方的说法是，webpack1和2在使用上并没有太大的区别。 好吧，那就折腾折腾webpack2吧。