前端开发

你应该知道的 setTimeout 秘密

0

易读小屋 发布于 2017-09-29

计时器 setTimeout 是我们经常会用到的,它用于在指定的毫秒数后调用函数或计算表达式。语法:setTimeout(code, millisec, args);注意:如果code为字符串,相当于执行eval()方法来执行code。当然,这一篇文章并不仅仅告诉你怎么用setTimeout,而且理解其是如何执行的。s ...

阅读(996)评论(0)赞 (0)

CSS3 滤镜技巧与细节

11

易读小屋 发布于 2017-09-28

今天主要介绍 CSS3 滤镜的使用方法,希望能给读者带来一些帮助!下面直接进入正文,本文所描述的滤镜,指的是 CSS3 出来后的滤镜,不是 IE 系列时代的滤镜。简单来说,CSS 滤镜就是提供类似 PS 的图形特效,像模糊,锐化或元素变色等功能。通常被用于调整图片,背景和边界的渲染。本文就会围绕这些滤镜展开,如果你以前没有接触过,相信看了 ...

阅读(1434)评论(0)赞 (0)

Sass/Scss 学习总结(六) 之 混合指令和函数

0

易读小屋 发布于 2017-03-20

混合器(@mixin)混合(mixin)允许您定义可以在整个样式表中重复使用的样式,而避免了使用无语意的类(class),比如:.float-left。混合(mixin)还可以包含所有的 CSS 规则,以及任何其他在 Sass 文档中被允许使用的东西。定义mixin 名称(参数?) { 内容块; } ...

阅读(5244)评论(1)赞 (0)

Sass/Scss 学习总结(五) 之 控制指令

0

易读小屋 发布于 2017-03-20

SassScript 支持一些基本控制指令和表达式,比如判断、循环。控制指令是一项高级功能,日常编写过程中并不常用到,主要在 mixins(混合器) 和 函数 中使用。if()内置的 if() 函数可以让您判断一个条件表达式,是否为 true,如果为 true,则返回一部分,如果为 false ,则返回另一部分。语法if($conditi ...

阅读(1186)评论(1)赞 (0)

Sass/Scss 学习总结(四) 之 @规则

0

易读小屋 发布于 2017-03-19

Sass 支持所有 CSS3 的 @ 规则,以及一些已知的其他特定的 Sass “指令”。这些在 Sass 都有对应的效果。@importSass 扩展了 CSS @import 规则,允许其导入 Scss 或 CSS 文件。被导入的 Scss 或 Sass 文件将一起合并到同一个 CSS 文件中。此外,被导入文件中所定义的任何变量或混入 ...

阅读(2117)评论(1)赞 (0)

JS 监听浏览器各个标签间的切换

0

易读小屋 发布于 2017-03-15

以前看到过一些网页,在标签切换到其它地址时,网页上的标题上会发生变化,一直不知道这个是怎么做的,最近查了一些资料才发现有一个 visibilitychange 事件就可以搞定,这里将介绍一下页面可见性(Page Visibility)API的简单应用。visibilitychange事件介绍简单的说,当用户最小化网页或移动到另一个标签时, ...

阅读(8582)评论(1)赞 (0)

Sass/Scss 学习总结(三) 之 变量学习

0

易读小屋 发布于 2017-03-12

如果有过其它语言的学习,比如PHP、Javscript等等,对变量一定不会陌生,SASS 除了普通的 CSS 属性语法,也支持一些扩展,名为 SassScript。SassScript允许属性使用变量,算术和额外功能,SassScript可以在任何属性值被使用。变量Scss 的变量是以 $ 开头,后面紧跟变量名,而变量值和变量名之间就需要 ...

阅读(4573)评论(1)赞 (0)

Sass/Scss 学习总结(二) 之 语法学习

0

易读小屋 发布于 2017-03-11

语法Sass 有两种语法格式。首先是 SCSS (Sassy CSS) ,也是本学习教程所使用的格式 , 这种格式仅在 CSS3 语法的基础上进行扩展,这意味着每个CSS样式表是一个同等的SCSS文件。此外,SCSS 也支持大多数 CSS hacks 写法 以及浏览器专属前缀语法 (vendor-specific syntax),例如,I ...

阅读(1576)评论(0)赞 (0)

Sass/Scss 学习总结(一) 之 安装 Sass 环境

0

易读小屋 发布于 2017-03-09

Sass 是对 CSS 的扩展,让 CSS 语言更强大、优雅。它允许你使用变量、嵌套规则、mixins、导入等众多功能,并且完全兼容 CSS 语法。 Sass 有肋于保持大型样式表结构良好,同时也让你能够快速开始小型项目,特别是在搭配 Commpass 样式库一同使用时。安装本学习教程是在 Mac 下运行的,所以安装以 Mac 为主。因为 ...

阅读(1403)评论(0)赞 (0)

JS实现改变地址栏URL而不跳转

2

易读小屋 发布于 2017-02-17

在网站前端开发的过程中,经常会遇到一些Ajax加载的内容,比如:网站后台管理中心,一般都是左边显示菜单,右边显示内容。当我们点击左边菜单的时候,内容会通过Ajax加载显示到右边。但是这样写的时候,通过Ajax加载内容的时候,浏览器地址栏上的URL并不会改变。怎么在Ajax的同时,也把URL改变?其实HTML5早就帮我们解决了,用 hist ...

阅读(7905)评论(0)赞 (0)

Javascript提示框插件SweetAlert详细讲解

1

易读小屋 发布于 2017-02-12

SweetAlert是一款不需要jQuery支持的原生js提示框,风格类似bootstrap。它的提示框不仅美丽动人,并且允许自定义,支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等,而且兼容电脑、手机和平板,是替代传统的Javascript Alert的最佳效果。一、使用方法将 SweetAlert 下载到 ...

阅读(6311)评论(2)赞 (2)

如果快速测试响应式布局?

5

易读小屋 发布于 2017-02-11

给响应式布局做测试从来都不简单,事实上在寻找桌面、移动和平板设备的尺寸之间的那一个个布局 “断点” 一直都很麻烦。今天给大家推荐一个响应式布局插件Viewport Resizer,此款插件可以查看多种尺寸的网页,响应式的网站能够以多种尺寸得以最好的展示,查看是否支持移动端的访问也是需要借助此款插件来进行辅助的。 ...

阅读(1715)评论(4)赞 (0)