该栏目文章分类为:WEB前端

如何以优雅的方式提交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运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。

[ 阅读全文… ]

ES6的import与export命令

ES6的import与export命令

18
Apr 2018

在ES6之前,大多数都是通过各种第三方库来实现模块化。在ES6中,模块的功能主要是由exportimport组成,并且每个模块都有自己的单独作用域,模块之间的相互调用关系都是通过export来对外暴露接口的,再通过import来引用模块提供的接口。同时还为模块创造了命名空间来防止函数的命名冲突。

注意:ES6的模块自动采用严格模式,不管你有没有在模块头部加上”use strict”;。所以在编写模块代码时,我们要遵循严格模式的规则,否则代码将会报错。

import命令

既然有export导出命令,那自然也少不了import导入命令。

方式一:在加载模块的时候,大括号里面可以写导出模块的变量名,必须保持与导出模块里变量名称的一致性。

[ 阅读全文… ]