分类:前端开发

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

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

3年前 (2017-02-16) 2037℃ 评论 () 1560喜欢

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

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

3年前 (2016-12-28) 1935℃ 评论 () 1179喜欢

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

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

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

定义图文并茂的html5新标签-figure、figcaption

定义图文并茂的html5新标签-figure、figcaption
本来想分两篇文章来解释说明figure、figcaption的,但是这俩个标签都是定义图文的,所以我们合起来讲解,大家更能容易接受。大家在写xhtml、html中常常用到一种图片列表,图片+标题...

3年前 (2016-12-14) 1684℃ 评论 () 1048喜欢

考验前端的JavaScript底细的14道题

考验前端的JavaScript底细的14道题
尽管今日的JavaScript已经突飞猛进,但JS的许多特性仍然保留,以下题目并不是有意设坑,许多地方将验证你的JS底细,如果错了一半,请别告诉我你从事前端。第一道(function(){ retu...

3年前 (2016-12-12) 2666℃ 评论 () 1051喜欢

css3中的合成和混合模式 mix-blend-mode

css3中的合成和混合模式 mix-blend-mode
大多数图像编辑软件如photoshop或Illustrator都有它们自己的图像合成模式。Blend modes(合成模式)允许你指定元素如何混合合成在一起,并改变图像相交区域的颜色。每一种模式都...

3年前 (2016-10-27) 1645℃ 评论 () 1120喜欢

CSS教程 @font-face 网页中嵌入特殊字体方法

CSS教程 @font-face 网页中嵌入特殊字体方法
@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体,你们当中或许有许...

3年前 (2016-10-24) 5270℃ 评论 () 1123喜欢

JQuery 教程

JQuery 教程
介绍JQuery中包装集过滤函数使用JQuery代码:$(document).ready(function(){ //使用选择器筛选 $("p:nth-child(2)").mouseover(function(){ $(this).css("color...

3年前 (2016-10-12) 2015℃ 评论 () 1423喜欢

理解 JavaScript 的函数

理解 JavaScript 的函数
函数(Function )这个词对程序猿来说并不陌生. 哪怕你每天只写一点点代码, 你也得在下班前把正在创建或者修改的函数给close掉.简单来说函数就是一组执行某些动作的一堆程序语...

3年前 (2016-10-09) 1585℃ 评论 () 817喜欢

变量声明和定义的区别

变量声明和定义的区别
我们在程序设计中,时时刻刻都用到变量的定义和变量的声明,可有些时候我们对这个概念不是很清楚,知道它是怎么用,但却不知是怎么一回事,下面我就简单的把它们的区别介绍如下:(望我...

3年前 (2016-10-07) 998℃ 评论 () 532喜欢

CSS3动画制作网站首页轮播图

CSS3动画制作网站首页轮播图
幻灯片,是网站首页经常会用到的一种前端效果,在接触CSS3动画之前,轮播图只能用JS来做,现在有了动画,做轮播图又多了一种方式,封面为最终效果下面看具体实现代码:CSS*{margin: 0;pad...

3年前 (2016-10-02) 1967℃ 评论 () 539喜欢

CSS3中的content和attr的用法

CSS3中的content和attr的用法
CSS3的出现使得样式表的功能变得越来越强大,而某种意义上也可以说它让我们开发起来越来越容易了。CSS3里虽然有很多重量级的新特征出现例如transitions, animations, 和 tran...

3年前 (2016-09-28) 1564℃ 评论 () 546喜欢

用CSS3 打造酷炫的3D文本滚动效果

用CSS3 打造酷炫的3D文本滚动效果
昨天看见了一篇文章关于用纯CSS实现文本滚动,在这里跟大家分享一下。首先把效果图贴给大家:根据效果图我们很容易发现肯定是要用到3D转换的,如果对这个还不是很了解的可以先看...

3年前 (2016-09-24) 1678℃ 评论 () 1027喜欢

CSS3 Gradient

CSS3 Gradient
CSS3发布很久了,现在在国外的一些页面上常能看到他的身影,这让我羡慕已久,只可惜在国内为了兼容IE,让这一项技术受到很大的限制,很多Web前端人员都望而止步。虽然如此但还是有很...

3年前 (2016-09-21) 1294℃ 评论 () 1026喜欢

CSS3的REM设置字体大小

CSS3的REM设置字体大小
在Web中使用什么单位来定义页面的字体大小,至今天为止都还在激烈的争论着,有人说PX做为单位好,有人说EM优点多,还有人在说百分比方便,以至于出现了CSS Font-Size: em vs. px vs....

3年前 (2016-09-04) 1114℃ 评论 () 306喜欢

判断鼠标移入移出元素时的方向

判断鼠标移入移出元素时的方向
本文要介绍的是一种鼠标从一个元素移入移出时,获取鼠标移动方向的思路。这个方法可以帮助你判断鼠标在移入移出时,是从上下左右的哪个方向发生的。这个思路,是我自己琢磨出来,利...

3年前 (2016-08-13) 1564℃ 评论 () 760喜欢

HTML5之Canvas基础绘图教程

HTML5之Canvas基础绘图教程
HTML5火的正热,最近有个想法也是要用到HTML的相关功能,所以也要好好学习一把。好好看了一下Canvas的功能,感觉HTML5在客户端交互的功能性越来越强了,今天看了一下Canvas绘图,下边...

3年前 (2016-07-20) 1559℃ 评论 () 1038喜欢

了解HTML5智能form表单新属性

了解HTML5智能form表单新属性
在web网站中,表单无所不在。 它们是通过调查表、反馈页面、博客评论和购物车收集信息的重要工具。 由于使用HTML5,在线表单的功能将变得更为强大。HTML5表单功能可以分成两类:...

3年前 (2016-07-19) 1430℃ 评论 () 732喜欢

HTML常用标签及其全称

HTML常用标签及其全称
div 语义:Division(分隔)span 语义:Span(范围)ol 语义:Ordered List(排序列表)ul 语义:Unordered List(不排序列表)li 语义:List Item(列表项目)dl 语义:Definition List(定义列表)dt 语义:Defi...

3年前 (2016-06-10) 1534℃ 评论 () 462喜欢

HTML embed标签使用方法和属性详解

HTML embed标签使用方法和属性详解
可以用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU、MP3等等,Netscape及新版的IE 都支持。url为音频或视频文件及其路径,可以是相对路径或绝对路径。...

3年前 (2016-06-08) 1050℃ 评论 () 304喜欢

css选择器总结

css选择器总结
要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。简介什么是选择器呢?每一条css样式定...

3年前 (2016-06-07) 1297℃ 评论 () 661喜欢

理解CSS3 max/min-content及fit-content等width值

理解CSS3 max/min-content及fit-content等width值
一、为何要蹦出这些新玩意?在CSS3的世界里,width属性又多了几个关键字成员,fill-available, max-content, min-content, 以及fit-content。想必很多小伙伴都没见过。不知大家有...

3年前 (2016-06-04) 716℃ 评论 () 429喜欢