分类:前端开发

神奇的 conic-gradient 圆锥渐变

神奇的 conic-gradient 圆锥渐变
感谢 LeaVerou 大神,让我们可以提前使用上这么美妙的属性。conic-gradient 是个什么?说到 conic-gradient ,就不得不提的它的另外两个兄弟:linear-gradient : 线性渐变radial-gr...

2年前 (2018-02-09) 6058℃ 评论 () 5542喜欢

图解javascript this指向什么?

图解javascript this指向什么?
JavaScript 是一种脚本语言,支持函数式编程、闭包、基于原型的继承等高级功能。JavaScript一开始看起来感觉会很容易入门,但是随着使用的深入,你会发现JavaScript其实很难掌握,...

2年前 (2018-02-04) 2828℃ 评论 () 2489喜欢

四种方式实现轮播图

四种方式实现轮播图
不论是app,还是网站,基本上都会出现轮播图,今天和大家分享几种不同工具实现轮播图的几种方式。...

2年前 (2018-02-02) 23024℃ 评论 () 3174喜欢

理解 JavaScript 中的 for…of 循环

理解 JavaScript 中的 for…of 循环
什么是 for…of 循环for...of 语句创建一个循环来迭代可迭代的对象。在 ES6 中引入的 for...of 循环,以替代 for...in 和 forEach() ,并支持新的迭代协议。for...of 允许你遍...

2年前 (2017-11-16) 4584℃ 评论 () 4375喜欢

移动web前端viewport详解

移动web前端viewport详解
前言这次想聊聊移动开发相关的事。是的,你没有看错,一句话就可以开始你的移动前端开发。你心里一定在想,什么话这么酷,能够瞬间带入到移动前端开发的世界。但其实它一点也不新奇...

2年前 (2017-11-10) 3930℃ 评论 () 3670喜欢

HTML编码规范

HTML编码规范
排版规则缩进使用2个空格缩进<ul> <li>Fantastic</li> <li>Great</li></ul>.example { color: blue;}大小写只允许使用小写。所有的代码都用小写字母:适用于元素名,属性,属...

2年前 (2017-09-24) 3782℃ 评论 () 3367喜欢

干货:让你分分钟理解 JavaScript 闭包

干货:让你分分钟理解 JavaScript 闭包
闭包,是 Javascript 比较重要的一个概念,对于初学者来讲,闭包是一个特别抽象的概念,特别是ECMAScript 规范给的定义,如果没有实战经验,很难从定义去理解它。因此,本文不会对闭包的...

2年前 (2017-08-29) 4959℃ 评论 () 4167喜欢

理解伪元素 :before 和 :after

理解伪元素 :before 和 :after
层叠样式表(CSS)的主要目的是给HTML元素添加样式,然而,在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身,这...

2年前 (2017-08-09) 4915℃ 评论 () 4195喜欢

总结个人使用过的移动端布局方法

总结个人使用过的移动端布局方法
这篇文章,主要是总结一下,我在移动端布局用过的方法。有三种,一种是响应式布局,利用@meida判断各个size;第二种是REM;最后是设置viewport中的width。响应式布局这种感觉是最好理解...

2年前 (2017-08-04) 5081℃ 评论 () 4183喜欢

Flash 终于走向死亡!Flash 的兴衰之路你知多少

Flash 终于走向死亡!Flash 的兴衰之路你知多少
作为最大名鼎鼎的网络多媒体技术之一,Flash的名号可谓是无人不知无人不晓。然而,触手曾伸及形形色色网站的Flash,现在终于要退出历史的舞台。Adobe已经宣布,Flash将会在2020年停...

2年前 (2017-08-04) 3775℃ 评论 () 3519喜欢

你不可不知的 HTML 优化技巧

你不可不知的 HTML 优化技巧
如何提升Web页面的性能,很多开发人员从多个方面来下手如JavaScript、图像优化、服务器配置,文件压缩或是调整CSS。很显然HTML 已经达到了一个瓶颈,尽管它是开发Web 界面必备的...

2年前 (2017-07-14) 2893℃ 评论 () 2406喜欢

CSS 变量教程

CSS 变量教程
今年三月,微软宣布 Edge 浏览器将支持 CSS 变量。这个重要的 CSS 新功能,所有主要浏览器已经都支持了。本文全面介绍如何使用它,你会发现原生 CSS 从此变得异常强大。一、变量...

2年前 (2017-06-08) 2963℃ 评论 () 2474喜欢

JS-基本数据类型

JS-基本数据类型
Javascript提供五种简单的数据类型,与一种较为复杂的数据类型。简单数据类型undefined在使用var声明变量,但未对其加以初始化时,这个变量的类型就是undefined,且其默认初始化值...

3年前 (2017-04-24) 1877℃ 评论 () 1467喜欢

CSS Grid布局:什么是网格布局

CSS Grid布局:什么是网格布局
CSS Grid现在已经被W3C纳入到CSS3的一个布局模块当中,被称为CSS Grid Layout Module。而我们较为熟悉的还是将其想像成网格或者栅格,也就是早期的960gs。不管是网格还是栅格或...

3年前 (2017-04-20) 2986℃ 评论 () 2167喜欢

JS中变量名和函数名重名

JS中变量名和函数名重名
今天骚凯问了一道变量名冲突的题目,感觉很有意思,顺便也复习一下预解析的一些知识,有不对的地方忘前辈大神指正,题目是这样的:var a=100;function a(){ console.log(a);}a();...

3年前 (2017-03-29) 2553℃ 评论 () 2282喜欢

javascript笔记 - 问题总结

javascript笔记 - 问题总结
问:给定一个四位数,分别输出千位数,百位数,十位数,个位数(例如 4852-->4,8,5,2;)答:var a=4852;//求千位数console.log(parseInt(a/1000)); //4var a=a%1000; //取4852/1000的余数=...

3年前 (2017-03-28) 1723℃ 评论 () 1390喜欢

10个顶级的CSS3代码生成器

10个顶级的CSS3代码生成器
新出来的在线工具和 web 应用允许开发人员快速创建网站,而无需手动一行一行地编写代码。当前,不断有新的框架和代码库涌现在前端开发这个领域里。但是,这也让许多开发人员忘记...

3年前 (2017-03-21) 2287℃ 评论 () 1273喜欢

CSS3新单位:calc()未来自适应布局利器!

CSS3新单位:calc()未来自适应布局利器!
前言介绍前大家可以先考虑一个布局的问题:页面中有两个元素:ele 1和ele 2,他们之间还有跟页面左右的间隔都是30px,宽度随着页面宽度而自适应。效果图:这个问题有很多种解决办法,大...

3年前 (2017-03-03) 3339℃ 评论 () 2297喜欢

从css谈模块化

从css谈模块化
模块化是现今我们随处都可以听到的一个名词,什么是模块化?为什么我们需要模块化?这是本系列文章我们要弄明白的一个问题。我们也借这部分内容,顺带回顾一下前端的发展历程。说实...

3年前 (2017-02-24) 2686℃ 评论 () 2284喜欢