摘要：最近写的文章有点多，主要关注前端的一些内容，把当前的理解做个简单的记录如果要说模块，首先要说明这个东西解决了什么问题，其实我是觉得这个东西主要起两个作用 1、隔离 2、封装 首先说隔离，这也是大家常说的，小明声明一个变量，小李也声明一个同名的变量，造成命名冲突。有了模块之后，两个人写的东西是相互隔离
阅读全文
随笔分类 - JavaScript
摘要：今天周末，夜里没事再把JS梳理一下。有兴趣的可以静下来当成个故事慢慢看。 首先说的对象。比如 var o={}创建一个对象o，但是我们没有看到构造函数。根据面向对象的思路，此处应该有个构造函数。比如C++的new 类型。 我们应该猜到，这是语法省略了。可经过这么省略，很多事情就变的迷惑了。事实上，完
阅读全文
摘要：一、js模块化历程 这是一篇关于js模块化历程的长长的流水账，记录js模块化思想的诞生与变迁，展望ES6模块化标准的未来。经历过这段历史的人或许会感到沧桑，没经历过的人也应该知道这段历史。 二、无模块时代 在ajax还未提出之前，js还只是一种“玩具语言”，由Brendan Eich花了不到十天时间
阅读全文
摘要：闭包是一个比较难理解的问题，下面就自已的理解写写 如果说闭包，首先还是牵涉到函数。函数在JS中是一个非常特殊的存在。原因在于，它经常在表面上迷惑，好像是一段代码，其实它也是对象。对于这个问题，我们可以先从直观上了解一下，比如： function f(){ } f.show=function(){ c
阅读全文
摘要：JS是个人比较喜欢的一门语言，在前端开发中也处于核心位置。前面断断续续的研究了一段时间，这其中包括 对象，原型，继承，函数，设计模式，模块，DOM操作，以及其它又多又琐碎的知识点，而且大部分内容都没有做笔记。在某个时候以为这些就是比较全面的知识了，而且应用这些知识基本也可以解决绝大部分的问题！ 但是
阅读全文
摘要：## 阅读数：6537 最近自学JavaScript，学到bind方法这块儿有些地方不太明白，自己就查了些资料，结合自己的理解写了这篇文章以备后面回顾用。。。其实应该还是搬砖为主吧。 什么是this对象 先来说说什么是this对象吧，每个函数在调用的时候都会自动获取两个特殊变量：this和argum
阅读全文
摘要：注：这篇文是根据书中的一些片段组合而成的。 观察者模式很久以前有点了解，但是用的地方很少，以至于没有去认真研究。最近在看vue框架，涉及很多观察者模式的应用，趁这个机缘研究一下。这是第一版，随着时间时时更新。 ————————————————————————————
阅读全文
摘要：分页是又基础又重要的功能，常常用于大量数据。简单说，有一堆数据，比如100条，1000条，然后按照每页N个进行显示，其模型是比较简单的。现在写个专题来探讨一下。 一、取数据的问题 为了简化说明，把数据抽象成数组，假定有100条数据，按照每5条为一组进行分页。参看下图 如上图所示，左侧为数据，临时容器
阅读全文
摘要：#题记： 有一水果类，抽象出属性包括：name（水果品种），price（价格），id（ID号）。现有两个子类，分别为苹果，桔子，希望继承水果父类。 一、构造函数继承 构造函数继承相当把父类的属性在子类执行一遍（可以理解为复制一遍），代码如下： 二、构造函数解决的优点和缺点 一、优点 构造函数解决了原
阅读全文
摘要：# var Person = function(name) { this.name = name; } var p = new Person(); //new操作符的操作等价于下面这几句 var p = {} p.__proto__ = Person.prototype Person.call(p)
阅读全文
摘要：————此篇日志会随着理解长期更新———— 一、核心代码 原型继承比较简单，其核心代码是：子类通过prototype=new 父类来实现。如下图所示： 如图所示，父类拥有的方法和属性被子类分别继承。 二、缺点 原型继承的缺点 1. 如果子类更改父类的引用属性，会导致继承的子类都会被影响。2. 无法向
阅读全文
摘要：注：这个模式是非常聪明的，很有点数学中组合的意思，现在，来看下这个模式是怎么个思想。 问题提出：假如某个操作有三种可能，分别为1，2，3，还可能是组合，比如先执行1，再执行2或者先执行2再执行3或者1，2，3等等，用常规的判定，代码如下： 现在只有3个结果的组合，如果是10个呢，这个判断条件就会无比
阅读全文
摘要：分析： <!--在JS中，定义的所有对象都具有toString()方法。Number类型的toString()方法比较特殊，有默认模式和基模式两种。 默认模式的例子： var num1 = 10;var num2 = 10.0;alert(num1.toString()); //输出10alert(
阅读全文
摘要：位置研究 第一步：纯净div，没有margin，padding,border，height设置为200px。 添加滚动条，overflow:scroll，结果div的高度被压缩，因为被滚动条占用17px（滚动条的高度为17px）。 加入滚动条前： scrollHeight=200px offsetH
阅读全文