Gulp4 前端自动化工作流配置

11

March

2019

随着最近把 nodejs 从 8.x 升级到了 10.x,发现 Gulp3.x 早已经不能兼容新版的 node,并且环境中的部分依赖,也已经被淘汰。
于是趁此机会,把 Gulp 升级为 4.x 版本,并把整个环境重新改造了一下。

现已经发布至 Github 和 NPM 作为不定期维护的一个项目。关于后续更新和维护情况,请关注本项目的:GitHubNPM

如果你刚接触 Gulp,可以查看我以前写的文章 Gulp构建前端自动化工作流(Gulp入门介绍)
[ 查看全文... ]

Vue CLI 3.0 文档(1):安装和项目创建

12

December

2018

之前主要使用Vue CLI 2.x来搭建项目,正好遇到新的项目,便尝使用Vue CLI 3来进行构建,玩了小半年之后抽空整理下文档。

简介

Vue CLI 作为 Vue 的官方脚手架,降低了开发者对于 webpack 的配置成本,便于快速构建项目。具体的介绍在官方文档中写的十分详细,此处就不唠叨。

用一个通俗的比喻来说,把项目作为一份晚餐:食材(vue)虽都有,可但油盐酱醋(webpack)怎么配比,并非一下就能掌握。而 Vue CLI 就像是成品大礼包,198、298、398自由搭配,营养均衡开袋即食。并且附带料包自由调整(配置),也能加热享用(可升级)。并且 Vue 是渐进式框架,需求(基础插件)无法满足时,可单独外卖(Plug-in)加餐。
[ 查看全文... ]

CSS BEM 解读

09

November

2018

CSS BEM 解读

概要

BEM 分别代表着:Block(块)、Element(元素)、Modifier(修饰符),是一种组件化的 CSS 命名方法和规范,由俄罗斯 Yandex 团队所提出。其目的是将用户界面划分成独立的(模)块,使开发更为简单和快速,利于团队协作开发。

特点

  • 组件化/模块化的开发思路。
  • 书写方式解耦化,不会造成命名空间的污染,如:.xxx ul li 写法带来的潜在嵌套风险。
  • 命名方式化扁平,避免样式层级过多而导致的解析效率降低,渲染开销变大。
  • 组件结构独立化,减少样式冲突,可以将已开完成的组件快速应用到新项目中。
  • 有着较好的维护性、易读性、灵活性。 [ 查看全文... ]

阿里云 免费SSL证书安装小记

11

May

2018

使用 SSL 加密早已不是什么新鲜事,个大网站也早已纷纷加入它的怀抱。为了推进更安全的网络环境,Mozilla 和 Google 都陆续宣布将把所有 HTTP 网站标记为不安全,意味着 SSL 已是大势所趋。

早期 SSL证书基本以收费为主,且过程有点复杂。但现在个大云主机商,也都推出证书产品,想入这坑已是十分便捷。

SSL/TSL

SSL(Secure Sockets Layer 安全套接字层),它是一项标准技术,用于在客户端与服务器之间进行加密通信,可确保互联网连接安全,防止网络犯罪分子读取和修改任何传输信息,包括个人资料。

TSL(Transport Layer Security 传输层安全),是 SSL 的继承协议,它建立在 SSL 3.0 协议规范之上,是更为安全的升级版 SSL。由于 SSL 这一术语更为常用,因此我们仍然将我们的安全证书称作 SSL。

如果网站上存在 SSL,用户可以看到网站地址以 https:// 开头,而不是以 http:// 开头。根据证书为企业提供的验证等级,安全连接会用挂锁图标或绿色的地址栏标志表示。 [ 查看全文... ]

给CentOS添加SWAP分区

05

September

2017

这两天打开博客总显示建立数据库连接时出错,头两次手动重启了一下。结果今天又发生类似事情,知道肯定是数据库出现了问题,于是查看了MariaDB日志/var/log/mariadb/mariadb.log

通过日志, 可以看到是由于内存不足所导致的数据库崩溃:

170902 4:21:18 [ERROR] Plugin 'InnoDB' init function returned error.
170902 4:21:18 [ERROR] Plugin 'InnoDB' registration as a STORAGE ENGINE failed.
170902 4:21:18 [ERROR] mysqld: Out of memory (Needed 128917504 bytes)
170902 4:21:18 [Note] Plugin 'FEEDBACK' is disabled.
170902 4:21:18 [ERROR] Unknown/unsupported storage engine: InnoDB
170902 4:21:18 [ERROR] Aborting
170902 4:21:18 [Note] /usr/libexec/mysqld: Shutdown complete
[ 查看全文... ]

CentOS7.3搭建LNMP环境(Nginx10.1+MariaDB5.5+PHP7.1)

29

August

2017

阿里云(ECS) CentOS7.3搭建LNMP环境(Nginx 1.10.2 + MariaDB 5.5.52 + PHP 7.1.8)

一、安装 Nginx

1. 使用 yum 安装 Nginx:
# yum install -y nginx

2. 启动 Nginx:
# systemctl start nginx

3. 设置 Nginx 随系统自动启动:
# systemctl enable nginx
[ 查看全文... ]