随笔分类 -  JavaScript学习笔记

JavaScript学习笔记总结，以及学习过程中编写的源代码，以及部分JS实现特效的源码实现。
第十八节 JS中的正则表达式
摘要：复习字符串操作： search 查找 substring 获取子字符串 charAt 获取某个字符 split 分割字符串，获取数组 找出字符串中的所有数字 用传统字符串操作完成 用正则表达式完成 什么是正则表达式： 什么是正则：其实就是一种规则或模式，比如说邮箱的表示规则是："一串英文、数字和下划 阅读全文

posted @ 2019-02-26 21:31 漠上 阅读(409) 评论(0) 推荐(0)

第十七节 Cookie基础与应用
摘要：什么是cookie：其实就是页面用来保存信息：比如，自动登录、记住用户名 cookie的特性：（以域名为单位的） 同一个网站（同一个域名）中所有页面共享一套cookie 数量、大小有限，跟浏览器有关，数量一般不超过50条，大小一般在4K-10K不等 有过期时间，什么时候过期，这个时间是由程序员设定的 阅读全文

posted @ 2019-02-25 19:26 漠上 阅读(185) 评论(0) 推荐(0)

第十六节 BOM基础
摘要：打开、关闭窗口 open：蓝色理想运行代码功能 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>蓝色理想运行代码功能</title> 6 <script> 7 window.onload 阅读全文

posted @ 2019-02-25 17:34 漠上 阅读(219) 评论(0) 推荐(0)

第十五节 JS面向对象实例及高级
摘要：实例：面向对象的选项卡 把面向过程的程序，改写成面向对象的形式 原则：不能有函数套函数，但可以有全局变量 过程： onload —— 改写成 构造函数，其中window.onload的功能是在页面加载时“初始换整个程序”，类似于构造函数——初始化整个对象 全局变量 —— 改写成 属性 函数 —— 改 阅读全文

posted @ 2019-02-25 13:31 漠上 阅读(343) 评论(0) 推荐(0)

第十四节 JS面向对象基础
摘要：什么是面向对象：在不需要知道它内部结构和原理的情况下，能够有效的使用它，比如，电视、洗衣机等也可以被定义为对象 什么是对象：在Java中对象就是“类的实体化”，在JavaScript中基本相同；对象是一个整体，对外提供一些操作 什么是面向对象：使用对象时，只关注对象提供的功能，不关注其内部细节，比如 阅读全文

posted @ 2019-02-21 13:50 漠上 阅读(188) 评论(0) 推荐(0)

第十三节 Ajax基础
摘要：什么是服务器：简单地，可以说服务器就是一个内存超大的计算机，可以存放很多数据和文件（当然，如果不需要太多的数据存储量，我们也可以用电脑、手机等一系列小型计算机作为服务器，只不过性能的差别而已） 网页浏览过程分析 如何配置自己的服务器程序（AMP）：（可以使用wamp一路“下一步”安装本地服务器，然后 阅读全文

posted @ 2019-01-18 20:33 漠上 阅读(213) 评论(0) 推荐(0)

第十二节 JS事件高级应用
摘要：事件绑定： IE方式：（仅适用于IE9及以下，其他的比如FF、Chrome、IE11都不适用） attachEvent（事件名称， 函数）：绑定事件处理函数 detachEvent（事件名称， 函数）：接触绑定 DOM方式：（FF、Chrome、IE11都适用） addEventListener（事 阅读全文

posted @ 2019-01-18 12:42 漠上 阅读(231) 评论(0) 推荐(0)

第十一节 JS事件基础
摘要：空白点击事件（没什么用处，做个介绍） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>点击</title> <style> body{ border: 1px solid black; } </style> 阅读全文

posted @ 2019-01-16 21:39 漠上 阅读(185) 评论(0) 推荐(0)

第十节 JS运动中级
摘要：链式运动框架、 回调函数 运动停止时，执行函数 运动停止时，开始下一次运动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>运动框架</title> <style> #div1{ width: 100px; 阅读全文

posted @ 2019-01-16 13:12 漠上 阅读(157) 评论(0) 推荐(0)

第九节 JS运动应用
摘要：多物体运动框架 多个物体同时运动 例子：多个Div，鼠标移入变宽 单定时器，存在问题 每个Div一个定时器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>多个div变宽</title> <style> di 阅读全文

posted @ 2019-01-13 23:10 漠上 阅读(197) 评论(0) 推荐(0)

第八节 JS运动基础
摘要：运动基础 让Div运动起来 速度——物体运动的快慢 运动中的Bug 不会停止 速度取某些值会无法停止 到达位置后再点击还会运动 重复点击速度加快 匀速运动（速度不变） 运动框架及应用： 运动框架： 在开始运动时，关闭已有定时器 把运动和停止隔开（if/else） <!DOCTYPE html> <h 阅读全文

posted @ 2019-01-11 16:07 漠上 阅读(165) 评论(0) 推荐(0)

第七节 DOM操作应用-高级
摘要：表格应用： 获取：tBodies、tHead、tFoot、rows、cells 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>DOM高级应用-表格的便捷操作</title> 6 <scr 阅读全文

posted @ 2018-12-29 20:35 漠上 阅读(186) 评论(0) 推荐(0)

第六节 DOM操作应用
摘要：创建、插入和删除元素 创建DOM元素： createElement(标签名); //创建一个节点 appendChild(节点); //追加一个节点 例如：document.body.appendChild(oDiv); //把div插入到body中，并且位于末尾 举例：为<ul>插入<li>，如上 阅读全文

posted @ 2018-12-10 21:58 漠上 阅读(191) 评论(0) 推荐(0)

第五讲 DOM基础
摘要：DOM基础： 什么是DOM：其实就是dovument，div获取、修改样式等等，但是不只是js的组成部分，而且还是一套规范，规定了这些浏览器怎么处理这些操作； 浏览器支持情况：IE（IE7-8，10%支持率，IE9跟火狐差不多）、Chrome（60%左右的支持率）、FF（99%的支持率） DOM节点 阅读全文

posted @ 2018-12-09 20:41 漠上 阅读(196) 评论(0) 推荐(0)

第四节 定时器
摘要：开启定时器： setInterval(函数名，时间间隔ms); 间隔型（每隔一段时间就会执行一次，无限地执行下去） setTimeout(函数名，时间延时ms) 延时型（开启系统后在“时间延时后”只执行一次） 停止定时器： clearInterval()：对应上面setInterval(name, 阅读全文

posted @ 2018-12-05 17:04 漠上 阅读(174) 评论(0) 推荐(0)

第三节 深入JavaScript
摘要：函数的返回值：（把函数体内的数据传出到函数体外） 什么是函数的返回值：函数执行结果、可以没有返回值 一种函数应该只返回一种类型的值 函数传参：（与函数返回值相反，把外面数据传入函数体内） 可变参（不定参）arguments：参数的个数可变，如参数数组，例如：求所有参数的和、判断arguments.l 阅读全文

posted @ 2018-12-05 16:50 漠上 阅读(184) 评论(0) 推荐(0)

第二节 JavaScript基础
摘要：JavaScript组成及其兼容性： ECMAScript：解释器，翻译，用于实现机器语言和高级语言的翻译器；几乎没有兼容性问题 DOM（Document Object Model）：文档对象模型，文档就是HTML文档，它赋予了操作HTML的能力；有一些操作不兼容 BOM（Browser Objec 阅读全文

posted @ 2018-12-05 12:27 漠上 阅读(203) 评论(0) 推荐(0)

第一节 JavaScript概述
摘要：第一节 JavaScript概述 JavaScript：其实就是对HTML+CSS静态页面进行样式修改，使其实现各种动态效果。 编写JS脚本基本步骤： 1. HTML+CSS静态布局； 2. 确定要修改的属性； 3.确定用户做哪些操作，即事件（产品样式）； 4.在事件中，用JS来修改页面元素的样式。 阅读全文

posted @ 2018-12-03 23:03 漠上 阅读(141) 评论(0) 推荐(0)