baifen2379-CSDN博客

转载 js继承

---恢复内容开始---JS继承的概念js里常用的如下两种继承方式：通过原型链方式实现继承（对象间的继承）、类式继承（构造函数间的继承）由于js不像Java那样是真正面向对象的语言，js是基于对象的，它没有类的概念。所以，要想实现继承，可以用js的原型prototype机制或者用apply和call方法去实现。原型链构造函数、原型、实例的关系：每个构造函数都...

2017-07-13 08:31:00 108

转载 js事件

事件绑定事件绑定方法I：绑定元素属性事件绑定方法II：绑定对象属性事件绑定方法III：使用addEventListener() 方法(DOM2级事件程序) addEventListener 语法：target.addEventListener(type,listener,useCapture);接受3个参数：要处理的事件名、作为事件处理程序的函数和一个布尔值。...

2017-07-11 21:48:00 92

转载 JQuery中常用的选择器

属性选择器1> [attribute] 概述：匹配包含给定属性的元素。示例 jQuery 代码:$("div[id]") 描述:查找所有含有 id 属性的 div 元素2> [attribute=value] 概述：匹配给定的属性是某个特定值的元素3> [attribute!=value] 概述：匹配所有不含有指定的属性，或者属性不等于特定值的元素...

2017-07-09 19:54:00 108

转载简单来说一下ui-route

UI-Router被认为是AngularUI为开发者提供的最实用的一个模块，它是一个让开发者能够根据URL状态或者说是'机器状态'来组织和控制界面UI的渲染，而不是仅仅只改变路由（传统AngularJS应用实用的方式）。该模块为开发者提供了很多最视图（view）额外的控制。开发者可以创建嵌套分层的视图、在同一个页面使用多个视图、让多个视图控制某个视图等更多的功能。即使是非常复杂的web应...

2017-07-08 15:05:00 146

转载 ES6的转换器

---恢复内容开始--- ES6代码转为ES5代码的转换器1.Babel2.Traceur，Google公司出品Babel是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。大家可以选择自己习惯的工具来使用使用Babel，具体过程可直接在Babel官网查看：Babel转码器Babel是另一个广泛使用的ES6转码器，安装命令如下。...

2017-07-07 10:03:00 188

转载 vue和mvvm的一些小区别

Vue.js 和 MVVM 小细节MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，即所谓的数据双向绑定。Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库，专注于...

2017-07-06 08:10:00 283

转载递归函数

递归函数:在函数内部自己调用自己的函数递归能做循环能做的所有事情循环做不了的递归也能做递归写 1+2+3+...+n; 方法:1.找临界值:无须计算,即可得出的值:-退出递归 2.这一次和上一次运算的关系:+n 3.假设当前函数可以运行,根据上一次调用自身运算的结果,写出这次的运算结果 addSum() addSum(49) 1+2+...

2017-07-05 09:20:00 215

转载 window.onload的使用心得

如果我问你window.onload是什么意思，恐怕你会回答我：“这不是页面加载完就执行吗”。但是答案是不一定，得看你怎么用。看一下例子吧例1：代码如下:<!DOCTYPE HTML><html><head><title></title><script type="text/j...

2017-07-03 20:12:00 75

转载 Ajax

一、什么是Ajax?2005 年Jesse James Garrett 发表了一篇文章，标题为：“Ajax：A new Approach to WebApplications”。他在这篇文章里介绍了一种技术，用他的话说，就叫：Ajax，是AsynchronousJavaScript + XML 的简写。这种技术能够想服务器请求额外的数据而无须加载整个页面(即刷新局部页面)，会带来...

2017-07-02 21:37:00 67

转载 javascript事件冒泡

1. 事件在浏览器客户端应用平台，基本生都是以事件驱动的，即某个事件发生，然后做出相应的动作。浏览器的事件表示的是某些事情发生的信号。事件的阐述不是本文的重点，尚未了解的朋友，可以访问W3school教程进行了解，这将有助于更好地理解以下的内容。2.冒泡机制什么是冒泡呢？下面这个图片大家...

2017-07-01 08:15:00 92

转载 JavaScript 语言中的 this

JavaScript 语言中的 this由于其运行期绑定的特性，JavaScript 中的 this 含义要丰富得多，它可以是全局对象、当前对象或者任意对象，这完全取决于函数的调用方式。JavaScript 中函数的调用有以下几种方式：作为对象方法调用，作为函数调用，作为构造函数调用，和使用 apply 或 call 调用。下面我们将按照调用方式的不同，分别讨论 this 的含义。...

2017-06-30 07:51:00 63

转载闭包，作用域链，垃圾回收，内存泄露

1. 什么是闭包？来看一些关于闭包的定义：闭包是指有权访问另一个函数作用域中变量的函数 --《JS高级程序设计第三版》 p178函数对象可以通过作用域链相关联起来，函数体内部的变量都可以保存在函数作用域内，这种特性称为 ‘闭包’ 。 --《JS权威指南》 p183内部函数可以访问定义它们的外部函数的参数和变量(除了this和arguments)。 --《JS语言精粹》...

2017-06-28 22:03:00 75

转载 angular.extend、angular.$watch、angular.bootstrap

1、angular.extend:依次将第二个参数及后续的参数的第一层属性（不管是简单属性还是对象）拷贝给第一个参数的第一层属性，即如果是对象，则是引用的是同一个对象，并返回第一个参数对象。直接上代码来的简单明了：<script type="text/javascript" src="js/angular.min.js" ></script> <s...

2017-06-27 08:22:00 287

转载 Angular路由（三）

AngularJs ng-route路由详解其实主要是$routeProvider搭配ng-view实现。ng-view的实现原理，基本就是根据路由的切换，动态编译html模板。前提首先必须在页面引入angular.js和angular-route，注意在angular-route之前引入angular<script type="text/javascript"...

2017-06-26 21:37:00 66

转载 Angular基础（二）

双向数据利用angular把input框里面的值和h3的值绑定在一起。在input里输入内容，内容会在h3标签里显示出来。具体效果请看下面代码：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ...

2017-06-25 20:55:00 44

转载 Angular基础（一）

AngularJS有五个主要核心特性，如下介绍：双向数据绑定—— 实现了把model与view完全绑定在一起，model变化，view也变化，反之亦然。模板—— 在AngularJS中，模板相当于HTML文件被浏览器解析到DOM中，AngularJS遍历这些DOM，也就是说AuguarJS把模板当做DOM来操作，去生成一些指令来完成对view的数据绑定。...

2017-06-25 20:23:00 51

转载闭包JS

一句话概括的话:闭包就是一个函数,捕获作用域内的外部绑定。官方的定义:一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数)，因为这些变量也称为该表达式的一部分。自由变量和闭包的关系:自由变量闭合于闭包的创建。内部逻辑就是自由变量:如果一个函数内部有其他函数,那么这些内部函数可以访问外部函数中声明的变量(这些变量就称为自由变量)。闭包的三个特性:1.函数...

2017-06-25 19:59:00 84

转载 jquery.validata.js 插件2

结合上面的，今天写一下validate的使用方法。validate（）验证所选的form。validate 方法返回一个 Validator 对象。Validator 对象有很多方法可以用来引发校验程序或者改变 form 的内容。validate（）的可选项：submitHandler：通过验证后运行的函数，里面要加上表单提交的函数，否则表单不会提交。$("#demo...

2017-06-22 21:42:00 91

转载 jquery.validata.js 插件

一、Validate插件描述 Validate是基于jQuery的一款轻量级验证插件，内置丰富的验证规则，还有灵活的自定义规则接口，HTML、CSS与JS之间的低耦合能让您自由布局和丰富样式，支持input,select,textarea的验证。二、配置方法需要先导入Jquery库，然后导入Validate插件。而且两个插件有一定的先后顺序。（jquery库-Valida...

2017-06-21 22:20:00 99

转载 JanaScript预解析

JS预解析是什么? 在当前的作用域下,js运行之前.会有带有 var 和 function关键字的代码事先声明, 并在内存中安排好,然后从上到下的执行js代码.JS预解析 js逐行执行 js对什么进行预解析 1> var 后面的变量 2> 函数 3> 函数传参的变量1.通过var关键字定义的变量进行预解...

2017-06-20 07:56:00 71

转载 JavaScript二级联动

就是两个下拉列表框，我假设它有两个下拉列表(其实还可以有更多)，第一个下拉列表中让你选择的省,而另一个下拉列表让你选择的是城市,当你在省的下拉列表中的选择发生改变的时候，城市的下拉列表也应当跟着你所选择的省名称而发生改变，这样就产生了一种联动的较果也就是简单的二级联动。具体看代码<!DOCTYPE html> <html&g...

2017-06-19 20:06:00 96

转载 javaScript事件绑定

事件绑定，就是要对某一个东西进行操作。（因为你想让他实现什么效果，所以就得绑定他，哈哈哈！）要想让 JavaScript 对用户的操作作出响应，首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数，就是处理用户操作的函数，不同的操作对应不同的名称。在JavaScript中，有三种常用的绑定事件的方法：在DOM元素中直接绑定；在JavaScript代码中绑定；...

2017-06-19 19:58:00 60

转载 javascript运动框架（三）

迟到了好几天，不好意思哈！继续来优化一下javascript运动框架的代码。之前的代码存在bug，当重复点击时速度会加快，那么怎么解决这个bug呢？现在我们就来解决一下，其实很简单，在开始运动时,关闭已有计时器。思考一下：如何让很多物体同时动，而且他们至今不会互相影响呢。 1、单独给每个物体加一个计时器 2、当鼠标移进去宽度增长至800，当鼠标移出时，宽度慢慢...

2017-06-19 19:39:00 92

转载 javascript运动框架（二）

紧接着上面写的...给div加一个边框，border：1px solid blackwindow.onload = function(){ var div = document.getElementById('div1'); div.onclick = function(){ setInterval(function(){ ...

2017-06-15 22:24:00 68

转载 JS运动框架的封装过程(一)

给大家出一道题，从起点A走到目的地B，一共用了1000毫秒，每一次是30毫秒，请问你在这里面得到了哪些信息？信息有哪些呢？第一个，总时长是:1000毫秒第二个，多久时间走一次？30毫秒第三个，走的总次数:1000/30 第四个，距离:B-A 第五个，步长：距离/总次数运动框架的实现思路：就是在一定的时间段里面改变left、top、...

2017-06-14 22:10:00 91

转载使用jQuery操作 DOM

DOM操作分为三类： 1、DOM Core：任何一种支持DOM的编程语言都可以使用它，如getElementById() 2、HTML-DOM：用于处理HTML文档，如document.forms 3、CSS-DOM：用于操作CSS，如element.style.color="green"jQuery对JavaScript中的DO...

2017-06-13 08:19:00 67

转载 Html5拖放

今天写一下html5的拖放问题。设置元素可以拖放设置元素可以拖放用draggable属性，设置为true。元素就可以拖放了。（注：火狐浏览器不支持）拖拽元素事件 ondragstart：拖拽前触发 ondrag：拖拽中连续触发 ondragend：拖拽结束触发目标元素事件 ondragenter：移入目...

2017-06-12 08:15:00 76

转载数组排序

JavaScript在进行数组排序的时候，我总结了三种方法：sort排序、冒泡排序以及选择排序。 var arr = [1,22,3,4,5,6,7,8,9,10];sort排序：运用了数组里面的方法sort（）来实现的。 functionsystemSort(arr){ return arr.sort(...

2017-06-11 20:28:00 91

转载 JanaScript数据类型

数据类型一、基础类型值包括：undefined、null、boolean、string、number 基础类型分别在内存中占有大小空间，它们的值保存在栈空间，我们通过按值来访问。 undefined：声明没有定义的变量（只有一个值）。 <script> var TTT; ...

2017-06-10 08:20:00 210

转载数组去重

今天我就简单的来写点js数组去重，在这我总结了三种方法。第一种方法：先定义一个临时数组，然后遍历当前的数组，如果当前数组的第i个元素，已经保存进了临时数组那么跳过这个元素；否则把当前的那一项添加到临时数组里面。具体代码如下：var arr = [23,23,1,1,1235,123,123,1235,45,345,457,45245,234,2341,23]; ...

2017-06-09 19:48:00 47

转载 JavaScript拖拽

JavaScript拖拽其实简单的来说，javascript拖拽就是使用鼠标在页面上移动div，不停地更改div到页面左边&顶部的距离。javascript拖拽的原理特别简单，一共有以下三点： 1.鼠标和DIV的相对距离不变 2.三大事件(onmousedown、onmousemove、onmouseup) ...

2017-06-08 15:47:00 102