随笔分类 - JavaScript
摘要：事件委托这里就不阐述了，比如给 li 绑定一个点击事件👇 但是这样会有一个小 bug，就是点击的不是 li 而是 li 里面的 span 时，就不会触发事件处理函数，这显然不对 我们再来看一个改进之后的： 问题明显解决。
阅读全文
摘要：TypeScript是JavaScript的超集，它可以编译成纯JavaScript。 TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行，并且是开源的。 一、安装： TypeScript安装需要通过npm（Node.js包管理器），所以需要先安装 NodeJs， 可以使用 nod
阅读全文
摘要：什么是代理模式 代理模式（英语：Proxy Pattern）是程序设计中的一种设计模式。 所谓的代理者是指一个类别可以作为其它东西的接口。代理者可以作任何东西的接口：网络连接、内存中的大对象、文件或其它昂贵或无法复制的资源。 著名的代理模式例子为引用计数（英语：reference counting）
阅读全文
摘要：在 JS 面试中，经常会看到一些简单而又沙雕的题目，这些题目包含一些陷阱，但这些在我们规范的编码下或者业务中基本不会出现。 有些面试官就是这样，不专注于制定代码的标准和规范上，却用不规范的代码去检验别人是否细心。 这魔幻的世界就是一个攀比优越感的，我能考你，我就是比你优越，真实。 来看看这 7 个沙
阅读全文
摘要：本文主要介绍24中es6方法，这些方法都挺实用的，本本请记好，时不时翻出来看看。 1.如何隐藏所有指定的元素 1 const hide = (el) => Array.from(el).forEach(e => (e.style.display = 'none')); 2 3 // 事例:隐藏页面上
阅读全文
摘要：1 扩展运算符 在ES6中。 三个点(...) 有2个含义。分别表示 扩展运算符 和 剩余运算符。 数组展开 1 function test(a,b,c){ 2 console.log(a); 3 console.log(b); 4 console.log(c); 5 } 6 7 var arr =
阅读全文
摘要：原文链接 什么是闭包（Closure） 简单讲，闭包就是指有权访问另一个函数作用域中的变量的函数。 MDN 上面这么说：闭包是一种特殊的对象。它由两部分构成：函数，以及创建该函数的环境。环境由闭包创建时在作用域中的任何局部变量组成。 但是，网上找了好多资料，它们对闭包的定义也各有各样，搞得我也不知道
阅读全文
摘要：1. 确保数组值 使用 grid ，需要重新创建原始数据，并且每行的列长度可能不匹配， 为了确保不匹配行之间的长度相等，可以使用Array.fill方法。 let array = Array(5).fill(''); console.log(array); // outputs (5) ["", "
阅读全文
摘要：什么是原型链？ 是一种关系，实例对象和原型对象之间的关系，关系是通过原型来联系的 或者是原型链就是创建一个构造函数，它会默认生成一个prototype属性并指向原型对象。使用下一个构造函数的原型对象作为这个构造函数的实例。 1 //构造函数 2 function Person(name,age) {
阅读全文
摘要：你可能在网上见过有人用 几个不同的字符写的各种稀奇古怪的 JavaScript 代码，虽然看起来奇怪，但是能正常运行！比如这个： 1 (!(~+[])+{})[--[~+""][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]] 你猜运行结果是什么？你可以自己去控
阅读全文
摘要：1.利用es6的iterable数据结构set 原理： ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set 本身是一个构造函数，用来生成 Set 数据结构。 (利用的算法类似' '，与' '的区别是 ‘ ’认为NaN != NaN ,set的算法认为它们是
阅读全文
摘要：大家都知道，javascript是解释性语言，主要特点为解释一行执行一行。 而在js运行时会进行三件事：1.语法分析 2.预编译 3.解释执行 语法分析会在代码执行前对代码进行通篇检查，以排除一些低级错误 预编译发生在代码执行的前一刻 解释执行就是执行代码 预编译的作用： 1、函数声明整体提升； 即
阅读全文
摘要：事件委托在算是JS里比较流行的技术了。它可以让我们添加监听器到父元素上，来避免监听每个子元素。下面我就用一个简单的例子来说明吧。 比如说现在一个列表里有几千个子元素： 1 <body> 2 <div id="container"> 3 <ul id="list"> 4 <li><a href="#"
阅读全文
浙公网安备 33010602011771号