- 博客(16)
- 收藏
- 关注
RSS订阅原创 H5学习笔记3：HTML5表单及其他新增和改良元素
1.新增元素与属性 新增属性 1. 表单内元素的form属性：在HTML5里，表单内的从属元素可以写在form外面。 <form id="testform"> <input type="text"> </form> <!-- 下面的textarea不必写在上面的form表单内 --> <textarea form="testform"></textarea> 2. 表单内元素的formaction属性：可以为所有的提交按钮，诸
2020-10-17 10:11:08
339
1
原创 H5学习笔记2：HTML5新增结构元素
1.主体结构元素 1. article 通常是一篇文章、一个页面、一个独立完整的内容模块一般会带个标题，并放在 header 标签中，article 元素可以互相嵌套，使用频率极高，强调独立性，多注意下与 header 标签的使用 2. section section元素定义文档中的节，比如章节、页眉、页脚或文档中的其他部分。一个元section元素通常由内容以及标题组成 <html> <body> <section> <h1>WWF</h1>
2020-10-17 09:34:03
488
1
原创 H5学习笔记1：HTML5与HTML4的区别
1. HTML5推出的理由 解决Web上存在的问题： Web浏览器间的兼容性低:在一个浏览器中可以运行的HTML、Css、Javascript，在另一个浏览器中不能运行。 原因：各浏览器规范不统一，没有被标准化。 解决方案：使各浏览器的功能符合通用标准。 文档结构不够明确：HTML4中元素不能把文档结构表示清楚。 解决方案：增加与结构相关的元素。 Web应用程序的功能受到限制：HTMLL4对Web应用程序的贡献很小，比如：不允许同时上传多个文件。 解决方案：提供供Web应用程序使用的API。
2020-10-17 09:04:57
312
原创 JS复习整理12_优化
一.可维护性优化 1.添加注释 注释能够增强代码的可读性以及可维护性，当然，理想情况是满满的注释，但这不太现实。所以我们只需要在一些关键的地方添上注释： 函数和方法：尤其是返回值，因为直接看不出来 大段代码（功能模块）：说明模块功能 复杂算法：写出关键点，方便理解 Hack：说明为了修复什么问题，当前方案是否完善，能否改进 2.“暗示”变量类型 通过初始值来暗示，例如： var found = false; var count = 1; var name = ''; var student = null
2020-09-25 03:42:10
97
原创 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
83
原创 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
69
原创 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
134
原创 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
107
原创 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
84
原创 JS复习整理6_事件
1.事件冒泡 由内而外的事件传播（从屏幕里飞出来一支箭的感觉） 2.事件捕获 由表及里的事件传播（力透纸背的感觉） 3.DOM事件流（DOM2级） 事件捕获阶段 -> 处于目标阶段 -> 事件冒泡阶段（拿根针从屏幕扎进去，缝衣服的感觉） 事件捕获是从DOM树根到叶子的事件传播，所以可以在靠近根的位置捕获（event.stopPropagation）事件，让叶子收不到事件信号 事件冒泡是从叶子到根的原路返回过程，所以可以在靠近根的位置集中处理（event.target）叶子的事件，也就是所谓的事件
2020-09-23 22:01:56
229
原创 JS复习整理5_DOM
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
2020-09-22 21:40:41
160
原创 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
115
原创 JS复习整理3_函数表达式
1.函数表达式与函数声明的区别 函数声明有“提升”（hoisting）的特性，而函数表达式没有。也就是说，函数声明会在加载代码时被预先加载到context中，而函数表达式只有在执行表达式语句时才会被加载 2.闭包 有权访问另一个函数作用域中的变量的函数。闭包可以访问另一个作用域中的变量，因此闭包得到的变量值是最终值，而不是该变量在某一时刻的值，有一个很经典的例子： function createFuns(){ var result = new Array(); for(var i = 0;i <
2020-09-19 12:07:18
79
原创 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
81
原创 JS复习整理2_面向对象
1.对象的定义 ECMAScript中，对象是一个无序属性集，这里的“属性”可以是基本值、对象或者函数 2.数据属性与访问器属性 数据属性即有值的属性，可以设置属性只读、不可删除、不可枚举等等 访问器属性是用来设置getter和setter的，在属性名前加上”_”（下划线）表示该属性只能通过访问器访问（私有属性），但并不是说添个下划线就把属性变成私有的了，这只是习惯约定的一种命名方式而已。访问器属性没什么用，原因如下： var book={ _year:2004, edition:1 } Objec
2020-09-19 12:02:24
69
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人