js应用指南读书笔记

字数 857阅读 22

# 渐进增强模型 #

用户访问网站为了内容,content is king 内容是王道,这个原则叫渐进增强

图片发自简书App


图片发自简书App



#第一章总结    #


图片发自简书App

#  第二章#

js风云录


图片发自简书App

#   ECMAScript#


图片发自简书App

# js在浏览器应用 #


静态资源文件管理,性能与可维护性是存在矛盾的。例如合并js,css文件 .


js文件下载时其他文件要停止,js阻塞一说


# js可以做什么 #


1.修改html文档 包括js css htm


2.与服务器通信


3.存储数据


# # 浏览器js开发调试工具 ##

jslint


第三章js基础

dom,局部全局变量,变量

变量可以是值,对象,函数,空,

字符串,2种注释://单行和/*多行*/

操作符,严格模式 "use strict"  类似html文档dtd声明

variable(变量)声明变量 init初始化在循环的时候有必要初始化

数据存储方式

js变量缓存

数组

客户端和cookies和服务端cookies

json

对象

js中的每件东西都是对象概念的理解

var ggg={

"aa":"11",

"bb":"22"

}

注意和数组还有json格式的区别,对象里面可以放任何东西(如字符串,函数)


创建交互层

循环

遍历loop through

函数

匿名函数

匿名函数在使用时即刻声明,(即在页面加载时立刻执行)没有函数名,不需要被引用,比普通定义函数执行效率高,也可以防止其中的变量混入全局变量作用域之中,


(function(){

})();


回调函数


图片发自简书App

方法

函数被封装在对象中称为方法,method方法本质与函数一回事,如alert()方法实际上是存在于window对象,常用代码将window.alert简写为alert,

图片发自简书App


事件


第五章 数据存储

数组

关联数组,常见数组下标为数字0~n,关联数组下标为字符串,比较少见。

多维数组就是将其他数组纳为自身元素的数组,访问aaa[0][2]即访问数组aaa的第一个元素(数组)里的第3个元素


向数组中添加元素

数组.push("aaaaa");

数组对象各方法的使用

join(将数组用什么方式输出)

join方法可以用某个特定的词或分隔符快速把数组中所有元素连成字符串

pop

移除并返回数组中最后一个元素

slice(要输出数组的哪个部分)

输出数组中某个范围内的元素,比如输出第3个到第6个元素区间,2个参数,起始位置a包括a在内,结束位置b,不包括b

aaa.slice(a,b)

shift and unshift

分别为在数组头部新增或移除元素,还有pop这3个方法都会改变数组对象的实际长度

concat

将多个数组中的元素复制并拼接为一个新数组

sort排序数组

它可以按照字母表顺序或自定义顺序来排列数组元素,此方法可接受一个可选参数即自定义的排序函数,否则按默认字母表排序,(注意它将数组元素按照字符串来排序,30会在4的前面,因为30首字符3比4小)

推荐阅读更多精彩内容