排序:
默认
按更新时间
按访问量

键盘事件keypress 和 keydown、keyup 的用法与区别

KeyDown:用户摁下摁键时发生 KeyPress:用户摁下摁键,并且产生一个字符时发生 KeyUp: 用户释放某一个摁键时触发 定义和用法 完整的 keypress 过程分为两个部分:1. 按键被按下;2. 按键被松开。 当按钮被按下时,发生 keydown 事件。 keydown...

2017-12-19 15:02:39

阅读数:369

评论数:0

transition

transition 允许元素的 css 属性值在一定的时间区间内平滑地过渡。 这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变 CSS 的属性值。语法 transition : transition-property transition-duratio...

2017-12-14 11:08:34

阅读数:71

评论数:0

伪类/伪元素 :before :after的使用

:before 和 :after 伪元素指定生成的内容的样式和位置。 如其名所示,:before和:after伪元素指定了一个元素文档树内容之前和之后的内容。 content 属性,与这些伪元素联用,指定了插入的内容。「一个元素文档树内容之前和之后的内容」就是指这个元素是要可以插入内容的,作为...

2017-12-04 15:12:56

阅读数:154

评论数:0

使用CSS3的appearance属性改变元素的外观

苹果手机在显示 input [type=’button’] 和 input [type=’submit’] 的时候iPhone上的safari解析按钮时会以苹果浏览器的默认UI渲染,就会出现button自带圆角值,要解决这个问题,就需要在样式中明确的指名:-webkit-appearance: ...

2017-12-04 14:06:03

阅读数:87

评论数:0

Meta标签

1、什么是meta标签? meta,即meta-information,可以提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词。 meta 永远位于head元素内部,不包含任何内容,并且元数据总是以名称/值的形式被成对传递的。 2、meta标签的组成。 meta标签共有两个属性...

2017-12-04 12:24:52

阅读数:82

评论数:0

13-javascript map/reduce

如果你读过Google的那篇大名鼎鼎的论文“MapReduce: Simplified Data Processing on Large Clusters”,你就能大概明白map/reduce的概念。map举例说明,比如我们有一个函数f(x)=x2,要把这个函数作用在一个数组[1, 2, 3, 4...

2017-09-18 17:44:24

阅读数:332

评论数:0

12-高阶函数

JavaScript的函数其实都指向某个变量。既然变量可以指向函数,函数的参数能接收变量,那么一个函数就可以接收另一个函数作为参数,这种函数就称之为高阶函数。一个最简单的高阶函数:function add(x, y, f) { return f(x) + f(y); }当我们调用 add(...

2017-09-18 17:31:32

阅读数:291

评论数:0

11-javascript 方法

在一个对象中绑定函数,称为这个对象的方法。在JavaScript中,对象的定义是这样的:var xiaoming = { name: '小明', birth: 1990 };但是,如果我们给xiaoming绑定一个函数,就可以做更多的事情。比如,写个age()方法,返回xiaomi...

2017-09-18 17:20:38

阅读数:296

评论数:0

11-变量作用域

在JavaScript中,用 var 申明的变量实际上是有作用域的。 如果一个变量在函数体内部申明,则该变量的作用域为整个函数体,在函数体外不可引用该变量:'use strict'; function foo() { var x = 1; x = x + 1; } x = x +...

2017-09-18 16:42:50

阅读数:266

评论数:0

09-javascript 函数定义和调用

我们知道圆的面积计算公式为: S = πr2 当我们知道半径r的值时,就可以根据公式计算出面积。假设我们需要计算3个不同大小的圆的面积:var r1 = 12.34; var r2 = 9.08; var r3 = 73.1; var s1 = 3.14 * r1 * r1; var s2 =...

2017-09-18 16:30:36

阅读数:312

评论数:0

08-javascript itertable

遍历Array可以采用下标循环,遍历Map和Set就无法使用下标。为了统一集合类型,ES6标准引入了新的iterable类型,Array、Map和Set都属于iterable类型。 具有iterable类型的集合可以通过新的for … of循环来遍历。 for … of循环是E...

2017-09-18 12:51:43

阅读数:261

评论数:0

07-javascript map&set

JavaScript的默认对象表示方式 { } 可以视为其他语言中的 Map或Dictionary 的数据结构,即一组键值对。 但是JavaScript的对象有个小问题,就是键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。为了解决这个问题,最新的ES6规范引入了新的数据...

2017-09-18 12:35:00

阅读数:326

评论数:0

06-javascript 循环

要计算1+2+3,我们可以直接写表达式:1 + 2 + 3; // 6要计算1+2+3+…+10,勉强也能写出来。 但是,要计算1+2+3+…+10000,直接写表达式就不可能了。为了让计算机能计算成千上万次的重复运算,我们就需要循环语句。JavaScript的循环有两种,一种是for循环,通过...

2017-09-18 12:26:46

阅读数:280

评论数:0

05-javascript 条件判断

JavaScript使用if () { … } else { … }来进行条件判断。例如,根据年龄显示不同内容,可以用if语句实现如下:var age = 20; if (age >= 18) { // 如果age >= 18为true,则执行if语句块 alert('adul...

2017-09-18 12:01:47

阅读数:283

评论数:0

04-javascript object

JavaScript的对象是一种无序的集合数据类型,它由若干键值对组成。JavaScript的对象用于描述现实世界中的某个对象。例如,为了描述“小明”这个淘气的小朋友,我们可以用若干键值对来描述他:var xiaoming = { name: '小明', birth: 1990, ...

2017-09-18 11:56:03

阅读数:257

评论数:0

03-javascript 数组

JavaScript的Array可以包含任意数据类型,并通过索引来访问每个元素。要取得Array的长度,直接访问length属性:

2017-09-17 23:28:09

阅读数:76

评论数:0

02-jvascript 字符串

JavaScript的字符串就是用 ” 或 “” 括起来的字符表示。 如果 ’ 本身也是一个字符,那就可以用 “” 括起来,比如 “I’m OK” 包含的字符是 I,’,m,空格,O,K 这6个字符。 如果字符串内部既包含 ’ 又包含 ” 怎么办?可以用转义字符 \ 来标识,比如:'I\'m ...

2017-09-17 23:27:31

阅读数:95

评论数:0

01-javaScript基本语法、数据类型、变量

语法JavaScript每个语句以 ; 结束,语句块用 {…}。 但是,JavaScript并不强制要求在每个语句的结尾加 ;,浏览器中负责执行JavaScript代码的引擎会自动在每个语句的结尾补上 ;。注意:让 JavaScript 引擎自动加分号在某些情况下会改变程序的语义,导致运行结果与...

2017-09-17 23:08:27

阅读数:83

评论数:0

03-页面重绘和回流以及优化

在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解,页面是怎么把 html 结合 css 等显示到浏览器上的,下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。 浏览器把获取到的 HTML 代码解析成1个 DOM树,HTML 中的每个 tag ...

2017-09-17 20:41:08

阅读数:127

评论数:0

05-浏览器加载、解析、渲染这个过程

了解浏览器如何进行加载,可以在引用外部样式文件,外部js时,将他们放到合适的位置,使浏览器以最快的速度将文件加载完毕。 了解浏览器如何进行解析,可以在构建DOM结构,组织css选择器时,选择最优的写法,提高浏览器的解析速率。 了解浏览器如何进行渲染,明白渲染的过程,在设置元素属性,编写js文件时,...

2017-09-17 18:02:05

阅读数:145

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭