关闭

JS——事件绑定与处理总结(上)

JavaScript与HTML之间的交互是通过事件实现的。事件是指文档或浏览器窗口发生的一些特定的交互瞬间,可以用监听器(或处理程序)来预定事件,以便在事件发生时执行相应的代码。——摘自《高程》   理解事件是实现良好交互的必要条件,本文旨在系统地总结事件相关知识。 (上)主要内容: 理解事件流 使用事件处理程序 1.理解事件流  事件流描述的是从页面中接收事件的顺序。   首先你应该...
阅读(3) 评论(0)

如何更快地构建与渲染

在上一篇中,我详细描述了浏览器渲染的过程,那么,如何来提升渲染效率,使页面更快的加载完成呢。 我将这些方法分为几部分分别介绍。CSS部分1. 媒体类型和媒体查询  将CSS分割为片段,对于不同的浏览器,不同的终端,不同的阅读模式,应用不同的CSS样式表。如果将这些内容写到统一个文件中,浏览器需要下载并解析他们。所以我们应该将这些内容通过对link元素的media属性来指定: <link...
阅读(201) 评论(0)

[置顶] 完整渲染过程——从URL到页面

当用户输入一串URL(统一资源定位符)到完整的页面渲染出来,到底经历了什么呢~下面我来描述一下整个过程。 先列出他的大致流程: 浏览器根据请求的URL交给DNS域名解析,找到真实的IP,向服务器发起请求; 服务器交给后台处理完后返回数据,浏览器接受文件(HTML/CSS/JS/图像等); 浏览器对加载到的数据进行解析,建立起相应的内部结构; 载入解析到的资源文件,渲染页面,完成。我们主要分为两部分...
阅读(416) 评论(0)

基本包装类型

为了便于操作基本类型,ECMAScript提供了三个特殊的引用类型:Boolean、Number、String。 他们存在的意义是什么呢...
阅读(222) 评论(1)

菜鸟系列——forEach、map、for...in、for...of

作为一个前端菜鸟,有好多容易弄混的名词 我想把搞清楚的一一记录下来,帮助记忆 forEach、map、for...in、for...of 这四个方法都是可以遍历数组或类数组的,很容易就懵了,必须总结一下他们的使用对象和区别,加以区分。 首先,map()和forEach()是Array自带的方法,Map对象也有forEach()方法,而for...in和for...of是对数组/类数组元素进行for...
阅读(204) 评论(0)

[置顶] JS——正则详解

文章内容摘自阮一峰大大—RegExp对象,总结一下方便自己记忆: 1.正则匹配规则 字面量字符串 /dog/ 匹配 ‘dog’ 元字符: 点字符(.) 匹配 除回车(\r)、换行(\n) 、行分隔符(\u2028)和段分隔符(\u2029)以外的所有字符。 位置字符(^ / $) ^/$ 表示字符串开始/结束的位置 选择符(|) 表示或关系,即cat|dog表示匹配cat或dog。选择符会...
阅读(3228) 评论(7)

JS Test(44道)总结

题目来自javascript-puzzlers 1.reduce 没有设置初始值的空数组使用reduce方法会抛出错误 reduce的callback函数有四个参数,preValue,curValue,curValue-index,array,如果没有设定初始值,reduce开始时第一个值为preValue,第二个为curValue 2.map&parseInt map默认参数有两个...
阅读(117) 评论(0)

window和document获取视窗大小的总结

window.innerWidth document.documentElement.clientWidth document.body.clientWidth;...
阅读(124) 评论(0)

JS Q&A小记录

变量、函数–声明与表达式  变量声明和函数声明会提升到该函数或外部函数作用域的顶部,函数声明优先级高于变量声明。但是变量的赋值会留在原位。所以函数声明的函数可以被提前引用,但是变量提前引用会被判定为undefined。   注意ES6标准,用let声明的变量只在所在代码块中有效而且不会被提升。   而函数定义表达式中,函数的声明虽然也会提前,但是赋值并不能提前,所以该函数无法在表达式定义之前被引...
阅读(403) 评论(0)

DOM 编程艺术 实用代码段

addLoadEvent function addLoadEvent(func){ var oldonload = window.onload; if(typeof window.onload!='function') { window.onload = func; } { oldonload(); func() } } insertAfter functi...
阅读(179) 评论(0)
    个人资料
    • 访问:9515次
    • 积分:261
    • 等级:
    • 排名:千里之外
    • 原创:30篇
    • 转载:2篇
    • 译文:0篇
    • 评论:8条
    文章分类