- 博客(6)
- 收藏
- 关注
原创 只使用一个块级元素绘制各种图形
本文旨在介绍制作一些常用的图标图形,拓展大家对CSS的认知,不要仅限于在定位子等简单功能上,觉得css简单的人,大部分都是对css未有有足够认知;本文后面的几个案例,拓展看官在使用css时的思路,不要定式在某一个狭小的使用领域中,埋没它强大的能力。 以下CSS代码均没有添加浏览器适配,请看官自行添加;这里提供一个智能适配工具 pleeease,对适配语法不太熟,可以用它帮帮忙。效果截图如下
2018-02-01 21:25:11 934
原创 CSS深度挖掘 - 「Border-radius」的八个值
知识往往随时间淡忘,沉心在开发中时间长了,发现好些知识已经又模糊了,一些很好用的属性,其本身就有,却忘了,然后绕个大圈子自己实现了一套,究其原因,还是因为一开始没有掌握牢固和透彻# 都知道是圆角 border-radius 属性是一个简写属性,用于设置四个 border-*-radius 属性。他用于向 block 级别元素增加圆角语法border-radius:
2018-01-26 21:26:28 8516 2
原创 读透你的动画 &「硬件加速」
随着页面效果越来越炫酷,页面被载入的动画量也逐步提升,对设备的压力也就越来越大;开发中,如果不讲究些技巧,页面常有卡顿现象,影响了用户体验;因此,前端们又开始挖掘好用的办法,如启动设备的硬件加速功能。# 从一个动画开始分析 【说明】案例中没有提供适配前缀如 -webkit-,请自行添加div> span>span>div>div { position: r
2018-01-26 17:40:32 287
原创 基于流的自动化构建工具「Gulp」
自动化构建,代码混淆压缩,站点资源优化,打包重复的任务等已成为前端开发者们必不可少的一项技能,不仅能提高我们开发效率,也能减少代码体积提高用户访问速度和减少流量的消耗;而Gulp就是提供了这样功能的一款工具。# Gulp 能干啥? gulp是基于Nodejs的自动任务 task 运行器, 她能自动化地完成 javascript / coffee / sass / less / ht
2018-01-25 16:39:21 273
原创 nodejs 最新版安装 と npm 的使用
# 安装 nodejs 以下介绍的是命令行安装方法,读者也可以到 nodejs官网 上下载安装最新版。sudo apt-get install nodejs-legacysudo apt-get instatll npm升级npm为最新版本sudo npm install npm@latest -g用命令行安装的nodejs不是最新版本,而且升级nodejs并不是件顺
2018-01-17 19:11:08 441
原创 设计稿的100%还原-「REM」引发的思考
# 什么是 rem,为什么用 rem REM(font size of the root element),是指相对于根元素的字体大小的单位,是个相对单位,如果不设置根元素的字体大小,则会默认以根元素的16px的大小计算值。 说到rem,百分九十的面试官会问,rem和em区别是什么?EM(font size of the element),是指相对于父元素的字体大小单位,也是个相对单位。
2018-01-17 15:06:35 2839 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人