随笔分类 -  JavaScript高级程序设计（第3版）

JavaScript五种方式实现图片轮播
摘要：实现图片轮播的主要思路总结： 1、将多张图片水平或者垂直方向衔接排好，沿着某一个方式移动，父元素设置固定的大小，溢出的内容进行隐藏 2，通过position条件下：z-index的覆盖显示。 3、改变透明度实现图片轮播 基于上面的思路，下面是五种实现的方式： 方式一：vue + swiper 实现图 阅读全文
posted @ 2019-12-01 22:31 xiongbing 阅读(7128) 评论(0) 推荐(0)
JavaScript实现图片的自动轮播
摘要：一、html和css部分代码 设计的框架为： 一个大的div用来显示图片（共四张图片），这个大的div中包含两个箭头，用来切换图片，向左或向右； 然后底部有四个小的div用来对应每张图片； html和css效果图： 代码： 1 <!DOCTYPE html> 2 <html> 3 <head lan 阅读全文
posted @ 2019-11-29 23:25 xiongbing 阅读(10593) 评论(0) 推荐(0)
学习第十四天（2019-11-27）
摘要：第二十四章 最佳实践 一、可维护性 随着JavaScript代码的增多，编写可维护的代码就变得尤为重要。 1、代码约定 a、命名约定： 变量名应为名词 car, people 函数名以动词开头，如getName()。 返回布尔值则以is-开头，如isEnable() b、变量类型透明(便于知道一个变 阅读全文
posted @ 2019-11-27 22:34 xiongbing 阅读(167) 评论(0) 推荐(0)
学习第十三天（2019-11-26）
摘要：第二十二章 高级技巧 一、高级函数 1、安全的类型检测 由于typeof会出现无法预知的行为，instanceof在多个全局作用域中并不能正确工作，所以调用Object原生的toString方法，会返回[Object NativeConstructorName]格式字符串。每个类内部都有一个[[Cl 阅读全文
posted @ 2019-11-26 23:38 xiongbing 阅读(165) 评论(0) 推荐(0)
学习第十二天（2019-11-25）
摘要：第二十一章 Ajax与Comet Ajax是无需刷新页面就能够从服务器取得数据的一种方法，Ajax技术的核心是XMLHttpRequest对象（简称 XHR）。 一、XMLHttpRequest对象 1、由于IE与其他浏览器实现的方式不一样，所以只能用下面方法实现跨浏览器创建XMLHttpReque 阅读全文
posted @ 2019-11-25 23:17 xiongbing 阅读(153) 评论(0) 推荐(0)
学习第十一天（2019-11-24）
摘要：第十八章 JavaScript与XML 一、浏览器对XML DOM的支持 1、 DOM2级核心 在支持DOM2级的浏览器中可以使用以下语法来创建一个空白的 XML文档： var xmldom = document.implementation.createDocument(namespaceUri, 阅读全文
posted @ 2019-11-24 21:57 xiongbing 阅读(303) 评论(0) 推荐(0)
学习第十天（2019-11-23）
摘要：第十五章 使用Canvas绘图 HTML5添加的<canvas>元素负责在页面中设定一个区域，然后就可以通过JavaScript动态地在这个区域中绘制图形。 如：<canvas id="drawing" width=" 200" height="200">A drawing of something 阅读全文
posted @ 2019-11-23 23:02 xiongbing 阅读(188) 评论(0) 推荐(0)
学习第九天（2019-11-22）
摘要：第十四章 表单脚本 一、表单的基础知识 在HTML中，表单是由<form>元素来表示的，在JavaScript中，表单对应的是HTMLFormElement 类型。HTMLFormElement 继承了 HTMLElement，因而与其他HTML元素具有相同的默认属性。不过，HTMLFormElem 阅读全文
posted @ 2019-11-22 23:02 xiongbing 阅读(161) 评论(0) 推荐(0)
学习第八天（2019-11-21）
摘要：第13章 事件 JavaScript与 HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。 一、事件流 事件流描述的是从页面中接收事件的顺序。 事件流分事件冒泡流、事件捕获流、DOM事件流，建议使用事件冒泡流。 二、事件处理程序 响应某个事件的函数就叫做事件处 阅读全文
posted @ 2019-11-21 23:35 xiongbing 阅读(134) 评论(0) 推荐(0)
学习第七天（2019-11-20）
摘要：第12章 DOM2和DOM3 DOM2和DOM3分为许多模块，分别描述了DOM的某个非常具体的子集。 一、DOM的变化 DOM2级和3级的目的在于扩展DOM API，以满足操作XML的所有需求，同时提供更好的错误处理及特性检测能力。从某种意义上讲，实现这一目的很大程度意味着对命名空间的支持。这些变化 阅读全文
posted @ 2019-11-20 23:31 xiongbing 阅读(136) 评论(0) 推荐(0)
学习第六天（2019-11-19）
摘要：第十一章 DOM扩展 虽然DOM作为 API 已经非常完善了，但为了实现更多的功能，仍然会有一些标准或专有的扩展。对DOM的两个主要的扩展是 Selectors API（选择符 API）和 HTML5。此外，还有一个不那么引人瞩目的 Element Traversal （元素遍历）规范，为 DOM添 阅读全文
posted @ 2019-11-19 23:46 xiongbing 阅读(124) 评论(0) 推荐(0)
回答问题（2019-11-19）
摘要：1. typeof运算符和instanceof运算符以及isPrototypeOf()方法的区别 typeof检查的是基本数据类型，返回一个字符串; instanceof判断前者是否是后者的实例，实现原理是判断后者的原型对象是否在前者的原型链上，如果是基于原型链的继承，子类的实例instanceof 阅读全文
posted @ 2019-11-19 12:28 xiongbing 阅读(128) 评论(0) 推荐(0)
学习第五天（2019-11-18）
摘要：第九章 客户端检测 客户端检测是Web开发领域中一个饱受争议的话题，由于浏览器间存在差别，通常需要根据不同浏览器的能力分别编写不同的代码。注意只要能找到通用的方法，就用通用的方法，不到万不得已，不要使用客户端检测。 常见的三种客户端检测技术： 一、能力检测： 这是人们广泛接受的客户端检测形式。能力检 阅读全文
posted @ 2019-11-19 01:27 xiongbing 阅读(126) 评论(0) 推荐(0)
学习第四天（2019-11-17）
摘要：第八章 BOM ECMAScript是JavaScript的核心，但如果要在Web中使用JavaScript，那么BOM（浏览器对象模型）则无疑才是真正的核心。BOM 提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。 一、window对象 BOW的核心对象是window对象，它表示 阅读全文
posted @ 2019-11-17 22:35 xiongbing 阅读(113) 评论(0) 推荐(0)
学习第三天（2019-11-16）
摘要：第六章 面向对象的程序设计 ECMA-262把对象定义为：“无序属性的集合，其属性可以包含基本值、对象或者函数。”可以把这里的对象想象成散列表：无非就是一组名值对，其中值可以是数据或函数。 一·、对象的属性类型 ECMAScript中有两种属性：数据属性和访问器属性。 a：数据属性 数据属性包含一个 阅读全文
posted @ 2019-11-16 22:40 xiongbing 阅读(164) 评论(0) 推荐(0)
学习第二天（2019-11-15）
摘要：第二天 阅读全文
posted @ 2019-11-15 21:58 xiongbing 阅读(101) 评论(0) 推荐(0)
学习第一天（2019-11-14）
摘要：第一章 JavaScript简介 1、 JavaScript与ECMAScript的关系：早期，Netscape Navigator和微软（微软的为JScript）都有其各自的JavaScript实现，这意味着有两个不同的JavaScript版本，随着业界担心的日益加剧，JavaScript的标准化 阅读全文
posted @ 2019-11-14 21:25 xiongbing 阅读(117) 评论(0) 推荐(0)