余光的博客

一、学习this的指向问题二、call和apply的特点与区别三、模拟实现一个call四、bind的功能五、结尾思考题+导图+示例代码，让你轻松掌握！

一、移动端禁止缩放移动端在禁止缩放上比较简单,添加meta标签即可<meta name="viewport" content=" width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">width // 设置 vie...

正则表达式 g 全局匹配的弄巧成拙当我们写好匹配规则后，利用test()进行验证时，你会发现第一次匹配出现为 true ，第二次就是 false，之后反复。例如下面的情况我们从正则表达式的使用方式开始说的起正则的使用方式第一种（正则表达式对象的方法）exec(str) : 检索字符串中指定的值。返回找到的值，并确定其位置test(str) : 检索字符串中指定的值。返回 true...

1.构造函数的简单介绍　　所谓构造函数，就是提供了一个生成对象的模板并描述对象的基本结构的函数。一个构造函数，可以生成多个对象，每个对象都有相同的结构。总的来说，构造函数就是对象的模板，对象就是构造函数的实例。 　　构造函数的特点有： 　　　　a：构造函数的函数名首字母必须大写。 　　　　b：内部使用this对象，来指向将要生成的对象实例。 　　　　c：使用new操作符来调用构造函数，...

说明popper是参考popper.js来实现浮动的工具，结构十分清晰明了，通过modifiers来处理数据的思路在vue中也有相应的体现，因此值得学习，源码较长，建议大家复制到自己的 IDE 中观看。源码解读/** * 模块处理，支持：Node，AMD，浏览器全局变量 * root 指代全局变量 * factory 指代下面的 Popper */;(function (root,...

Object.assign是ES6新添加的接口，主要的用途是用来合并多个JavaScript的对象。既然了解了一个新方法，按照常理，我们要了解它的使用方法，注意事项，以及使用场景Object.assign()接口可以接收多个参数，第一个参数是目标对象，后面的都是源对象，assign方法将多个原对象的属性和方法都合并到了目标对象上面，如果在这个过程中出现同名的属性（方法），后合并的属性（方法...

利用我们最熟悉的百度联想效果，去了解jsonp的原理

除了建立系统的知识体系以外，我们还需要为让自己的脑子是不是得运转一下~，从面试题中进行总结，该系列的灵感来自于 木易杨 大大的分享第一题、（携程）算法手写题已知如下数组...

我们直入主题，什么是异步？同步和异步的区别是什么？我们在之后会拿例子来演示一下~一、异步问：什么时候需要异步？答：事件可能会发生等待的时候（例如alert可能会发生等待）问：有哪些场景会发生等待？答：定时任务：settimeout() setinverval()网络请求：ajax、动态&lt;img&gt;标签事件绑定：ajax请求动态图片绑定了一个点击事件二、...

因为自己处于一个找工作、找实习的时间段，所以对面试题是又爱又恨，我知道掌握尽可能多的知识对我是有帮助的，但是海量的面试题并不一定都需要全部看完，我们可以从面试题中引申出完整的知识体系，这里我们拿几个题具体分析一下，我们共勉1. JS中使用typeof能得到哪些类型？这个将引申出来的内容展示一下：2. 何时使用 == 、===判断相等最好使用===，这样代表着绝对想等，那么==的情况...

顾名思义，我们在浏览很多网站，例如京东商城的时候，会发现我们的鼠标可以无止境的向下拉，一旦拉到网页的地步就会刷新出新的东西，这种技术被称为瀑布流，那么他到底是如何实现的呢？话不多收，我们从头开始敲代码，边写边整理思路，共勉~1.静态布局html：&amp;amp;amp;lt;div class=&amp;amp;quot;pubuliu_kuang&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;amp;lt;u

第一点、JavaScript Array 对象 Array 对象用于在单个的变量中存储多个值。创建 Array 对象的语法： 1.new Array(); 2.new Array(size); 3.new Array(element0, element1, …, elementn); 参数 1.参数 size 是期望的数组元素个数。返回的数组，length 字段将被设为 s...

JavaScript 对象JavaScript 中的所有事物都是对象：字符串、数值、数组、函数…此外，JavaScript 允许自定义对象。JavaScript 对象JavaScript 提供多个内建对象，比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。访问对象的属性 属性是与对象相关的值。objectName.pro...

JavaScript HTML DOM在dom篇之后我会尽量利用dom技术都写几个demo，帮助大家加深理解。通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。HTML DOM （文档对象模型） 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model） 通过可编程的对象模型，JavaScript 获得了足够的能力...

为了不让每一篇博客的篇幅过长，我会分部分让大家介绍JS我相信不是每一个学习或者想要学习js的同学都是有基础的，所以W3C上面比较基础的几部分我也不想省略，会的朋友们可以一笔带过，而我呢就当加深一下印象。第一点、运算符这是W3C有关运算符的介绍里面的图标可以清晰的表达运算符作用，为了节省文章长度，让大家不至于看太慢，我在此省略。第二点、比较比较运算符 逻...

这里我们记录一下JS之中较杂，但却比较重要一些知识点一、日期（Date）Date.now() //这里我们可以获取到当前的年月日var dt = new Date()console.log(dt.getFullYear()+&quot;-&quot;+dt.getMonth()+&quot;-&quot;+dt.getDay())获取随机数Math.random()这个方法大家应该都知道。二、数组APIfor...

写一个通用的函数，可以遍历对象和数组的通用函数 var obj = { x: 100, y: 200, z: 300 } var arr = [1, 2, 3, 4, 5, 6] function foreach(obj, fn) { var key if (obj instanceof Array) ...

因为毕业设计和找工作等一系列的事情，断更了一个月，从今天开始每周一到两篇知识点，我会尽可能用通俗的语言与记录我所接触的新、旧知识点，我们共勉~在实际操作中我遇到深拷贝的次数比较少，很难详细的去描述这个词的含义，今天我们来攻克它，认真的总结一下深浅拷贝~1.前言2.验证3.浅拷贝4.深拷贝5.实现浅拷贝6.实现深拷贝前言JavaScript的数据类型可以分为基本数据类型和引用数...

作为一个前端菜鸟，对浏览器要足够重视，今天就被问了一个问题，如何获取当前页面的url以及如何分析它的每一部分，下面记录一下我的心得。解析URLwindow对象的location属性引用的是location对象，它表示该窗口中当前显示的文档的URL，并定义了方法来使窗口载入心得文档。请注意，docuemnt的location属性也引用的是location对象。`window.loca...

“bable-runtime”: “^6.0.0”, 对es的语法做转义“fastclick”:"^1.0.6" 解决移动端 点击300ms延迟

方法一、递归方法var arr = [1, 2, null, [4, 5, &quot;a&quot;, [6, 7, 8]]] function filter(arr) { var res = [] for(let i = 0; i &amp;lt; arr.length; i++){ if(Array.isArray(arr[i])){ res = res.concat...

继承和其编程语言不同，ECMAScript 只支持实现继承，而且其实现继承主要是依靠原型链 来实现的。1.1原型链ECMAScript 中描述了原型链的概念，并将原型链作为实现继承的主要方法。其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。简单回顾一下构造函数、原型和实例的关系:每个构造函数都有一个原型对象原型对象都包含一个指向构造函数的指针实例都包含一个...

之前学习总是遇到问题再去研究表面知识，这是不可取的，在这里我们来写一个绑定事件的函数，以此巩固我们对JS事件相关知识点的理解在这里我会解释一下各个参数之间的关系function bindEvent(elem, type, selecter, fn) { if (fn == null) { //判断一下selecter这个参数是否存在...

接触js陆陆续续有两个月，由于大三在学校上课，所以并没有深入研究js，所以未来一段时间内，每天都会抽出时间深入学习js，以写博客的形式记录自己所学过的知识，也希望能对大家起到帮助。—-实践（敲代码）出真知啊兄弟们~我们一起努力！...