摘要:
meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等! 阅读全文
摘要:
效果图: 完整代码: 代码中图片( img1.png:) 阅读全文
摘要:
效果:初始化加载+定时刷新增加数值 相关代码: 容器: 引入js文件: 初始化对象运行: 下面是完整代码: 原文地址:https://github.com/GYFlash/gScrollNumber.js 阅读全文
摘要:
实现效果: 图片轮播,实现图片整体切换效果 基本原理: 总共用10秒,0%到30% 3.333秒内显示第一张图片。30%到33%图片从0到-291px切换,花费0.333秒。以此类推。 图片3以后增加图片1的目的是让动画衔接自然。100%就是0%。 div是显示区域,ul是图片的移动区域。 代码:图 阅读全文
摘要:
实现效果: 图片轮播,鼠标移入后轮播暂停,移除后轮播继续。 基本原理: 利用Css3 animation动画属性,用transform 实现图片移动。通过图片复制备份,实现的图片的无缝衔接。 核心知识点: 1、@keyframes 通过 @keyframes 规则,您能够创建动画。 Firefox 阅读全文
摘要:
Unicode 相关方法暂略 1、includes(), startsWith(), endsWith() 传统上,JavaScript 只有indexOf方法,可以用来确定一个字符串是否包含在另一个字符串中。ES6 又提供了三种新方法。 includes():返回布尔值,表示是否找到了参数字符串。 阅读全文
摘要:
模板字符串 用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。 模板字符串中嵌入变量,需要将变量名写在${}之中。 大括号内部可以放入任意的 JavaScript 表达式,可以进行运算,以及引用对象属性。 模板字符串之中还能调用函数。 模板字符串甚至还能 阅读全文
摘要:
1、数组的解构赋值 基本用法 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。 以前,为变量赋值,只能直接指定值。 ES6 允许写成下面这样。 本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值。 下面是 阅读全文
摘要:
let命令 基本用法 ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。 for循环的计数器,就很合适使用let命令。 用ES5如何正确实现?(梁涛注) 不存在变量提升 var命令会发生“变量提升”现象,即变量可以在声明之前使用,值为u 阅读全文
摘要:
概述 在 ES6 前, 实现模块化使用的是 RequireJS 或者 seaJS(分别是基于 AMD 规范的模块化库, 和基于 CMD 规范的模块化库)。 ES6 引入了模块化,其设计思想是在编译时就能确定模块的依赖关系,以及输入和输出的变量。 ES6 的模块化分为导出(export) @与导入(i 阅读全文