10 2017 档案

摘要:flex是个非常好用的属性,如果说有什么可以完全代替 float 和 position ,那么肯定是非它莫属了(虽然现在还有很多不支持flex 的浏览器)。然而在移动开发中,本来绝大多数浏览器(包括安卓2.3以上的自带浏览器)都支持的属性,偏偏有个例外,就是国产某某X5内核神器(不知哪个版本的web 阅读全文
posted @ 2017-10-23 16:43 孙首富 阅读(435) 评论(0) 推荐(0) 编辑
摘要:笔者所在的前端团队主要从事移动端的H5页面开发,而团队使用的适配方案是: viewport units + rem。具体可以参见凹凸实验室的文章 – 利用视口单位实现适配布局 。 笔者目前(2017.08.12)接触到的移动端适配方案中,「利用视口单位实现适配布局」是最好的方案。不过使用 rem 作 阅读全文
posted @ 2017-10-23 16:09 孙首富 阅读(4013) 评论(0) 推荐(0) 编辑
摘要:CSS 浮动属性一直是网站上排列元素的主要方法之一,但是当实现复杂布局时,这种方法不总是那么理想。幸运的是,在现代网页设计时代,使用 Flexbox 和 CSS Grid 来对齐元素,变得相对容易起来。 使用 Flexbox 可以使元素对齐变得容易,因此 Flexbox 已经被广泛使用了。 同时,C 阅读全文
posted @ 2017-10-23 16:04 孙首富 阅读(1240) 评论(0) 推荐(0) 编辑
摘要:苹果公司(Apple)的发布会也开完了,新产品也将登陆了。估计很多开发人员看到iPhone X的设备是要崩溃了,特别对于前端开发人员更是如此。 iPhone X的屏幕覆盖了整个手机的屏幕,为相机和其他各部件留出了一个空间。结果是屏幕设计出现了一些尴尬的情况。比如将网站限制在一个“安全区域”。而在屏幕 阅读全文
posted @ 2017-10-23 15:05 孙首富 阅读(2181) 评论(0) 推荐(0) 编辑
摘要:本篇适用于初次使用rem为单位切图而无从下手的童鞋。核心是根据屏幕动态改变根元素字体大小,以达到适配各种屏幕。这只是一个拿来就用的教程。很多东西没有详细说明。不过对于快速做手机端切图很有帮助。 模板:Github 使用:1.下载完成后首先修改js文件中的基本单位:psd宽度是640就写640,是75 阅读全文
posted @ 2017-10-23 14:13 孙首富 阅读(534) 评论(0) 推荐(0) 编辑
摘要:众所周知,JavaScript 浮点数运算时经常遇到会 0.000000001 和 0.999999999 这样奇怪的结果,如 0.1+0.2=0.30000000000000004、1-0.9=0.09999999999999998,很多人知道这是浮点数误差问题,但具体就说不清楚了。本文帮你理清这 阅读全文
posted @ 2017-10-17 15:51 孙首富 阅读(7538) 评论(0) 推荐(4) 编辑
摘要:1、正则表达式中最重要的三个符号: 1.1 B 在正则表达式中B有3种类型的括号:1.1.1 方括号 “[“。方括号"["内是需要匹配的字符。中括号括住的内容只匹配一个单一的字符。 1.1.2花括号"{" 花括号"{"内是指定匹配字符的数量。 1.1.3圆括号“(“ 圆括号“(“ 则是用来分组的。 阅读全文
posted @ 2017-10-10 14:22 孙首富 阅读(227) 评论(0) 推荐(0) 编辑
摘要:本文将详细介绍CSS文本效果 凸版印刷效果 这种效果尤其适用于中等亮度背景配上深色文字的场景;但它也可用于深色底、浅色字的场景,只要文字不是黑色并且背景不是纯黑或纯白就行 【浅色背景深色文本】 【深色背景浅色文本】 空心字效果 发光效果 模糊效果 鼠标移入后,文字由模糊变清晰 凸起效果 文字凸起(伪 阅读全文
posted @ 2017-10-10 10:29 孙首富 阅读(266) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示