自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 只使用一个块级元素绘制各种图形

本文旨在介绍制作一些常用的图标图形,拓展大家对CSS的认知,不要仅限于在定位子等简单功能上,觉得css简单的人,大部分都是对css未有有足够认知;本文后面的几个案例,拓展看官在使用css时的思路,不要定式在某一个狭小的使用领域中,埋没它强大的能力。  以下CSS代码均没有添加浏览器适配,请看官自行添加;这里提供一个智能适配工具 pleeease,对适配语法不太熟,可以用它帮帮忙。效果截图如下

2018-02-01 21:25:11 915

原创 CSS深度挖掘 - 「Border-radius」的八个值

知识往往随时间淡忘,沉心在开发中时间长了,发现好些知识已经又模糊了,一些很好用的属性,其本身就有,却忘了,然后绕个大圈子自己实现了一套,究其原因,还是因为一开始没有掌握牢固和透彻# 都知道是圆角  border-radius 属性是一个简写属性,用于设置四个 border-*-radius 属性。他用于向 block 级别元素增加圆角语法border-radius:

2018-01-26 21:26:28 8474 2

原创 读透你的动画 &「硬件加速」

随着页面效果越来越炫酷,页面被载入的动画量也逐步提升,对设备的压力也就越来越大;开发中,如果不讲究些技巧,页面常有卡顿现象,影响了用户体验;因此,前端们又开始挖掘好用的办法,如启动设备的硬件加速功能。# 从一个动画开始分析  【说明】案例中没有提供适配前缀如 -webkit-,请自行添加div> span>span>div>div { position: r

2018-01-26 17:40:32 278

原创 基于流的自动化构建工具「Gulp」

自动化构建,代码混淆压缩,站点资源优化,打包重复的任务等已成为前端开发者们必不可少的一项技能,不仅能提高我们开发效率,也能减少代码体积提高用户访问速度和减少流量的消耗;而Gulp就是提供了这样功能的一款工具。# Gulp 能干啥?  gulp是基于Nodejs的自动任务 task 运行器, 她能自动化地完成 javascript / coffee / sass / less / ht

2018-01-25 16:39:21 264

原创 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 401

原创 设计稿的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 2827 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除