随笔分类 - JavaScript
本分类是针对JavaScript个人使用经验，做一个小的日积月累的总结。喜欢开发编程的朋友，可以拿去尝试，练习，每天更新一点点，每天学习一点点。让自己从不懂到熟练。
最后说明：本博客积累是博主一点一点的积累，供喜欢的开发者们学习，交流。不得私自转载，转载需附上本博客地址，否则责任自负。
摘要：背景：实现一个通用化表格组件，根据数据驱动动态创建表头和行数据以及单元格 优点：无需根据业务场景创建多个Table模板适应多个业务。只需配置对应数据。 图例： 一、改造前element-ui实现方式 <template> <el-table :data="tableData" border styl
阅读全文
摘要：双引号替换成单引号 双引号替换成\" 单引号替换成双引号
阅读全文
摘要：毫无疑问，js中的对象是引用类型的对象。我们使用 == 或者 已经无法判断两个对象的属性和值是否相等。 code：（Fn） 验证以上的方法： function isObjectValueEqual(a, b) { function isObjectValueEqual(a, b) { //取对象a和
阅读全文
摘要：var lastWord = 'last word'; var a = { 'first word': 'hello', [lastWord]: 'world' }; a['first word'] // "hello" a[lastWord] // "world" a['last word'] // "world"
阅读全文
摘要：在使用layui的slider滑块控件的时候，firefox遇到了event is not defined 的情况。追究原因是因为layui的layui.js 的滑块功能依赖于silder.js，而官方的slider.js的源码是有问题的。格式化后： 会发现，event是undefined。所以我们
阅读全文
摘要：前面例子中每添加一个属性和方法就要敲一遍 Person.prototype。为减少不必要的输入，也为了从视觉上更好地封装原型的功能，更常见的做法是用一个包含所有属性和方法的对象字面量来重写整个原型对象，如下面的例子所示。 我们将 Person.prototype 设置为等于一个以对象字面量形式创建的
阅读全文
摘要：1、标识构造函数对象实例的类型（构造函数的属性和操作符） 对象实例.constructor == 构造函数对象 在前面例子的最后，person1 和 person2 分别保存着 Person 的一个不同的实例。这两个对象都有一个 constructor（构造函数）属性，该属性指向 Person，如下
阅读全文
摘要：1. 垃圾收集 另一个块作用域非常有用的原因和闭包及回收内存垃圾的回收机制相关。这里简要说明一 下，而内部的实现原理，也就是闭包的机制会在第 5 章详细解释。 考虑以下代码： click 函数的点击回调并不需要 someReallyBigData 变量。理论上这意味着当 process(..) 执
阅读全文
摘要：JavaScript 面向对象编程（三）：非构造函数对象的继承 一、什么是"非构造函数"的继承？ 比如，现在有一个对象，叫做"中国人"。 还有一个对象，叫做"医生"。 请问怎样才能让"医生"去继承"中国人"，也就是说，我怎样才能生成一个"中国医生"的对象？ 这里要注意，这两个对象都是普通对象，不是构
阅读全文
摘要：Javascript面向对象编程（二）：构造函数的继承 这个系列的第一部分，主要介绍了如何"封装"数据和方法，以及如何从原型对象生成实例。 今天要介绍的是，对象之间的"继承"的五种方法。 比如，现在有一个"动物"对象的构造函数。 还有一个"猫"对象的构造函数。 怎样才能使"猫"继承"动物"呢？ 一、
阅读全文
摘要：学习Javascript，最难的地方是什么？ 我觉得，Object（对象）最难。因为Javascript的Object模型很独特，和其他语言都不一样，初学者不容易掌握。 Javascript 面向对象编程（一）：封装 Javascript是一种基于对象（object-based）的语言，你遇到的所有
阅读全文
摘要：JavaScript闭包的详细理解 一、原理：闭包函数--指有权访问私有函数里面的变量和对象还有方法等；通俗的讲就是突破私有函数的作用域，让函数外面能够使用函数里面的变量及方法。 1、第一种创建方式 2、第二种创建方式 3、第三种创建方式 实例： a、闭包实现迭代器。 b、闭包实现点击增加p标记 初
阅读全文
摘要：1、以下是JavaScript事件兼容性写法，使用者可以随意使用，兼容所有浏览器。包括IE6（亲测）
阅读全文
摘要：1、JavaScript编写随机四位数验证码，用到的知识点为： a、Math对象的随机数：Math.random() b、Math对象的取整 ：Math.floor() c、处理所需要的下标个数，结合以上两个Math对象。 2、首先，来做几道简单的结果输出。 a、Math.random()*100；
阅读全文
摘要：1、关于JavaScript表单验证，如果使用双向绑定的前端js框架，会更容易的多。但是博主还是建议大家不要脱离源生js本身。因为源生js才是王道。 注意： a、代码中的错误提示可能会没有，在代码中找到 “错误.jpg” 图片，自己制作一个 b、验证的判断已经完成，只需要根据自己的验证规则进行表单验
阅读全文
摘要：<input type="button" name="m" value="关闭窗口" onclick="window.close()">
阅读全文
摘要：JavaScript数组去重 1、原型去重法。通过prototype找到数组的源性对象Array，在数组的原型上添加unique()方法。需要使用的时候使用 点 “ . ” 进行连接。 优点：扩展性比较高，复用性比较高。 缺点：通过给数组对象扩展，新增方法，导致数组结构中有新增了一个方法。此时如果用
阅读全文
摘要：1、数组的从大到小排序 2、数组的从小到大排序。
阅读全文
浙公网安备 33010602011771号