分类:前端开发

四种方式实现轮播图

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

1年前 (2018-02-02) 20366℃ 评论 () 3170喜欢

理解 JavaScript 中的 for…of 循环

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

2年前 (2017-11-16) 4576℃ 评论 () 4373喜欢

移动web前端viewport详解

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

2年前 (2017-11-10) 3918℃ 评论 () 3669喜欢

HTML编码规范

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

2年前 (2017-09-24) 3773℃ 评论 () 3366喜欢

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

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

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

理解伪元素 :before 和 :after

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

2年前 (2017-08-09) 4902℃ 评论 () 4193喜欢

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

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

2年前 (2017-08-04) 5046℃ 评论 () 4181喜欢

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

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

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

你不可不知的 HTML 优化技巧

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

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

CSS 变量教程

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

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

JS-基本数据类型

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

2年前 (2017-04-24) 1868℃ 评论 () 1466喜欢

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

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

2年前 (2017-04-20) 2942℃ 评论 () 2166喜欢

JS中变量名和函数名重名

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

2年前 (2017-03-29) 2545℃ 评论 () 2281喜欢

javascript笔记 - 问题总结

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

2年前 (2017-03-28) 1714℃ 评论 () 1390喜欢

10个顶级的CSS3代码生成器

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

2年前 (2017-03-21) 2254℃ 评论 () 1273喜欢

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

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

2年前 (2017-03-03) 3285℃ 评论 () 2297喜欢

从css谈模块化

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

2年前 (2017-02-24) 2680℃ 评论 () 2283喜欢

2017年要学习的三个CSS新特性

2017年要学习的三个CSS新特性
新年快乐! :confetti_ball:随着新一年的到来,我们可以学习的干活又多了好多。新特性虽然有很多,但有三个是今年最让我激动不已的。1. Feature Queries之前我写过了一篇关于Feat...

2年前 (2017-02-16) 2033℃ 评论 () 1560喜欢

javascript实现列表选择 全选 反选 全不选

javascript实现列表选择 全选 反选 全不选
javascript实现一个简单的列表选择效果,全选,全不选,反选功能。实现思路1、获取所有需要选中的元素,通过getElementsByName();2、对获取的到的元素进行for循环;3、反选的方法做一...

3年前 (2016-12-28) 1922℃ 评论 () 1177喜欢

Javascript中getYear()和getFullYear()的区别

Javascript中getYear()和getFullYear()的区别
敲小例子发现getYear()方法返回值不正确。明明是2016年,却显示是116。查了一下,原来是这个方法已经过时了。但是为什么返回值不正确呢?老说法:getYear()方法 — 返回表示年份的...

3年前 (2016-12-16) 1334℃ 评论 () 1047喜欢