javascript es5小结

随手翻阅以前的学习笔记,顺便整理一下放在这里,方便自己复习,也希望你有也有帮助吧

第一课时 入门基础

知识点:

操作系统就是个应用程序

只要是应用程序都要占用物理内存

浏览器本身也是一个应用程序

浏览器本身只懂得解析HTML

调用浏览器这个应用程序的一个功能绘制

1、javascript介绍

JavaScript操作DOM的本质是=获取+触发+改变

目的:就是用来操作内存中的DOM节点

修改DOM节点的属性

过javascript语法组织逻辑代码操作DOM

BOM(window)它包含了DOM

DOM(document)

script脚本推荐放在最下边好处:防止因网络问题,页面加载时间长,出现空白;即便网络问题,浏览器也把DOM加载渲染完成,等待从服务端下载完js脚本,出现效果

css不放在最下面原因通俗地讲:好比先穿好衣服在出去,浏览器先把css样式准备好,在加载结构层,使得页面有样子;如果放在下面,因为页面是从上往下加载,没有css,就剩下裸露的标签,很难看,使得用户体验不好

2、基于对象的内存管理

javascript就是来操作这些对象

通过逻辑组织对象之间的关系和行为

如何操作这些对象?通过变量引用

3、变量

变量本质是一个空盒子,里面记录了一个内存地址,使能找到内存中的对象,保存了指向具体的实在的东西的地址

变量存在栈中,对象存在堆中

变量的意义:方便我们去操作对象

变量的几种引用方式

指针(C语言中叫法)

引用(Java)

变量

例如:

var b = document.body 含义:把body这个对象在内存中的地址放到b变量里面,变量b(b是内存地址的别名)本身也存在内存中,以后的操作是针对body这个地址

变量命名规范

由字母(a-zA-Z)数字(0-9)下划线(_)以及美元符号($)

不能由数字开头

命名尽量用英文并且具有一定的含义

如果有多个英文单词,后面单词的首字母大写

不能使用关键字

首字母不要大写,大写是有特殊含义的

时间: 2024-09-17 10:54:55

javascript es5小结的相关文章

每天一篇javascript学习小结(RegExp对象)_javascript技巧

1.正则表达式test方法 var text = "cat, bat, sat, fat"; var pattern = /.at/; if (pattern.test(text)){ alert("The pattern was matched."); } 2.正则的toString()方法 var pattern = new RegExp("\\[bc\\]at", "gi"); alert(pattern.toStrin

每天一篇javascript学习小结(Function对象)_javascript技巧

小编两天都没有更新文章了,小伙伴们是不是等着急了,今天开始再继续我们的<每天一篇javascript学习小结>系列文章,希望大家继续关注. 1.Function  函数调用(类似call方法) function callSomeFunction(someFunction, someArgument){ return someFunction(someArgument); } function add10(num){ return num + 10; } var result1 = callSo

每天一篇javascript学习小结(属性定义方法)_javascript技巧

定义(Definition).定义属性需要使用相应的函数,比如:Object.defineProperty(obj, "prop", propDesc) 如果obj没有prop这个自身属性,则该函数的作用是给obj添加一个自身属性prop并赋值, 参数propDesc指定了该属性拥有的特性(可写性,可枚举性等). 如果obj已经有了prop这个自身属性,则该函数的作用是修改这个已有属性的特性,当然也包括它的属性值.1.defineProperty       var book = {

JavaScript ES5标准中新增的Array方法_javascript技巧

ES5中新增的不少东西,了解之对我们写JavaScript会有不少帮助,比如数组这块,我们可能就不需要去有板有眼地for循环了. ES5中新增了写数组方法,如下: forEach (js v1.6) map (js v1.6) filter (js v1.6) some (js v1.6) every (js v1.6) indexOf (js v1.6) lastIndexOf (js v1.6) reduce (js v1.8) reduceRight (js v1.8) 1.js中常用的数

每天一篇javascript学习小结(Boolean对象)_javascript技巧

创建 Boolean 对象的语法:     new Boolean(value);    //构造函数     Boolean(value);        //转换函数     参数 value 由布尔对象存放的值或者要转换成布尔值的值.返回值     当作为一个构造函数(带有运算符 new)调用时,Boolean() 将把它的参数转换成一个布尔值,并且返回一个包含该值的 Boolean 对象.     如果作为一个函数(不带有运算符 new)调用时,Boolean() 只将把它的参数转换成一

每天一篇javascript学习小结(Date对象)_javascript技巧

1.Date.now() //Date.now() is in ECMAScript 5 //Prior to that, use +new Date() //获取当前时间 var now = (typeof Date.now == "function" ? Date.now() : +new Date()); alert("Right now: " + now); 2.Date.parse()方法 var now = new Date(); alert(now);

JavaScript学习小结之被嫌弃的eval函数和with语句实例详解_javascript技巧

前面的话 eval和with经常被嫌弃,好像它们的存在就是错误.在CSS中,表格被嫌弃,在网页中只是用表格来展示数据,而不是做布局,都可能被斥为不规范,矫枉过正.那关于eval和with到底是什么情况呢?本文将详细介绍eval()函数和with语句 eval 定义 eval()是一个全局函数,javascript通过eval()来解释运行由javascript源代码组成的字符串 var result = eval('3+2'); console.log(result,typeof result)

每天一篇javascript学习小结(Array数组)_javascript技巧

1.数组常用方法 var colors = ["red", "blue", "green"]; //creates an array with three strings alert(colors.toString()); //red,blue,green alert(colors.valueOf()); //red,blue,green alert(colors); //red,blue,green 2.数组map()方法  var numbe

JavaScript正则表达式小结(test|match|search|replace|split|exec)_javascript技巧

学JavaScript正则的好文一篇:http://www.cainiao8.com/web/js_note/js_regular_expression.html test:测试string是否包含有匹配结果,包含返回true,不包含返回false. <script type="text/javascript"> var str = "bbs.byr.cn"; var reg = /b/; var ret = reg.test(str); alert(r