如何以优雅的方式提交Code

如何以优雅的方式提交Code

01
Nov 2018

程序员最烦的几件事:写测试,变量命名,还有填代码提交信息(commit message)。翻几个开源项目遍马上可以回味那作文凑字数的青春时光。 其实 commit message 的作用远不止如此,经过简单的配置便可无痛成为代码提交的文明公民。

Commit Message 的作用

最起码的一点,项目的提交历史是其他人(包括未来的自己)了解项目的一个重要途径。好的提交历史可以方便其他人参与进来,也可以方便自己快速定位问题。

此外,提交信息还可以用来触发 CI 构建,自动生成 CHANGELOG ,版本自动语义化提升…… 只需要一点点配置就可以干这么多,真是懒人必备。

[ 阅读全文… ]

聊聊CSS布局方案

聊聊CSS布局方案

31
Oct 2018

在工作当中会碰到各种各样的布局,掌握的布局方案越多,在工作当中越能省下更多的宝贵时间。请看代码!

居中布局

1、水平居中

a) inline-block + text-align

.parent{
    text-align: center;
}
.child{
    display: inline-block;
}

tips:此方案兼容性较好,可兼容至IE8,对于IE567并不支持inline-block,需要使用css hack进行兼容
[ 阅读全文… ]

前端面试题系列之HTML篇

前端面试题系列之HTML篇

20
Oct 2018

Doctype作用?标准模式与兼容模式各有什么区别?

  • <!DOCTYPE>声明位于位于HTML文档中的第一行,处于 <html> 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。
  • 标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。

[ 阅读全文… ]

Angular4引入字体图标

Angular4引入字体图标

27
Sep 2018

引入字体图标的方法有四种,大家可以采用适合自己的方式来进行字体引入。 本人使用最多的字库是font-awesomeiconfont,本文的四种引入方式兼可适用。现在用font-awesome来举例说明使用方法。

一、在css、sass或less中引入

首先安装字体依赖文件

npm install --save font-awesome

如果使用css, 在你的项目的style.css中引入font-awesome.css

[ 阅读全文… ]

MySQL命令你知多少

MySQL命令你知多少

10
Aug 2018

MySQL的基本操作可以包括两个方面:MySQL常用语句如高频率使用的增删改查(CRUD)语句和MySQL高级功能,如存储过程,触发器,事务处理等。为了方便日后使用查阅,所以收集在此。

[ 阅读全文… ]