第1章 引言1.1 回顾历史1.2 变革之风1.3 分析现状1.4 展望未来1.5 面向对象的程序设计 1.5.1 对象（属性和方法的集合） 1.5.2 类 （相似对象的共同特征，如麻雀、老鹰都是鸟类） 1.5.3 封装 （将属性和方法集合起来，也有封闭作用域的概念，如封装一个播放器对象） 1.5.4 聚合 （将几个对象合并成一个对象） 1.5.5 继承 （一个实例对象继承父级对象的一些属性和方法） 1.5.6 多态 （一个对象调用其他对象的方法，...
一：前端开发中常遇到的问题 如果我们的网站简单的时候，结构上也许不会有什么问题，但是如果我们的网站越来复杂的时候（比如功能越来越多的时候，加入项目的人越来越多的时候），我们书写的代码就会遇到下面的两个问题： 1. 恼人的命名冲突 比如我们多人开发一个项目，事先由我自己写好了一个共公的组件库common.js供大家调用，里面的包括 function tab(){ 实现代码： }; ...
Array toString() - 返回以“,”号拼接元素的字符串 join(String a) - 返回以a拼接元素的字符串，默认以“,”号拼接 push() - 向数组末尾添加一个或多个元素，返回新的数组长度 pop() - 删除数组最后一个元素并返回这个元素 unshift() - 向数组开头添加一个或多个元素，返回新的数组长度 shift() - 删除数组第一个元素并返回这个元素 revers...
原理：先计算鼠标与拖拽目标的左侧距离 跟 上面距离，再计算拖动后的位置。示例代码： 1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<title>拖拽原理</title> 5<meta charset="UTF-8"> 6<meta name="viewport" content="width=device-width, initial-scale=1"> 7<style type="text/css"> 8 #moveBlock{ 9 width:100px;height:100px;background-color:#f00;position:absolute 10}11</style>12<script>13...
DOM模型 Core DOM 正对任何结构化文档 XML DOM 针对XML HTML DOM 针对HTML 使用DOM访问节点 1、通过document对象 getElementById() 通过ID获取第一个对象的应用 getElementByName() 带有指定名称的对象集合 getElementBytagName() 带有指定标签名的对象集 2、通过层次关系 parentNode 父节点 firstChild 第一个子节点 lastChild 最后一个子节点 【这三个都是属性】 改变节点属性 1、Core标准方法 getA...
操作富文本与富文本编辑器的交互的主要方式就是使用 document.execCommand() 方法该方法可以对文档执行自定义命令,并且可以应用大多数格式该方法接收三个参数:要执行命令的名称浏览器是否应该为当前页面提供用户界面执行命令的值为了保证跨浏览器的兼容性,最好保证第二个参数为 false,因为Firefox会在该参数为 true 时报错 命令值(第三个参数)说明backcolor颜色字符串设置文档的背景颜色boldnull将选中的文本转为粗体显示copynull将...
js高级编程中对于原型对象，之前看的时候并没有很在意，今天看到js中的继承，原型链，于是回过头来重温一下原型模式。概念1：我们创建的每个函数都有一个prototype（原型）属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。这一点很像.net中的静态属性和方法。这一点对于代码的重用由很好的帮助，而且对于prototype属性的更改可以是动态的。 prototype中的属性是所有...
创建实例funtion Fn (){ var num = 10; this.x = 100; this.getX = function(){ console.log(this.num); }}var f1 = new Fn;f1.getX();最后执行的结果是：undefined说明： 类有普通的里面，当函数执行的时候，var num只是当的形成的私有作用域中的私有变量而已，它和我们的f1这个实例没有任何的关系，只有this.xxx=xx才相当于给f1增加私有的属性和方法，才和我们的f1有关系；funtion Fn (){ var num = ...
所谓绑定上下文就是当前绑定(dat-bind)所使用到的对象（ViewModel）。在单个对象绑定的情况下是很容易理解的，但对象可能是复杂的类型，嵌套很多层，这个时候每层都有自己的上下文对象，理解起来就不是很方便了。ko通过上下文关键字，让层次间的关系变得更加清晰，相互访问变得更加简单。一、$data 与 $index上一篇介绍了ObservableArray和template，通常我们通过对象属性进行绑定，例如：data-bind="text:属性名称"；但如果数组只...
随着JS越来越庞大，已经不仅仅是以前复制粘贴做特效的时代了，JS越来越偏向于业务逻辑与应用。JS在web开发中占有越来越重要的地位。由于JS代码庞大，文件数目多，传统的使用<script src=""></script>会带来很多性能的问题，因此requirejs可以为我们提供解决思路，它有以下的功能： 1、声明不同js文件之间的依赖2、可以按需、并行、延时载入js库3、可以让我们的代码以模块化的方式组织 下面进行实战：文档结构是这样的 .js/app/conf...
一、概念介绍prototype 对象 ： 原型对象。在JavaScript中, 每一个对象都继承了另一个对象,后者称为"原型对象". 只有 null 除外,它没有自己的原型对象。 原型对象上的所有属性和方法,都能被派生对象所共享。通过构造函数实例的实例对象,都会被自动分配一个原型对象。每一个 构造函数的prototype属性,就是这个实例对象的原型对象。二、原型使用如上图,在Animal的源...
参考 高性能javascript javascript高级程序设计ajax基础 ajax技术的核心是XMLHttpRequest对象(XHR),通过XHR我们就可以实现无需刷新页面就能从服务器端读取数据 var xhr = new XMLHttpRequest(); //只支持IE7以及更高的版本 xhr.onreadystatechange = function() {if(xhr.readyState == 4) {if( (xhr.status >= 200 && xhr.status < 300) || xhr.status == 304 ) {//成功} else {//失败 }} }； xhr.open("get","test....
利用JavaScript实现banner图手风琴效果 2018-01-14这一篇文章主要是利用纯JavaScript实现手风琴效果代码,希望能给您带来一定的帮助,感兴趣的小伙伴可以进行一个参考。首先我给大家先介绍一下为什么实现的效果为什么叫做手风琴吧，可能大家都见过手风琴,没错，就是这样的一个...
第一章 一些基本概念HTML（超文本标记语言），构建网页的静态结构，由一系列的DOM组成；CSS（层叠样式表），给网页各部分结构添加样式；JavaScript，通过获取DOM给静态结构加上动作，使用户能够与静态网页进行交互；DOM，一种API（应用程序接口），通过这个接口动态的访问和修改结构或样式。浏览器内核，即渲染引擎（rendering engine），造成不同浏览器之间存在兼容问题。渲染引擎负责对html和js文档进行解释并决定浏览器如何显示...
1、查找HTML元素 通常，通过 JavaScript，您需要操作HTML 元素。 为了做到这件事情，您必须首先找到该元素。有三种方法来做这件事： 通过id找到HTML元素（本例查找 id="intro" 元素）var x=document.getElementById("intro"); 通过标签名找到HTML元素（本例查找 id="main" 的元素，然后查找 "main" 中的所有 <p> 元素）var x=document.getElementById("main");var y=x.getElementsByTagName("p"); ...