- 博客(25)
- 收藏
- 关注
RSS订阅原创 数组的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
转载 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
转载 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
原创 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
294
原创 仿写一个简单的jQuery（学习笔记）
jQuery学习笔记：function myAddEvent(obj, sEv, fn){ if(obj.attachEvent) { obj.attachEvent('on'+sEv, function (){ if(false==fn.call(obj)) { event.cancelBubble=true; return false; }
2017-10-23 20:29:51
744
转载 js之script属性async与defer
原文链接http://www.cnblogs.com/tanhehe/p/4236021.html概念默认情况下js的脚本执行是同步和阻塞的，但是 标签有 defer 和 async 属性, 这可以改变脚本的执行方式，这些都是布尔类型了，没有值，只需要出现在 标签里即可。如： 还要注意一点，html5说这些属性只在和src属性联合使用时才
2017-10-22 21:20:41
319
转载 HTML渲染过程详解
原文链接：http://www.cnblogs.com/dojo-lzz/p/3983335.html无意中看到寒冬关于前端的九个问题，细细想来我也只是对第一、二、九问有所了解，正好也趁着这个机会梳理一下自己的知识体系。由于本人对http协议以及dns对url的解析问题并不了解，所以这里之探讨url请求加载到浏览器端时，浏览器对html的解析到呈现过程，后来经过几位道友分享，整理了一下
2017-10-22 21:17:49
408
转载 浏览器的渲染原理简介
原文链接：https://coolshell.cn/articles/9666.html 看到这个标题大家一定会想到这篇神文《How Browsers Work》，这篇文章把浏览器的很多细节讲得很细，而且也被翻译成了中文。为什么我还想写一篇呢？因为两个原因， 1）这篇文章太长了，阅读成本太大，不能一口气读完。 2）花了大力气读了这篇文章后可以了解很多，但似乎对工作没什么帮助。
2017-10-22 21:12:46
295
转载 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
305
转载 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
300
转载 一道有意思的笔试题引发的对于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
转载 破解前端面试（80% 应聘者不及格系列）：从 闭包说起
原文链接：https://zhuanlan.zhihu.com/p/25855075不起眼的开始招聘前端工程师，尤其是中高级前端工程师，扎实的 JS 基础绝对是必要条件，基础不扎实的工程师在面对前端开发中的各种问题时大概率会束手无策。在考察候选人 JS 基础的时候，我经常会提供下面这段代码，然后让候选人分析它实际运行的结果：for (var i = 0; i 5;
2017-10-20 21:23:57
356
转载 JavaScript面试题
1、考察thisvar length = 10;function fn() { console.log(this.length);}var obj = { length: 5, method: function(fn) { fn(); arguments[0](); }};obj.method(fn, 1); 输出：10
2017-10-20 19:57:18
339
原创 前端面试JavaScript编程
1.请写一个字符串转成驼峰的方法？例如：border-bottom-color -> borderBottomColor。function camel(str){ str=str.replace(/-([a-z])/g,function(a,b){ return b.toUpperCase(); }); return str;
2017-10-13 19:30:08
349
转载 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
原创 使用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
409
原创 jQuery之ajax学习笔记一
$.param(): console.log($.param({'aaa':'1','bbb':'2'}));//aaa=1&bbb=2 console.log($.param({'aaa':'[','bbb':'2'}));//aaa=%5B&bbb=2 console.log($.param({'aaa':[1,3],'bbb':'2'}));//aaa%5B%5D=1&
2017-10-11 17:47:28
379
原创 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
原创 jQuery中延迟对象then方法和when方法源码分析
每个then()函数都会返回一个新的deferred对象，then方法先根据父级状态执行添加的函数，然后再根据情况修改状态。在父级的deferred对象的三个添加函数done fail progress中，都添加了一个相同的函数。如果函数的执行结果返回的也是一个deferred对象，则then方法返回的deferred对象对象的状态取决于函数返回的deferred对象。 ...
2017-10-08 13:38:14
1286
转载 javascript逻辑运算符“||”和“&&”
文章转自：http://www.cnblogs.com/pigtail/archive/2012/03/09/2387486.html一、先来说说||（逻辑或）,从字面上来说，只有前后都是false的时候才返回false，否则返回true。alert(true||false); // truealert(false||true); // truealert(true
2017-10-07 23:41:35
269
转载 javascript callee和caller
文章转自：http://www.cnblogs.com/guoyansi19900907/p/3584130.htmlarguments的主要用途是保存参数,但是他还有callee属性.一:callee指向arguments对象的函数.示例一:1 function calture(num) {//阶乘计算2 if (num return
2017-10-07 11:20:04
239
原创 jQuery DOM元素添加删除
remove()和detach()的区别：$('div').click(function(){ alert(123); });var $div = $('div').detach();$('body').append( $div );//使用detach()方法删除，再添加后，仍具有点击事件。$('div').click(function(){ alert(123); });va...
2017-10-02 17:28:40
293
原创 jQuery DOM操作筛选
filter() not() has():div1spandiv2$('div').filter('.box').css('border','1px red solid');选出div，并且类为box,进行操作$('div').not('.box').css('border','1px red solid');选择div 并且类不是box，进行操作$('div')
2017-10-02 10:31:40
527
原创 jQuery事件学习笔记
on():div 11111 11111 11111 11111$('#div1').on('click',function(){ alert(123); });$('#div1').on('click',{name:'hello'},function(ev){ alert(ev.data.name); });$('ul').on('clic
2017-10-01 17:31:32
258
原创 jquery对象的基本方法和属性--学习笔记
toArray:专属组toArray: function() { return core_slice.call( this ); },$('div') : { 0 : div , 1 : div , 2 : div , length : 3 }，得到的是json对象；$('div').toArray() : [div,div,div]，得到的是数组。原生数组，不能调用jQuery方法
2017-10-01 09:47:46
444
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人