JavaScript
Night_Emperor
这个作者很懒,什么都没留下…
展开
-
深入理解 requestAnimationFrame
原文链接:http://www.cnblogs.com/onepixel/p/7078617.html在Web应用中,实现动画效果的方法比较多,JavaScript 中可以通过定时器 setTimeout 来实现,css3 可以使用 transition 和 animation 来实现,html5 中的 canvas 也可以实现。除此之外,html5 还提供一个专门用于请求动画的 API,即 ...转载 2018-10-02 23:02:18 · 324 阅读 · 0 评论 -
JavaScript中的连续赋值
JavaScript中的连续赋值:var a = {n: 1}var b = a;a.x = a = {n: 2}console.log(a.x);//undefined console.log(b.x)//Object {n: 2}原创 2017-11-11 23:18:53 · 1001 阅读 · 0 评论 -
闭包的应用
创建私有变量:变量 privateVariable只能通过特权方法 publicMethod()来访问。在创建MyObject 的实例后,除了使用publicMethod()这一个途径外,没有任何办法可以直接访问privateVariable 。function MyObject(){ //私有变量 var privateVariable = 10; //特权原创 2017-11-10 21:58:50 · 301 阅读 · 0 评论 -
JavaScript中的继承
原型链继承:引用类型值的原型属性会被所有实例共享在创建子类型的实例时,不能向超类型的构造函数中传递参数。 function SuperType(){this.colors = ["red", "blue", "green"];}function SubType(){}//继承了 SuperTypeSubType.prototype = new SuperType()原创 2017-11-10 21:22:54 · 230 阅读 · 0 评论 -
JavaScript中的try...catch语句和es5的严格模式
try...catch语句:try{ console.log('a'); console.log(b); console.log('c')}catch(e){//error error.name error.message -->error console.log(e.name+" : "+e.message);} console.log('d');结果:原创 2017-11-09 21:02:09 · 1085 阅读 · 0 评论 -
JavaScript DOM操作
DOM查询:getElementById():Document对象,返回值类型是元素对象。getElementsByTagName():元素对象,返回值类型是类数组NodeList object。getElementsByClassName():元素对象,返回值类型是类数组NodeList object。(IE8和IE8以下不支持)由于getElementsByCl原创 2017-11-07 21:39:09 · 664 阅读 · 0 评论 -
数组的slice方法和类数组
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/sliceslice 方法可以用来将一个类数组(Array-like)对象/集合转换成一个数组。你只需将该方法绑定到这个对象上。下述代码中 list 函数中的 arguments 就是一个类数组对象。fun原创 2017-10-31 21:09:03 · 1738 阅读 · 0 评论 -
使用ajax()制作瀑布流
设计一个固定四列的瀑布流,每张图片的位置放在最短的li中。无标题文档body {margin: 0;}#ul1 {width: 1080px; margin: 100px auto 0;}li { width: 247px; list-style: none; float: left; margin-right: 10px; }li div {border: 1px soli原创 2017-10-12 18:26:47 · 410 阅读 · 0 评论 -
javascript的toString深入探究
原文链接:http://www.cnblogs.com/liulangmao/p/4218327.htmltoString()方法是所有对象都有的一个方法,无论是字符串,数组,对象,都可以调用这个方法,但是,事实上,他们调用的并不是同一个函数哦! 看下面的代码:var str = '123';console.log(Object.prototype.toString===s转载 2017-10-29 19:24:12 · 258 阅读 · 0 评论 -
JavaScript深入之类数组对象与arguments
原文链接:https://github.com/mqyqingfeng/Blog/issues/14类数组对象所谓的类数组对象:拥有一个 length 属性和若干索引属性的对象举个例子:var array = ['name', 'age', 'sex'];var arrayLike = { 0: 'name', 1: 'age', 2: 'sex', lengt...转载 2017-10-29 11:38:20 · 293 阅读 · 0 评论 -
20个必会的JavaScript面试题
原文链接:https://segmentfault.com/a/1190000008785931问题1:JavaScript 中 undefined 和 not defined 的区别JavaScript 未声明变量直接使用会抛出异常:var name is not defined,如果没有处理异常,代码就停止运行了。但是,使用typeof undeclared_v转载 2017-10-21 00:24:14 · 306 阅读 · 0 评论 -
JavaScript基础
1.数据类型基本数据类型:共5种,Number,Boolean,String,Null,Undefiend复杂数据类型:Object2.typeof操作符:返回值是字符串,并且首字母是小写:"object", "string", "undefined", "number", "boolean","function" 2.1对未初始化或未声明的变量执行typeof操作符会返回字符串u原创 2017-10-28 18:57:02 · 295 阅读 · 0 评论 -
JSONP学习笔记
无标题文档function fn1(data) { var oUl1 = document.getElementById('ul1'); var html = ''; for (var i=0; i<data.length; i++) { html += ''+data[i]+''; } oUl1.innerHTML = html;}function fn2(data) {原创 2017-10-10 21:44:54 · 234 阅读 · 0 评论 -
ajax提交表单
利用表单提交: 表单同步提交 window.onload = function(){ var str = window.location.search; if(str){ var flag = str.split('='); if(flag[1] == 1){ document.getElementById('showInfo').innerHTML原创 2017-12-22 09:49:25 · 228 阅读 · 0 评论 -
javascript - encodeURI和encodeURIComponent的区别
原文链接:http://www.cnblogs.com/huangjacky/p/4015690.html这两个函数功能上面比较接近,但是有一些区别。encodeURI:不会进行编码的字符有82个 :!,#,$,&,',(,),*,+,,,-,.,/,:,;,=,?,@,_,~,0-9,a-z,A-ZencodeURIComponent:不会进行编码的字符有71个:!, ',(,),*,-...转载 2018-04-13 11:21:59 · 259 阅读 · 0 评论 -
浏览器同源策略及Cookie的作用域
原文链接:https://www.cnblogs.com/liaojie970/p/7606168.html所谓"同源"指的是"三个相同":1.协议相同2.域名相同3.端口相同当着三个地方相同才算同源例如:http://www.example.com:8888/dir/page.html协议是http://域名是www.example.com端口是8888采用同源策略的目的:是为了保证用户...转载 2018-03-22 23:32:22 · 409 阅读 · 0 评论 -
玩转JavaScript OOP[3]——彻底理解继承和原型链
原文链接:http://www.cnblogs.com/keepfool/p/5573121.html概述上一篇我们介绍了通过构造函数和原型可以实现JavaScript中的“类”,由于构造函数和函数的原型都是对象,所以JavaScript的“类”本质上也是对象。这一篇我们将介绍JavaScript中的一个重要概念原型链,以及如何经原型链实现JavaScript中的继承。转载 2018-01-21 00:30:16 · 260 阅读 · 0 评论 -
深入理解JavaScript系列(5):强大的原型和原型链
原文链接:http://www.cnblogs.com/TomXu/archive/2012/01/05/2305453.html前言JavaScript 不包含传统的类继承模型,而是使用 prototypal 原型模型。虽然这经常被当作是 JavaScript 的缺点被提及,其实基于原型的继承模型比传统的类继承还要强大。实现传统的类继承模型是很简单,但是实现 Ja转载 2018-01-21 00:28:17 · 202 阅读 · 0 评论 -
BOM浏览器对象模型
原文链接:http://www.cnblogs.com/Peng2014/p/4725524.html访问和操作浏览器窗口的模型称为浏览器对象模型BOM(Browser Object Model)。 BOM整体对象图。 核心是window对象;以下有特殊双重身份:window对象既是ECMAScript规范中的Global转载 2018-01-21 23:28:34 · 278 阅读 · 0 评论 -
跨域CORS原理及调用具体示例
原文链接:http://blog.csdn.net/yuebinghaoyuan/article/details/32723753上篇博客介绍了JSONP原理,其不足,就是只能使用GET提交,若传输的数据量大,这个JSONP方式就歇菜了。那这篇博客就来介绍另一种跨域介绍方案—CORS。 相对JSONP,CORS支持POST提交,并且实施起来灰常简单,CORS原理只需要向响应头he转载 2017-12-18 23:38:14 · 419 阅读 · 0 评论 -
ajax详解
原文链接:http://www.cnblogs.com/blackgan/p/5860393.html一,js中的ajax ajax(Asynchronous Javascript And XML)即为异步的JavaScript和XML,顾名思义,这个技术是和我们当前页面刷新无关的,因为它是异步的,在没有ajax的时候,我们如果去请求数据库中的数据就要将当前页面进行刷新,最常用转载 2017-12-18 22:57:50 · 230 阅读 · 0 评论 -
localStorage 和sessionStorage
原文链接:localStorage使用总结一、什么是localStorage、sessionStorage在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏转载 2017-12-17 00:57:08 · 227 阅读 · 0 评论 -
cookie、 sessionStorage 、localStorage之间的区别和使用
原文链接:http://www.cnblogs.com/zhengyeye/p/5619506.html1.cookie:存储在用户本地终端上的数据。有时也用cookies,指某些网站为了辨别用户身份,进行session跟踪而存储在本地终端上的数据,通常经过加密。一般应用最典型的案列就是判断注册用户是否已经登过该网站。2.HTML5 提供了两种在客户端存储数据的新方法:(htt转载 2017-12-17 01:00:21 · 226 阅读 · 0 评论 -
正则表达式学习笔记
正则对象方法:exec()var str = "ababab";var reg = /ab/g;console.log(reg.lastIndex);console.log(reg.exec(str));console.log(reg.lastIndex);console.log(reg.exec(str));console.log(reg.lastIndex);console.原创 2017-12-10 20:35:30 · 185 阅读 · 0 评论 -
javascript正则表达式
by 年华 :http://blog.csdn.net/wu595679200/article/details/50488020基础篇1.正则中的 开始和结束限制符号1. ^表示匹配字符串的开始,$表示匹配字符串的结束var reg = /^this/; //只能匹配开始位置为this 的字符串。var str = 'this is a test!';转载 2017-10-13 18:28:28 · 399 阅读 · 0 评论 -
avaScript This 的六道坎
原文链接:https://blog.crimx.com/2016/05/12/understanding-this/鉴于this风骚的运作方式,对this的理解是永不过时的话题,本文试图通过将其大卸六块来钉住这个磨人的妖精。首先this is all about context.this说白了就是找大佬,找拥有当前上下文(context)的对象(context object)。大佬可以分为六层,层...转载 2017-10-21 00:12:56 · 302 阅读 · 0 评论 -
一道有意思的笔试题引发的对于new操作符的思考
原文链接:http://www.cnblogs.com/zichi/p/4392944.html楼主比较喜欢看一些很短但很有意思的题目,无意间又瞥到了一题,大家不妨可以一试。(原题链接猛戳这里)function Fn1() { this.name = 'peter'; return { name: 'jack' };}function Fn2()转载 2017-10-21 00:10:11 · 256 阅读 · 0 评论 -
破解前端面试(80% 应聘者不及格系列):从 闭包说起
原文链接:https://zhuanlan.zhihu.com/p/25855075不起眼的开始招聘前端工程师,尤其是中高级前端工程师,扎实的 JS 基础绝对是必要条件,基础不扎实的工程师在面对前端开发中的各种问题时大概率会束手无策。在考察候选人 JS 基础的时候,我经常会提供下面这段代码,然后让候选人分析它实际运行的结果:for (var i = 0; i 5;转载 2017-10-20 21:23:57 · 356 阅读 · 0 评论 -
js中的事件委托或是事件代理详解
文章转自http://www.cnblogs.com/liugang-vip/p/5616484.html起因:1、这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的;2、其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考;概述:那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上转载 2017-09-04 11:32:44 · 212 阅读 · 0 评论 -
JavaScript中的运动和拖拽
对最近一段时间学习JavaScript的整理:一、div匀速运动:var timer=null;function startMove(){ var oDiv=document.getElementById('div1'); clearInterval(timer);//防止重复点击速度加快 timer=setInterval(function (){ var iSpee原创 2017-08-15 15:59:20 · 406 阅读 · 0 评论 -
JavaScript string 的replace
文章转自:http://www.cnblogs.com/dolphinX/archive/2012/11/21/2780559.html在使用JavaScript对字符串进行处理的时候我们经常会用到replace方法,很简单的一个方法,以前一直不以为意,直到今天看JavaScript语言精粹的时候读到了一个有趣的小例子的时候,并不是十分理解,了解了一下replace的用法才明白,原来r转载 2017-08-21 23:36:31 · 314 阅读 · 0 评论 -
经典JavaScript正则表达式实战
匹配结尾的数字来源:如何用 javascript 正则表达式 取出字符串最后一组数字,谢谢如30CAC0040 取出403SFASDF92 取出92 正则如下:/\d+$/g --> \d+至少包含一个数字;$字符串结尾统一空格个数来源:正则匹配空格的问题字符串内字符键有空格,但是空格的数量可能不一致,通过正则将空格的个数统一变为一个。转载 2017-08-13 17:57:09 · 819 阅读 · 0 评论 -
JavaScript 作用域链与闭包
文章转自:http://blog.csdn.net/yglskfj/article/details/8054822?locationNum=5&fps=1 JavaScript 中有 Scope( 作用域 ) , Scope chain( 作用域链 ) , Execute context( 执行上下文 ) , Active Object ( 活动对象 ),Dynamic Scope(转载 2017-07-09 21:51:14 · 242 阅读 · 0 评论 -
call apply bind
call()函数的模拟(代码来自网络):Function.prototype.call2 = function (context) { var context = context || window; context.fn = this; var args = []; for(var i = 1, len = arguments.length; i < le...原创 2017-07-09 01:05:51 · 316 阅读 · 0 评论 -
JavaScript继承基础讲解
文章转自:http://www.phpstudy.net/b.php/67631.html说好的讲解JavaScript继承,可是迟迟到现在讲解。废话不多说,直接进入正题。 既然你想了解继承,证明你对JavaScript面向对象已经有一定的了解,如还有什么不理解的可以参考《面向对象JS基础讲解,工厂模式、构造函数模式、原型模式、混合模式、动态原型模式》,接下来讲一般通过那些方转载 2017-07-08 22:29:05 · 434 阅读 · 1 评论 -
BAT及各大互联网公司2014前端笔试面试题:JavaScript篇
文章转自:http://blog.csdn.net/MR_yuan24/article/details/40457683有往年的,答案不确保一定正确,如有错误或有更好的解法,还请斧正。前面几题是会很基础,越下越有深度。初级Javascript:1.JavaScript是一门什么样的语言,它有哪些特点?没有标准答案。2.javascript的数据类转载 2017-07-16 23:18:34 · 393 阅读 · 0 评论 -
JavaScript中的数据类型
最近在学习JavaScript高级程序设计(第三版),做了一些笔记: 5 种简单数据类型(也称为基本数据类型):Undefined、Null、Boolean、Number和 String。还有 1 种复杂数据类型——Object,Object 本质上是由一组无序的名值对组成的。 typeof操作符:鉴于 ECMAScript 是松散类型的,因此需要有一种手段来检测给定变量的数据类型——...原创 2017-07-15 16:01:09 · 291 阅读 · 0 评论 -
JS中的事件绑定,事件捕获,事件冒泡以及事件委托,兼容IE
文章来源:http://www.cnblogs.com/ninofocus/archive/2012/11/07/javascript-event-bind.html http://www.cnblogs.com/zhangmingze/p/4864367.html http://www.cnb转载 2017-09-04 15:37:08 · 448 阅读 · 0 评论 -
js获取css值的方法:style、getComputedStyle和currentStyle
文章转自:http://blog.csdn.net/lzding/article/details/46317777js 获取 html元素的样式有三种方式:style、getComputedStyle 和 currentStyle等。区别在于:(1)style 只能获取行间样式,但能设置样式。(2)getComputedStyle 和 currentStyle 能够获取 行间样转载 2017-08-22 23:33:22 · 2561 阅读 · 0 评论 -
JavaScript中的offset
一.offsetLeft:元素的border与父元素border之间的距离。无标题文档 *{margin: 0;padding: 0;}#div1{ width: 200px;height: 200px;background: red;background-clip:content-box;padding: 15px;border: solid 20px pink; marg原创 2017-08-23 16:13:43 · 592 阅读 · 0 评论