- 博客(31)
- 收藏
- 关注
转载 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人