写在前面： 因为浏览器不同，对同一段代码的解析也可能会不同，导致页面呈现出来的效果表现不同，这就造成了浏览器的兼容问题。 提醒：在做页面设计时，应当严格精确的按照设计图实现，每一px都不一应当轻易变化，这样当页面表现不一致的时候我们就会很容易发现浏览器兼容带来的问题。 下面是一些兼容性问题的集合： ...
分类：
其他好文 时间：
2018-06-11 13:52:24
阅读次数：
165
vw是相对于不同屏幕大小的自适应的布局单位： 1vw相当于整个屏幕宽度的100分之1，如果给最外层div设置宽度为100vw，无论屏幕变大变小，1vw始终代表当前屏幕宽度的100/1； 因此vw在实际运用中： 对于宽度来说：设计图中当前元素宽度的px值 除以 设计图的宽度值，再乘以100后，加上vw ...
分类：
其他好文 时间：
2018-06-06 15:42:03
阅读次数：
147
1、CSS页面布局，基本会被问到的我都写在下面了，当然一种布局的实现方式有n多种，了解的越多越好，flex、BFC什么的都是要掌握并且会用的。 2、px、em、rem、%、<meta> 标签、@media、viewport 这几个前端像素单位怎么用？怎么实现 webapp 移动端自适应？ webap ...
分类：
其他好文 时间：
2018-06-04 14:10:52
阅读次数：
174
unit() 函数主要是用来获取一个值所使用的单位，碰到复杂的计算时，其能根据运算得到一个“多单位组合”的值，不过只充许乘、除运算： 但加、减碰到不同单位时，unit() 函数将会报错，除 px 与 cm、mm 运算之外： unit() 函数对于单位运算相对来说也没有规律，而且有些单位也无法整合成一 ...
分类：
其他好文 时间：
2018-05-31 00:20:51
阅读次数：
1074
一、首页Header的开发 1.stylus使用 设计图 750 px ，是iphone6 的2倍图设计稿 使用 stylus 方便我们快速的编写 CSS 代码，stylus 是一种CSS预处理语言 npm install stylus --save npm install stylus-loade ...
分类：
移动开发 时间：
2018-05-27 21:40:46
阅读次数：
287
Sass 中的乘法运算和前面介绍的加法与减法运算还略有不同。虽然他也能够支持多种单位（比如 em ,px , %），但当一个单位同时声明两个值时会有问题。比如下面的示例： 编译的时候报“20px*px isn't a valid CSS value.”错误信息。 如果进行乘法运算时，两个值单位相同时 ...
分类：
其他好文 时间：
2018-05-26 10:40:38
阅读次数：
139
原文:用redis构建分布式锁 用redis构建分布式锁 单实例的实现 从2.6.12版本开始，redis为SET命令增加了一系列选项： EX seconds – 设置键key的过期时间，单位时秒 PX milliseconds – 设置键key的过期时间，单位时毫秒 NX – 只有键key不存在的... ...
分类：
其他好文 时间：
2018-05-25 00:23:38
阅读次数：
159
1. Install 2. 用法 将元素或者component放在 <FastClick>...</FastClick> 中 3. 监测到tap事件后会阻止冒泡 event.stopPropagation() 4. 两个参数 threshold 在px中不能再转换为点击之前，触摸可以移动多远。 默认 ...
分类：
移动开发 时间：
2018-05-23 19:07:10
阅读次数：
863
HTML 标题和水平线 <h1>标题</h1>这个表示的是一级标题，<h2><h3><h4><h5><h6>依次表示的标题字符的依次递减 <hr>表示水平线，单独站一行 属性：align：center，left，right 表示元素在网页中的显示位置。 size：这可以表示下划线的厚度 单位px（像 ...
分类：
Web程序 时间：
2018-05-21 00:03:59
阅读次数：
269
原文链接：http://caibaojian.com/web-app-rem.html 摘要：rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个px字号，则可以来算出元素的宽高。本文讲的是如何使用rem实现自适应。 rem这是个低调的css单位，近一两年开始崭露头角，有许多同 ...
分类：
其他好文 时间：
2018-05-20 10:45:29
阅读次数：
170
