10 2017 档案

js中的AJAX
摘要：AJAX：Asynchronous JavaScript and XML。意思就是用JavaScript执行异步网络请求。 如果仔细观察一个Form的提交，你就会发现，一旦用户点击Submit按钮，表单开始提交，浏览器就会刷新页面，然后在新页面里告诉你操作时成功了还是失败了，如果不幸由于网络太慢或其 阅读全文
posted @ 2017-10-28 21:57 风雨飘飘飘啊飘 阅读(465) 评论(0) 推荐(0)
操作文件
摘要：在HTML表单中，可以上传文件的唯一控件就是<input type="file">。 当一个表单包含<input type="file>时，表单的enctype必须指定为multipart/form-data,method必须指定为post，浏览器才能正确编码并以multipart/form-dat 阅读全文
posted @ 2017-10-28 17:11 风雨飘飘飘啊飘 阅读(141) 评论(0) 推荐(0)
操作表单
摘要：用JavaScript操作表单和操作DOM是类似的，因为表单本身也是DOM树。 不过表单的输入框、下拉框等可以接收用户输入。所以用JavaScript来操作表单，可以获得用户输入的内容，或者对一个输入框设置新的内容。 HTML表单的输入控件主要有以下几种： 文本框，对应的<input type="t 阅读全文
posted @ 2017-10-28 16:35 风雨飘飘飘啊飘 阅读(163) 评论(0) 推荐(0)
操作DOM
摘要：由于HTML文档被浏览器解析后就是一颗DOM树，要改变HTML的结构，就需要通过JavaScript来操作DOM。 始终记住DOM是一个树形结构。操作一个DOM节点实际上就是这么几个操作： 更新：更新该DOM节点的内容，相当于更新了该DOM节点表示的HTML的内容。 遍历：遍历该DOM节点下的子节点 阅读全文
posted @ 2017-10-28 14:05 风雨飘飘飘啊飘 阅读(162) 评论(0) 推荐(0)
浏览器对象
摘要：JavaScript可以获取浏览器提供的很多对象，并进行操作。 window window对象不但充当全局作用域，而且表示浏览器窗口。 window对象有innerWidth和innerHeight属性，可以获取浏览器窗口的内部宽度和高度。内部宽高是指除去菜单栏、工具栏、边框等占位元素后，用于显示网 阅读全文
posted @ 2017-10-28 11:52 风雨飘飘飘啊飘 阅读(281) 评论(0) 推荐(0)
浏览器
摘要：①IE6-10：国内用得最多的IE浏览器，历来对W3C标准支持差。从IE10开始支持ES6标准； ②Chrome:Google出品的基于Webkit内核浏览器，内置了非常强悍的JavaScript引擎——V8.已支持ES6 ③Safari：Apple的Mac系统自带的基于Webkit内核的浏览器。从 阅读全文
posted @ 2017-10-28 11:05 风雨飘飘飘啊飘 阅读(304) 评论(0) 推荐(0)
面向对象编程——class继承
摘要：在上面的章节中我们看到了JavaScript的对象模型是基于原型实现的。特点是简单，缺点是理解起来比传统类-实例模型要困难，最大的缺点是继承的实现需要编写大量代码，并且需要正确实现原型链。 新的关键字class从ES6开始正式被引入到JavaScript找那个，class的目的就是让定义类更简单。 阅读全文
posted @ 2017-10-28 10:59 风雨飘飘飘啊飘 阅读(227) 评论(0) 推荐(1)
面向对象编程——原型继承
摘要：JavaScript采用的是原型继承。我们无法直接扩展一个Class，因为根本不存Class这种类型。 但是办法还是有的，我们先回顾Student构造函数 以及Student的原型链： 现在，我们要基于student扩展出PrimaryStudent，可以先定义出PrimaryStudent: 但是 阅读全文
posted @ 2017-10-28 10:24 风雨飘飘飘啊飘 阅读(174) 评论(0) 推荐(0)
js面向对象编程——创建对象
摘要：JavaScript对每个创建的对象都会设置一个原型，指向它的原型对象。 当我们用obj.xxx访问一个对象的属性时，JavaScript引擎先在当前对象上查找该属性，如果没有找到，就到其原型对象上找，如果还没有找到，就一直上溯到Object.prototype对象，最后，如果还没有找到，就只能返回 阅读全文
posted @ 2017-10-28 09:30 风雨飘飘飘啊飘 阅读(149) 评论(0) 推荐(0)
JS面向对象编程
摘要：JavaScript不区分类和实例的概念，而是通过原型（prototype）来实现面向对象编程。 原型是指我们想要创建xiaoming这个具体的学生时，我们并没有一个student类型可用，那怎么办？恰好有这么一个现成的对象： 我们可以把它改名为student，然后创建出小明： 最后一行代码把xia 阅读全文
posted @ 2017-10-24 23:08 风雨飘飘飘啊飘 阅读(124) 评论(0) 推荐(0)
js的JSON
摘要：JSON是JavaScript Object Notation的缩写，它是一种数据交换格式。 JSON实际上是JavaScript的一个子集，在JSON中，一共就这么几种数据类型： ①number：和JavaScript的number完全一致； ②boolean：就是JavaScript的true或 阅读全文
posted @ 2017-10-24 20:36 风雨飘飘飘啊飘 阅读(118) 评论(0) 推荐(0)
标准对象——RegExp
摘要：字符串是编程时涉及到的最多的一种数据结构，对字符串进行操作的需求无处不在。比如判断一个字符串是否是合法的Email地址，虽然可以编程提取@前后的子串，再分别判断是否是单词和域名，但这样麻烦且代码难以复用。 正则表达式是一种用来匹配字符串的强有力的武器。它的设计思想是用一种描述性的语言来给字符串定义一 阅读全文
posted @ 2017-10-24 20:02 风雨飘飘飘啊飘 阅读(148) 评论(0) 推荐(0)
js标准对象——Date
摘要：在JavaScript中，Date对象用来表示日期和时间。 要获取系统当前的时间： 当前时间是浏览器从本机操作系统获取的时间，所以不一定准确，因为用户可把当前时间设定为任何值。 如果要创建一个指定日期和时间的Date对象，可以用： 但是它返回的不是Date对象，而是一个时间戳，不过有时间戳就可以和容 阅读全文
posted @ 2017-10-23 18:52 风雨飘飘飘啊飘 阅读(256) 评论(0) 推荐(0)
html、css和js原生写一个模态弹出框，顺便解决父元素半透明子元素不透明效果
摘要：模态框： html部分： css部分： JavaScript： 如有疑问，可留言！ 阅读全文
posted @ 2017-10-23 16:42 风雨飘飘飘啊飘 阅读(4033) 评论(1) 推荐(0)
js标准对象
摘要：在JavaScript的世界里，一切都是对象。 但是某些对象还是和其他对象不太一样。为了区分对象的类型，我们用typeof操作符获取对象的类型，它总是返回一个字符串： 可见，number、string、boolean、function和undefined有别于其他类型。特别注意null的类型是obj 阅读全文
posted @ 2017-10-22 21:23 风雨飘飘飘啊飘 阅读(181) 评论(0) 推荐(0)
generator
摘要：generator（生成器）是ES6标准引入的新的数据类型。一个generator看上去像一个函数，但是可以返回多次。 函数在执行过程中，如果没有遇到return语句（函数末尾如果没有return，就是隐含的return undefined;），控制权无法交回被调用的代码。 generator跟函数 阅读全文
posted @ 2017-10-21 22:07 风雨飘飘飘啊飘 阅读(289) 评论(0) 推荐(0)
js箭头函数
摘要：ES6标准新增了一种新的函数：Arrow Function(箭头函数)。 为什么叫Arrow Function？因为它的定义用的就是一个箭头 相当于: 箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{……}和return都省略掉了。还有一种可以包含 阅读全文
posted @ 2017-10-21 21:33 风雨飘飘飘啊飘 阅读(191) 评论(0) 推荐(0)
js闭包
摘要：高阶函数除了可以接受函数作为参数外，还可以把函数作为结果值返回。 比如一个求和函数，在后面的代码中，根据需要再计算。就可以不返回求和的结果，而是返回求和的函数 当我们调用lazy_sum()的时候，返回的并不是求和结果，而是求和函数： 调用函数f时，才是真正计算求和的结果： 我们在函数lazy_su 阅读全文
posted @ 2017-10-21 21:04 风雨飘飘飘啊飘 阅读(169) 评论(0) 推荐(0)
JavaScript高阶函数map/reduce、filter和sort
摘要：map() 举例说明，比如我们有一个函数f(x)=x²，要把这个函数作用在一个数组[1,2,3,4,5,6,7,8,9]上。 由于map()方法定义在JavaScript的Array中，我们调用Array的map()方法，传入我们自己的函数，就得到了一个新的Array作为结果： map()传入的参数 阅读全文
posted @ 2017-10-10 14:56 风雨飘飘飘啊飘 阅读(266) 评论(0) 推荐(0)
JavaScript函数-高阶函数
摘要：JavaScript的函数其实都指向某个变量。既然变量可以指向函数，函数的参数能接收变量，那么一个函数就可以接收另一个函数作为参数，这种函数就称之为高阶函数。 当我们调用add(-5,6，Math.abs)时，参数x,y和f分别接收-5,6和函数Math.abs,根据函数定义，我们可以推导计算过程为 阅读全文
posted @ 2017-10-10 10:50 风雨飘飘飘啊飘 阅读(133) 评论(0) 推荐(0)
JavaScript函数的方法
摘要：在一个对象中绑定函数，称为这个对象的方法。 在JavaScript中，对象的定义是： 但是，如果我们给xiaoming绑定一个函数，就可以做更多的事情，比如，写一个age()方法，返回xiaoming的年龄： 绑定到对象上的函数称为方法，和普通函数也没啥区别，但是它在内部使用了一个this关键字。这 阅读全文
posted @ 2017-10-10 10:41 风雨飘飘飘啊飘 阅读(141) 评论(0) 推荐(0)
JavaScript函数变量作用域
摘要：变量作用域 在JavaScript中，用var申明的变量实际上是有作用域的。 如果一个变量在函数体内部申明，则该变量的作用域为整个函数体，在函数体外不可引用该变量。 如果两个不同的函数各自申明了同一变量，那么该变量只在各自的函数体内起作用。换句话说，不同函数内部的同名变量互相独立，互不影响。 由于J 阅读全文
posted @ 2017-10-10 09:30 风雨飘飘飘啊飘 阅读(180) 评论(0) 推荐(0)