一半设计一半前端

JavaScript是一门弱语言，不像大学时候学的C语言，用一个变量，还要先定义数据类型，定义成了int整型，就不能放字符串进去。JavaScript定义的变量，就是你先放了数字进去，它就变成了数字类型，后面改放了字符串进去，也就变了字符串类型。所以，在进行一些运算的时候，虽然灵活，但也会出毛病，这...

JavaScript，我们喜欢简称为js，这是一门基于浏览器就可以解释的脚本语言。随着移动端的火爆，JavaScript也是借着东风扶摇直上，成为了这几年上升势头最猛的编程语言。不过，JavaScript的出身不太好。1995年，网景公司，也就是开发出第一款最流行的Navigator浏览器的公司，为...

一、什么是栅格布局一提到响应式布局，很多人都会使用框架，比如熟知的bootstrap，但是框架大而全，相应的代码就冗余，有时候开发一个小应用根本不用上框架，直接自己搭建一个小的栅格系统就可以用了。其实栅格，说直白一点就是把页面划分成很多等分的列。比如，经典的12grid，就是把网页划分成等分的12列...

CSS3提供的函数calc()，是calculate（计算）的缩写，具有计算的能力，允许通过+ - * / 运算符构成一个数学表达式，最终产生一个具体的value值。 calc()是动态计算，任何数值都可以用这个函数计算，比如width，height，font-size...

因为Edge13支持这个属性了，所以打算写出来，毕竟已经看到有项目使用这个CSS3的新属性了。CSS3 filter 属性是用来为一个元素（通常是图片）添加特殊的效果。一、语法结构filter: none | blur() | brightness(...

一、图片响应式设计的老方法。在以前为图片做响应式设计的时候，一般用三种方法。第一种，直接让图片和父容器保持100%：img {     width: 100%;     height: ...

其实在CSS2的规范就提出了@media的规则，就是根据不同的设备使用不同的css样式。遗憾的是很多设备媒介没有得到支持。所以在CSS3中，关于媒体查询的含义发生了改变，不再是查看设备的类型，而是查看设备的功能。媒体查询主要可以查看设备的功能如下：设备视口的宽度和高度设备本身的宽度和高度。横屏竖屏（...

过年最大的好处就是可以和孩子出门疯玩，不到天黑不回家。一晃眼，又坐在教室里，开始上课写文章了。一直写博客，但是今年想尝试一下自媒体，写写教育类的文章，算是新年的一个flag吧。进入正题……上一篇讲了作用在flex container上的6个属性，这篇文章讲解作用在flex items上面的6个属性。...

都9102年了，还使用float布局呢，是时候了解一下被IE11以及谷歌、火狐等浏览器都支持的flex弹性布局了。flexbox布局从最早的2009年开始，历经了各个不同的版本，还有各路浏览器早期的前缀时期，现在在IE11上已经没有问题了，虽然pc端因为IE9的存在还没有彻底普及，但是移动端已经是没...

CSS3中，新增了如下的user interface(用户界面)特性：但是，除了box-sizing，outline-offset，resize的支持度不错之外，其他几个特性浏览器全部不支持。曾经早期的Opera还支持，自从被Chrome收编之后，也都不支持了。所以，这篇文章只谈被浏览器支持的三个特...