七个你可能不了解的CSS单位

发表于 2017-03-19 | 分类于 front-end

我们很容易无法摆脱的使用我们所熟悉的CSS技术，当新的问题出现，这样会使我们处于不利的地位。随着Web继续的发展，对新的解决方案的需求也会继续增大。因此，作为网页设计师和前端开发人员，我们别无选择，只有去了解我们的工具集并且熟悉它。这意味着我们还要了解一些特殊的工具-那些不经常使用的，但是当需要它们的时候，它们恰恰是最正确的工具。今天，我将要向你介绍一些你以前可能不知道的CSS工具。这些工具 ...

阅读全文 »

CSS - relative 和 absolute 小记

发表于 2017-03-02 | 分类于 front-end

我在之前翻译过有关于css定位的文章《5件你需要知道的css定位》。那么这次是看了张鑫旭老师的相对定位和绝对定位之后的小记，巩固下基础知识。 absolute包裹性position: absolute跟float: left一样具有包裹性，即让元素inline-block化，例如div标签默认宽度100%显示，一旦有了包裹性，即100%默认宽度就会成了自适应内部元素的宽度。absolute的in ...

阅读全文 »

Vue - 生命周期和钩子

发表于 2017-02-27 | 分类于 front-end

生命周期的示例图，可以参考《Vue.js 初体验》中的生命周期。结合上面给的生命周期示例图，我们大致清楚Vue从创建到销毁的整个过程，接下来我们来利用代码讲解下具体每个钩子的实际作用。 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565 ...

阅读全文 »

Vue - props

发表于 2017-02-24 | 分类于 front-end

前言Vue 2.x相比较Vue 1.x而言，升级变化除了实现了Virtual-Dom以外，给使用者最大不适就是移除的组件的props的双向绑定功能。以往在Vue1.x中利用props的twoWay和.sync绑定修饰符就可以实现props的双向绑定功能，但是在Vue2中彻底废弃了此功能，如果需要双向绑定需要自己来实现。 Vue2的组件props通信方式在Vue2中组件的props的数据流动改为了只 ...

阅读全文 »

git diff

发表于 2017-02-23 | 分类于 tools

change却未stage常见的一种做法就是使用git diff来查看工作目录还未stage的文件差异。实验方法：修改一下simplegit.rb，添加一个方法然后在README文件中添加一个作者然后我们用git add命令把README文件载入(stage) 运行git status会显示README载入了，而simplegit.rb只是修改了还未载入 12345678910 ...

阅读全文 »