weixin_42583552的博客

H5学习笔记4：HTML5的Canvas

weixin_42583552 — Sat, 17 Oct 2020 10:17:09 +0800

详细

H5学习笔记3：HTML5表单及其他新增和改良元素

weixin_42583552 — Sat, 17 Oct 2020 10:11:08 +0800

1.新增元素与属性新增属性 1. 表单内元素的form属性：在HTML5里，表单内的从属元素可以写在form外面。 2. 表单内元素的formaction属性：可以为所有的提交按钮，诸

H5学习笔记2：HTML5新增结构元素

weixin_42583552 — Sat, 17 Oct 2020 09:34:03 +0800

1.主体结构元素 1. article 通常是一篇文章、一个页面、一个独立完整的内容模块一般会带个标题，并放在 header 标签中，article 元素可以互相嵌套，使用频率极高，强调独立性，多注意下与 header 标签的使用 2. section section元素定义文档中的节，比如章节、页眉、页脚或文档中的其他部分。一个元section元素通常由内容以及标题组成

WWF

H5学习笔记1：HTML5与HTML4的区别

weixin_42583552 — Sat, 17 Oct 2020 09:04:57 +0800

1. HTML5推出的理由解决Web上存在的问题： Web浏览器间的兼容性低:在一个浏览器中可以运行的HTML、Css、Javascript，在另一个浏览器中不能运行。原因：各浏览器规范不统一，没有被标准化。解决方案：使各浏览器的功能符合通用标准。文档结构不够明确：HTML4中元素不能把文档结构表示清楚。解决方案：增加与结构相关的元素。 Web应用程序的功能受到限制：HTMLL4对Web应用程序的贡献很小，比如：不允许同时上传多个文件。解决方案：提供供Web应用程序使用的API。

JS复习整理12_优化

weixin_42583552 — Fri, 25 Sep 2020 03:42:10 +0800

一.可维护性优化 1.添加注释注释能够增强代码的可读性以及可维护性，当然，理想情况是满满的注释，但这不太现实。所以我们只需要在一些关键的地方添上注释：函数和方法：尤其是返回值，因为直接看不出来大段代码（功能模块）：说明模块功能复杂算法：写出关键点，方便理解 Hack：说明为了修复什么问题，当前方案是否完善，能否改进 2.“暗示”变量类型通过初始值来暗示，例如： var found = false; var count = 1; var name = ''; var student = null

JS复习整理11_高级技巧

weixin_42583552 — Fri, 25 Sep 2020 03:35:03 +0800

1.类型检测 typeof有时返回值不合理，比如RegExp对象返回object，测试代码： var regex = /^what$/i; regex = new RegExp('^what$'); alert(typeof regex); instanceof在页面有多个frame时用不了，来自不同frame的对象instanceof返回false 可以用Object.prototype.toString.call(value) === ‘[object Array/Function…]’来做类型检查，

JS复习整理10_Ajax

weixin_42583552 — Fri, 25 Sep 2020 03:29:23 +0800

1.Ajax概述 Asynchronous JavaScript + XML，支持js与服务器通信。在不unload页面的前提下从服务器获取新数据，以实现更好的用户体验（与传统的单击-等待交互不同的体验）。 IE5最先提供了支持，在MSXML库中新增了XHR对象（XMLHttpRequest），可以通过new ActiveXObject(str)的方式创建XHR对象，虽然不是很方便，但至少是原生支持 2.XHR对象 XMLHttpRequest，[IE6-]对XHR对象的实现与其它浏览器不同，但可以通过对象

JS复习整理9_JSON

weixin_42583552 — Fri, 25 Sep 2020 03:23:34 +0800

1.JSON概述 JavaScript Object Natation，js对象表示法，（像XML一样）是一种数据格式，它与js有相同的语法形式 P.S.一点小历史：JSON之父是道格拉斯，《JavaScript语言精粹》的作者，创造JSON的灵感来自js中的字面量表示法 2.JSON语法 ①.表示简单值例如3, “str”, null, false等等，不支持undefined，而且字符串必须用双引号（JSON里没有单引号表示字符串的用法，这与js不同） ②表示对象与js对象字面量类似，但没有变量

JS复习整理8_错误处理

weixin_42583552 — Fri, 25 Sep 2020 03:18:01 +0800

1.错误处理语法：（js没有异常exception一说，都是错误error） try{ //throw new Error(msg); //throw '错误'; //throw false; //throw ... //throw操作符的操作数没有任何限制，可以随便扔 } catch(err){ //alert(err.message);//message是唯一一个全浏览器支持的属性 } finally{ // } 注意：[IE7-]有个bug：没有catch块，finall

JS复习整理7_表单脚本

weixin_42583552 — Fri, 25 Sep 2020 02:17:46 +0800

1.获取表单及表单元素引用的方式 var mForm = document.forms[formName];获取表单引用 mForm.elements[elemName]获取表单元素，如有同名的，则得到一组元素（例如radio button） 2.表单元素的常用属性、方法和事件属性： name：字段名 value：字段值 type：字段类型，例如button, radio等等 readOnly：设置只读 disabled：设置禁用方法： focus()：获得焦点 blur()：取消焦点事件：

JS复习整理6_事件

weixin_42583552 — Wed, 23 Sep 2020 22:01:56 +0800

1.事件冒泡由内而外的事件传播（从屏幕里飞出来一支箭的感觉） 2.事件捕获由表及里的事件传播（力透纸背的感觉） 3.DOM事件流（DOM2级）事件捕获阶段 -> 处于目标阶段 -> 事件冒泡阶段（拿根针从屏幕扎进去，缝衣服的感觉）事件捕获是从DOM树根到叶子的事件传播，所以可以在靠近根的位置捕获（event.stopPropagation）事件，让叶子收不到事件信号事件冒泡是从叶子到根的原路返回过程，所以可以在靠近根的位置集中处理（event.target）叶子的事件，也就是所谓的事件

JS复习整理5_DOM

weixin_42583552 — Tue, 22 Sep 2020 21:40:41 +0800

1.DOM节点的常用属性（所有节点都支持） 1.nodeType：元素1，属性2，文本3 2.nodeName：元素标签名的大写形式 3.nodeValue：元素节点为null，文本节点为文本内容，属性节点为属性值 4.关系属性：parentNode，childNodes，nextSibling，previousSibling，firstChild，lastChild 5.ownerDocument：文档节点（document对象） 2.操作DOM节点（增/删/改） 1.appendChild(n

JS复习整理4_BOM

weixin_42583552 — Mon, 21 Sep 2020 20:05:03 +0800

1.frame相关对象 top：指向最外层框架，使用top可以在一个框架中访问另一个框架，例如top.frames[index/name] parent：指向当前框架的直接上层框架 window：代码所在框架的特定实例，所以window对象不唯一，各个框架都有各自的window对象 self：指向window，二者可以互换 2.窗口、页面相关 1.获取窗口相对屏幕左边界和上边界的位置 var x = (typeof window.screenLeft === 'number') ? window.scree

JS复习整理3_函数表达式

weixin_42583552 — Sat, 19 Sep 2020 12:07:18 +0800

1.函数表达式与函数声明的区别函数声明有“提升”（hoisting）的特性，而函数表达式没有。也就是说，函数声明会在加载代码时被预先加载到context中，而函数表达式只有在执行表达式语句时才会被加载 2.闭包有权访问另一个函数作用域中的变量的函数。闭包可以访问另一个作用域中的变量，因此闭包得到的变量值是最终值，而不是该变量在某一时刻的值，有一个很经典的例子： function createFuns(){ var result = new Array(); for(var i = 0;i <

JS复习整理1_基础与常识

weixin_42583552 — Sat, 19 Sep 2020 12:02:39 +0800

1.六种数据类型 5种基础的：Undefined，Null，Boolean，Number，String（其中Undefined派生自Null） 1种复杂的：Object（本质是一组无序键值对） 2.字符串转数字 Number(str)：先求值再转换（先valueOf再toString都不行就是NaN），一般与我们的预期结果不一样，比如Number(”)=Number(false)=Number(null)=0而var x;Number(x)=NaN。。。所以一般都用下面两种方式 parseInt(str)：

JS复习整理2_面向对象

weixin_42583552 — Sat, 19 Sep 2020 12:02:24 +0800

1.对象的定义 ECMAScript中，对象是一个无序属性集，这里的“属性”可以是基本值、对象或者函数 2.数据属性与访问器属性数据属性即有值的属性，可以设置属性只读、不可删除、不可枚举等等访问器属性是用来设置getter和setter的，在属性名前加上”_”（下划线）表示该属性只能通过访问器访问（私有属性），但并不是说添个下划线就把属性变成私有的了，这只是习惯约定的一种命名方式而已。访问器属性没什么用，原因如下： var book={ _year:2004, edition:1 } Objec