![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 76
前端学习
每天做好自己的事情,把每一件事情认真的做好
展开
-
TweenMax 二
// *param TweenLine 不依存于jquery TweenLine.to("#test") 补间ID为test的元素 // *param TweenLine 不依存于jquery TweenLine.to(".test") 补间class为test的元素// 1.to方法$(".test").toggle(function(){TweenLite.to("#demo"原创 2015-12-31 18:11:08 · 3309 阅读 · 0 评论 -
javascript基础六 (DOM优化)
/** * DOM优化: * 1:innerHTML与DOM操作方法,那个效率会更高 * chrome:DOM方法要比innerHTML的方法要好 * firefox:正好相反 * 2:cloneNode复制节点要比创建新节点,性能优化的多 * 3:减少DOM的频繁操作 * 4:新的选择器querySelectorAll() * * DMON与浏览器 * 1:重排;改变页面的内原创 2016-04-22 11:08:00 · 267 阅读 · 0 评论 -
javascript基础七(知识点类快速排序与函数声明函数表达式)
一:排序算法/* sort方法1:找一个基准点2:建立两个数组,分别存储在左边和右边的数组3:利用递归进行下次比较*/alert(querySort([12,5,37,6,33,50]));function querySort(arr){ if(arr.length <= 1){ return arr; } var num = Math.floor(arr.leng原创 2016-04-22 14:07:07 · 290 阅读 · 0 评论 -
javascript基础三 (EVENT事件详解)
一:基础概念event:事件对象:当一个事件发生的时候和当前这个对象发生的这个事件有关的一些详细的信息都会被临时保存到一个指定地方-event对象,供需要的时候调用事件对象:必须在一个事件调用的函数里面才有内容事件函数:事件调用的函数,一个函数是不是事件函数,不在定义的时候决定,而是取决去于个函数调用的时候二:兼容ie/chrome :event是一个内置的全局对象原创 2016-04-19 18:07:44 · 978 阅读 · 0 评论 -
javascript基础八(知识点类闭包)
闭包可以用在许多地方。它的最大用处有两个,一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。怎么来理解这句话呢?请看下面的代码。Js代码 function f1(){ var n=999; nAdd=function(){n+=1} function f2(){ alert(n);原创 2015-07-08 14:17:40 · 423 阅读 · 0 评论 -
javascript基础九(知识点类对象的引用)
/** * 对象的引用 */var obj = { a : 10}// 浅拷贝(存在问题json中存在json)function copy(obj){ var newObj = {}; for(var attr in obj){ newObj[attr] = obj[attr]; } return newObj;}var obj2 = copy(obj);obj2原创 2016-04-22 18:29:04 · 252 阅读 · 0 评论 -
javascript基础十(知识点类js中的跨域)
/** * 跨域:在不同的域名下进行数据交互 */ajax: XMLHttpRequest(); //不能跨域// 可以设置1:document.domain = 'a.com';2:服务器代理: XMLHttpRequest 代理文件3:script标签 :jsonp4:location.hash5:window.name (和上面本质相同)6:flash7:html5 p原创 2016-04-22 18:54:50 · 238 阅读 · 0 评论 -
javascript 面向对象基础(二) 包装对象原型链
/** *面向对象高级部分 * 不要修改或者添加系统对象下面的方法和属性 * * 包装对象 * 基本类型都有自己对应的包装对象 * null undefined没有 * 原型链 * 实例对象与原型之间的链接,叫做原型链 * _proto_(隐式链接) * Object对象类型是原型链的最外层: Object.prototype */ //原创 2016-05-27 16:56:47 · 282 阅读 · 0 评论 -
javascript 面向对象基础(四)面向对象的继承
/** * * 继承: * 属性的继承:调用父类的构造函数call * 方法的继承: for in 拷贝继承(jquery) * * apply: 方法名A.apply(对象名B, [执行A需要的参数,用数组表示]);call: 方法名A.call(对象名B, [执行A需要的参数,用逗号分隔]); apply和call功能是: 执行某一个对象的方法A, 但原创 2016-06-17 17:37:42 · 275 阅读 · 0 评论 -
Js apply call详解
Js apply方法详解我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享.. 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共同提高..主要我是要解决一下几个问题:1.apply和call的区别在哪里2.什么情况转载 2016-08-03 11:16:06 · 311 阅读 · 0 评论 -
bom对象
open 方法 window.onload = function(){ var oBtn = document.getElementsByTagName('input'); var opener = null; // open方法 // open(url, 打开方式) 如果URL为空则打开一个空白页 // 打开方式为空,则新窗口打开 // 返回值,返回新打开窗口的对象原创 2017-03-13 10:58:28 · 222 阅读 · 0 评论 -
事件流及事件冒泡
/** *事件对象,当一个事件发生的时候,和当前这个对象发生的这个事件相关的详细信息都会被临时保存到一哥指定的地方-event,供我们调用 *事件函数: *兼容: *ie/chrome alert(event) undefined *event是一个内置的全局对象 *Firefox (标准)事件对象通过事件函数的第一个参数调用高 * * screenX screenY * cl原创 2017-03-13 16:01:52 · 241 阅读 · 0 评论 -
js 设置读取删除cookie
cookie // cookie的存储方式// document.cookie = 'username=leo';document.cookie = 'age=29';// 1我们在通过document.cookie来获取当前网站下的cookie的时候得到的是字符串形式,包含了当前网站下的所有cookie,通过空格+分号链接// 2长时间存放cookie需要设置cookie的原创 2017-03-14 11:40:56 · 296 阅读 · 0 评论 -
TweenMax 三 缓动及bezier
敬请期待....原创 2015-12-31 18:21:46 · 2263 阅读 · 0 评论 -
正则表达式的先行断言(lookahead)和后行断言(lookbehind)
正则表达式的先行断言和后行断言一共有4种形式: (?=pattern) 零宽正向先行断言(zero-width positive lookahead assertion) (?!pattern) 零宽负向先行断言(zero-width negative lookahead assertion) (?(?这里面的pattern是一个正则表达式。如同^代表开头,$代表结尾,转载 2018-01-24 12:22:33 · 237 阅读 · 0 评论 -
javascript基础五 (cookie基础)
/** * cookie : 存储数据,当用户访问了某个网页的时候,我们就可以通过cookie来像访问者的电脑存储数据 * 1:不同的浏览器存储的位置不同 * 2:cookie的存储时以域名形式进行区分 * 3:cookie数据可以设置名字 * 4:一个域名下存放的cookie的个数室友限制的,不同的浏览器存放的个数不同 * 5:每个cookie存放的内容大小也是有限制的,不同的浏览器原创 2016-04-21 16:01:26 · 315 阅读 · 0 评论 -
javascript基础四 (事件应用鼠标滚轮)
var oDiv = document.getElementById("div");/** * ie/chrome:onmousewheel * event.wheelDelta * 上:120 * 下:-120 * firefox: DOMMouseScroll 必须用addEventListener * event.detail * 阻止当前事件默认行为 * return false 阻止的是原创 2016-04-21 14:34:03 · 334 阅读 · 0 评论 -
javascript 面向对象基础(三)面向对象的常用属性和方法
/** * hasOwnProperty:判断是不是对象自身的属性 * constructor:查看对象的构造函数 * 每个原型都会自动添加constructor属性 * for in的时候有些属性是找不到的 * 避免修改constructor属性 * instanceof 运算符 * 对象与构造函数在原型链上是否有关系 * toString() object方法原创 2016-05-27 18:05:44 · 330 阅读 · 0 评论 -
译~GreenSock动画平台(GSAP)的JavaScript版本入门
快速连结:引言载入文件基本的补间动画特殊屬性缓动插件补间动画的CSS属性控制补间动画用TimelineLite排序和分组补间学习TweenMax和TimelineMax覆盖其他补间动画常见问题开始玩转如果您还没有玩过的话,请看看玩转GSAP JS-它直观地演示了API的基本知识,并让您能快速上手。互动式幻灯转载 2015-12-17 11:34:03 · 8096 阅读 · 0 评论 -
TweenMax 一
var t1 = TweenLite;var t2 = TweenMax;var t3 = new TimelineLite();var t4 = new TimelineMax();t1.to('.test',1,{scaleX:0.6,scaleY:0.6});t2.to('.test',1,{scaleX:0.6,scaleY:0.6},2);t3.to('.test原创 2015-12-31 18:06:10 · 1392 阅读 · 0 评论 -
javascript中 if(!-[1,])
IE浏览器不管是什么版本,总是跟Web标准有些不太兼容。对于代码工作者来说,自然是苦不堪言,为了考虑IE的兼容问题,不管是写 CSS 还是 JS,往往都要对 IE 特别对待,这就少不了做些判断。本文不讨论如何区分 IE 的样式,仅是 JS 判定 IE 浏览器。 这个目前世界上最短的 Javascript 判定 IE 浏览器的方法来自俄罗斯!它已经在各版本的 IE 以及目前其他流行的浏览器上转载 2015-08-06 15:35:54 · 374 阅读 · 0 评论 -
seajs使用教程指南
SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同,SeaJS不会扩展封装语言特性,而只是实现JavaScript的模块化及按模块加载。SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载,将前端工程师从繁重的JavaScript文件及对象依赖处理中解放转载 2015-05-31 22:17:17 · 751 阅读 · 0 评论 -
零、js用图片做简单的倒计时
用js做一个简单的倒计时思路:首先获取当前时间,然后每隔一秒执行一次原创 2014-06-21 09:29:49 · 2586 阅读 · 1 评论 -
一:js基础学习
网页效果千变万化,但是我们理解原理,写起来ji原创 2014-06-24 15:46:21 · 478 阅读 · 0 评论 -
offsetParent,offsetLeft,offsetTop
Summary: 返回的是相对元素本身最近的是定位元素的祖先元素,也就是postion的值是 absolute,relative,fixed,(inherit 继承父元素也是前三者)其中之一,如果祖先元素都不是定位元素那么返回document.body原创 2014-11-17 16:07:40 · 472 阅读 · 0 评论 -
初识 artTemplate
编写模板使用一个type="text/html"的script标签存放模板:{{title}} {{each list as value i}} 索引 {{i + 1}} :{{value}} {{/each}}模板语法有两个版本的模板语法可以选择。简洁语法推荐使用,语法简单实用,利于读写。{{if转载 2015-10-31 21:46:54 · 725 阅读 · 0 评论 -
JavaScript 基础工具清单:通用 前端 后端
训练营中,为扩展学员们的编程能力,我们给他们介绍了一些工具和库。目前有位JavaScript学员Kalina,他汇总了这些工具的清单,以分享给其他的代码爱好者。基于Kalina的清单,我们JavaScript训练营的辅导员Ivan Storck画了一张思维导图:图片的形式具有诸多的不便。缺失源图的我们,无法为此图贡献些什么,随着时间的迁移,或许有些技术点会发生改转载 2016-02-02 17:32:42 · 907 阅读 · 0 评论 -
html5 新特性ajax跨域的问题和处理
/** * XMLHttpRequest * 在标准浏览器下XMLHttpRequeat对象已经是升级版本,支持更多的特性,可以跨域但是若果想实现跨域请求,还需要后端的配合才可以实现 * XMLHttpRequest:增加了很多功能,他不推荐使用onreadystatechange这个事件来监听,推荐使用onload * 新增事件(进度事件) * -upload.onprogre原创 2016-05-10 10:38:34 · 1423 阅读 · 0 评论 -
javascript基础十一(正则表达式)
/** * 正则:操作字符串 * 正则的写法: * * 常用方法 * test:正则匹配字符串,匹配成功返回真,匹配失败返回假 * RegExp.test(str); * search:正则去匹配字符串,成功返回匹配成功的位置,匹配失败返回-1 * str.search(RegExp) * match:正则去匹配字符串,如果匹配成功就返回匹配成功的数组,如果匹配原创 2016-05-13 15:16:51 · 279 阅读 · 0 评论 -
javascript基础一 (DOM基础一)
DOM操作:一:操作子节点兄弟节点的方法1:element.fristChild 只读属性第一个元素节点标准下:firstChild会包含文本类型节点非标准下:只包含元素节点 element.firstElementChild 只读属性标准下;获取第一个元素类型的子节点非标准下:没有这个属性 其他类似的属性还有2:elment.lastChil原创 2016-04-15 18:10:26 · 322 阅读 · 0 评论 -
javascript基础二 (DOM,BOM基础二)
BOM的几种方法:1: window.open("页面的url","打开方式")如果url为空默认打开空白页面默认为空,新窗口打开方式返回值:返回新打开的窗口的的window对象2: close();3: window.location window.location.search; /*url ?后面的内容*/window.location.hash原创 2016-04-19 16:08:29 · 319 阅读 · 0 评论 -
javascript 面向对象基础(一)对象组成及函数封装
/** *过程式编程 *面向对象写法 * 面向对象编程的特点 * -抽象:抓住问题的核心 * -封装性:只能通过对象来访问 * -继承性:从已有对象上继承出新的对象-复用 * -多太:多对象的不同形态 * * 对象的组成 * 对象下面的变量叫做对象的属性 * arr.xxx * 对象下面的函数叫做对象的方法 * arr.xxx = f原创 2016-05-27 13:36:24 · 254 阅读 · 0 评论