文章列表
博客将不再更新,里面的文章也会逐步迁移到github上。地址为:url。
欢迎follow。留言~~
寄生组合式继承
- 博客分类:
- javascript
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>寄生组合式继承</title>
<script type="text/javascript">
/*
组合继承是JavaScript 最常用的继承模式;
不过,它也有自己的不足。组合继承最大的问题就是无论什么情况下,都会调用两次超类型构造函数:一次是在创建子类型原型的时候,另一次是在子类型构造函数内部。没错,子类 ...
事件冒泡:ie的事件流叫事件冒泡(事件开始由最具体逐级向上传播到较为不具体的节点)
事件捕获:netscape 提出的另一种事件流叫事件捕获(不太具体的节点逐级向下传播到具体的节点与冒泡相反。)
DOM事件流
3个阶段:事件捕获阶段,处于目标阶段和事件冒泡阶段。首先发生的是事件捕获,为捕获事件提供机会,然后是实际的目标接收到事件。最后一个阶段是冒泡阶段,可以再这个阶段对事件作出响应。
事件处理程序(或事件侦听器)
定义:响应某个事件的函数。以on开头。
DOM0级事件处理程序
<!doctype html>
<html>
<head>
...
定义:函数嵌套函数,内部函数可以引用外部函数的参数和变量,参数和变量不会被垃圾回收机制所收回
function aaa(a){
//a,b都要在内部函数中被引用,所以不会被垃圾回收机制收回。
var b = 5;
function bbb(){
alert(a);
alert( ...
将所有有关的dom讲解都放在一起来写笔记,这样对连贯性的理解会好一些。
DOM方面的笔记不会按本书的内容来写笔记,会有《javascriptDOM编程艺术》和《javascript模式》这俩本书中的读书笔记。
关注分离
内容
html文档
表现
指定文档的外观的css样式
行为
处理用户交互和文档各种动态变化的javascript
appendChild() 添加
replaceChild() 替换
removeChild() 删除
cloneNode() 创建调用这个方法节点的副本
...
不到万不得已不要使用客户端检测。
9.1能力检测
目标不是识别特定的浏览器,而是识别浏览器的能力。
window.onload = function(){
function getWindowWidth(){
if (window.innerWidth){
return window.innerWidth;
} else if (document.documentElement.clientWidth){
...
8.1 window对象
BOM对象的核心是window,表示浏览器的一个实例。
在浏览器中,window既是javascript访问浏览器的一个接口,又是ECMAScript规定的global对象。
8.1.1 全局作用域
8.1.2 窗口关系和框架
如果页面中包含框架,则每个框架都有自己的window对象,保存在frames集合中。
可以通过window.frames[0]或window.frames[framesName]来引用。但最好使用top。
8.1.3 窗口位置
moveTo() 接收新位置的x和y坐标值
moveBy() 接收新位置的 ...
匿名函数就是没有名字的函数,有时候也称为拉姆达(lambda)函数。
//函数声明
function functionName(){
}
//函数表达式
var functionName = function(arg0,arg1,arg2){
}
/*
*区别:
*1函数声明会在代码执行以前被加载到作用域 会指定一个名字
*2函数表达式在代码执行到那一行的时候才会有定义 创建一个匿名函数。赋给变量
*/
7.1 递归
递归函数是在一个函数通过名字调用自身的情况下构成的。
arguments.callee是一个指向正在执行的函数的指针 ...
oo是javascript的重点也是难点,这一章我看了好几遍了。个人觉得这章理解起来不是特别容易,所以有些笔记我决定按照自己的理解以及网上一些前辈写的比较好的文章来写,如有不正确望斧正。后续可能会对内容更新。
OOP 定义:使用对象时,只关注对象提供的功能,不关注内部细节,更简洁说是,不了解原理的情况下,会使用其功能。
对象 定义:“黑盒子”,不了解内部结构,知道表面的各种操作。
6.1创建对象
var person = new Object();
person.name = "flyer";
person.age = "26" ...
引用类型
引用类型的值是引用类型的一个实例。引用类型是一种数据结构。用于将数据和功能组织在一起。
5.1 Object类型
功能:在应用程序中存储和传输数据
创建Object的2种方式:
new操作符后跟Object构造函数。
v ...
4.1基本类型和引用类型的值
1)基本类型值
保存在栈内存中的简单数据段。5种基本数据类型:Undefined, Null,Boolean,Number和String,在内存中分别占有固定大小的空间,一般称它们按值访问。
2)引用类型值
保存在堆内存中的 ...
最近一直在看《html5与css3权威指南》这本书,后续会将看完本书的一些笔记详细的记录下来。
新增的主体结构元素
1.1 article元素代表文档、页面或应用程序中独立完整的,可以独自被外部引用的内容。
有它自己的标题,有时还有自己的脚注。
可以嵌套使用。内层内容原则上需要与外层内容想关联。
1.2 section元素对网站或应用程序中页面上的内容进行分块。
通常由内容及其标题组成。
当一个容器需要被直接定义样式或通过脚本定义行为时,推荐使用div。
article元素可以看成是一种特殊种类的section,比section更强调独立性。即section元 ...
09年的时候在godaddy上买过一个域名和空间,写过一个前端技术的博客,后来由于到期没有备份导致所有的文章都丢失了。为此遗憾了好一阵。这两年回 头来看,对于前端技术貌似没有太大的精进,中间和朋友创过业,学习的东西比较杂,用户体验,交互设计,ui设计,包括移动端的设计和前端以及php都接触 和做过相关的项目。做这些东西完全是兴趣使然,这两年觉得自己过得有一些迷糊,虽然一直在大型互联网公司就职,但谈一个技术的“专”字,好像离我还比较远,好在 工作这几年自己一直在做自己喜欢的与前端方面相关的东西。今年买了很多javascript和html5、php的书,打算利用工作之余完整与系统的 ...