博客工具人-CSDN博客

1.新增元素与属性新增属性1. 表单内元素的form属性：在HTML5里，表单内的从属元素可以写在form外面。 <form id="testform"><input type="text"> </form>  <textarea form="testform"></textarea>2. 表单内元素的formaction属性：可以为所有的提交按钮，诸

2020-10-17 10:11:08 328 1

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

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

2020-10-17 09:34:03 481 1

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

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

2020-10-17 09:04:57 286

原创 JS复习整理12_优化

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

2020-09-25 03:42:10 91

原创 JS复习整理11_高级技巧

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…]’来做类型检查，

2020-09-25 03:35:03 78

原创 JS复习整理10_Ajax

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

2020-09-25 03:29:23 64

原创 JS复习整理9_JSON

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

2020-09-25 03:23:34 125

原创 JS复习整理8_错误处理

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

2020-09-25 03:18:01 97

原创 JS复习整理7_表单脚本

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

2020-09-25 02:17:46 80

原创 JS复习整理6_事件

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

2020-09-23 22:01:56 210

原创 JS复习整理5_DOM

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

2020-09-22 21:40:41 147

原创 JS复习整理4_BOM

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

2020-09-21 20:05:03 111

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

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

2020-09-19 12:07:18 71

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

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)：

2020-09-19 12:02:39 71

原创 JS复习整理2_面向对象

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

2020-09-19 12:02:24 63

weixin_42583552的博客

原创 H5学习笔记4：HTML5的Canvas

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