为什么需要 avl tree avl tree 又称 平衡二叉树。主要在排序二叉树的基础上进行的一个优化。...避免排序二叉树不平衡，从而严重影响查询效率 avl tree 的特点 平衡二叉树也叫平衡二叉搜索树。...它可以是一颗空树或者它的左右两个子树的高度差的绝对值不超过1，并且左右两个子树都是一颗平衡二叉树 avl tree 实现 /** * @author shengjk1 * @date 2020/6/...= null) { root.infixOrder(); } else { System.out.println("avl tree is empty"); } } } class
instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。
# 思路 创建 XMLHttpRequest 实例 发出 HTTP 请求 服务器返回 XML 格式的字符串 JS 解析 XML 字符串 随着历史推进，XML 已经被淘汰，取而代之的是 JSON # 版本
一个 Promise 对象代表一个在这个 promise 被创建出来时不一定已知的值。它让您能够把异步操作最终的成功返回值或者失败原因和相应的处理程序关联起来。...
创建一个对象类型，需要创建一个指定其名称和属性的函数；对象的属性可以指向其他对象，看下面的例子： 当代码 new Foo(...) 执行时，会发生以下事情：
本文简述了webpack3 和 webpack4在 JS Tree Shaking 上的区别，并详细介绍了在 webpack4 环境下如何对 JS 代码 和 第三方库 进行 Tree Shaking。...JS 的 Tree Shaking 依赖的是 ES2015 的模块系统（比如：import和export） 本文介绍Js Tree Shaking在webpack v4中的激活方法。 2....说明Js Tree Shaking成功。 3. 如何处理第三方JS库？ 对于经常使用的第三方库（例如 jQuery、lodash 等等），如何实现Tree Shaking？...3.1 尝试 Tree Shaking 安装 lodash.js : npm install lodash --save 在 app.js 中引用 lodash.js 的一个函数： // app.js...并没有进行Tree Shaking。 3.2 第三方库的模块系统 版本 本文开头讲过，js tree shaking 利用的是 es 的模块系统。
# 思路 节流函数原理:规定在一个单位时间内，只能触发一次函数。如果这个单位时间内触发多次函数，只有一次生效 # 场景 拖拽 固定时间内只执行一次，防止超高频...
MDN 文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_...
console.log("array flat"); // 1. 因为只有数组才有 concat 方法，所以这里必须写入初始值 空数组 只能打平一层 // ...
只是有点复杂先用with,在用Proxy with with这个特性,也算是一个比较鸡肋的,他和eval并列为js两大SB特性. 不说无用, bug还多,安全性就没谁了......> 这样，就可以保证js脚本的执行，但是禁止iframe里的javascript执行top.location = self.location。...设置基本的安全特性 <iframe sandbox='allow-scripts' id='sandboxed' src='frame.html'> // js
Tree-Shaking 概述过滤掉无用的 JS 代码和 CSS 代码, 我们称之为 Tree-Shaking例如: 在 a.js 中引入了 b 模块, b 模块中有 2 个方法, 但是我只用到了 1...个方法默认情况下会将 b 模块中所有代码都打包到 a.js 中为了提升网页性能降低打包体积, 我们可以只将用到的方法打包到 a.js 中开启 Tree-Shaking官方文档：https://www.webpackjs.com.../guides/tree-shaking 在这里就不在写多余的废物案例了，就直接介绍一下开启环境和生产环境的使用即可，如果是在开发环境当中的话需要修改开发环境的 webpack.config.js, 也就是修改...webpack.config.dev.js, 告诉 webpack 只打包导入模块中用到的内容：图片optimization: { usedExports: true},本文主要介绍的是 JS.../custom.js';import '..
# 思路 防抖函数原理：在事件被触发 n 秒后再执行回调，如果在这 n 秒内又被触发，则重新计时 防抖动是将多次执行变为最后一次执行，节流是将多次执行变成每隔一...
盘点那些 JS 手写题 1. JS 基础 1....手写 Promise 15. 手写 Promise.all 「语法」 Promise.all(iterable); iterable：一个可迭代对象，如 Array 或 String。...是此次传进来的数值5，m值还是上一步中的7，所以add(m+n)=add(7+5)=add(12)，此时m=12，并且返回temp函数 由于后面没有传入参数，等于返回的temp函数不被执行而是打印，了解JS...将js对象转化为树形结构 // 转换前： source = [{ id: 1, pid: 0, name: 'body' }, { id: 2, pid: 1, name: 'title...' }, { id: 3, pid: 2, name: 'div' }] // 转换为: tree = [{ id: 1, pid: 0, name:
initial-scale=1.0" /> Document // 手写实现
我们来谈谈关于「JS手写」的相关知识点和具体的算法。 该系列的文章，大部分都是前面文章的知识点汇总，如果想具体了解相关内容，请移步相关系列，进行探讨。...文章list CSS重点概念精讲 JS_基础知识点精讲 网络通信_知识点精讲 好了，天不早了，干点正事哇。...new ES5、ES6继承 instanceof debounce & throttle reduce compose 合并对象 函数柯里化 深复制对象 Object.create 函数缓存 数组去重 手写...352" // "abc" Array.from与set去重 function unique(arr) { return Array.from(new Set(arr)) } ---- 手写
用Node.js写一个web服务器，我前面已经写过两篇文章了： 第一篇是不使用任何框架也能搭建一个web服务器，主要是熟悉Node.js原生API的使用：使用Node.js原生API写一个web服务器...第二篇文章是看了Express的基本用法，更主要的是看了下他的源码：手写Express.js源码 Express的源码还是比较复杂的，自带了路由处理和静态资源支持等等功能，功能比较全面。...从上面两个例子的代码来看，Koa跟Express有几个明显的区别： ctx替代了req和res 可以使用JS的新API了，比如async和await 手写源码 手写源码前我们看看用到了哪些API，这些就是我们手写的目标...本文的手写源码全部参照官方源码写成，文件名和函数名尽量保持一致，写到具体的方法时我也会贴上官方源码地址。...Express源码可以看我之前这篇文章：手写Express.js源码 Koa的思路看起来更清晰，Koa本身的库只是一个内核，只有中间件功能，来的请求会依次经过每一个中间件，然后再出来返回给请求者，这就是大家经常听说的
fn; } fn.toString = function() { return _args.reduce((sum, cur) => sum + cur); } return fn;}前端手写面试题详细解答使用...val; } } else { // 处理没有 value 的参数 paramsObj[param] = true; } }) return paramsObj;}手写...= a - b判断是否是电话号码function isPhone(tel) { var regx = /^1[34578]\d{9}$/; return regx.test(tel);}手写...// 手写简化版// 节流函数const throttle = (fn, delay = 500) => { let flag = true; return (...args) => { if...是此次传进来的数值5，m值还是上一步中的7，所以add(m+n)=add(7+5)=add(12)，此时m=12，并且返回temp函数由于后面没有传入参数，等于返回的temp函数不被执行而是打印，了解JS
call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。
JavaScript进阶的必要性 无论是学习react还是vue，它们都是js的应用框架。...剥去他们的壳子看到的始终是js，所以作为一个前端大厨必须要熟练掌握好js这个大勺，才能烧出一顿好菜 无论是自我提升还是应付面试以下这些手写功能是每一个前端程序员必须掌握的 1....返回result 结果 return result } func.myApply(newObj,['55','yw']) // xmx 55 yw apply代码执行效果 图片 相关js视频讲解...节流和防抖也是闭包的应用 手写防抖代码参考 /*** * 手写防抖 */ const debounce = (func, delay) => { let timer = null; return...图片 手写节流 /*** * 手写节流 * 这里只需要注意和防抖不同的时 不会清除定时器 */ const throttle = (func, delay) => { let flag = false
本文照例会从Express的基本使用入手，然后自己手写一个Express来替代他，也就是源码解析。...手写源码 手写源码才是本文的重点，前面的不过是铺垫，本文手写的目标就是自己写一个express来替换前面用到的express api，其实就是源码解析。...本文所有手写代码全部参照官方源码写成，方法名和变量名尽量与官方保持一致，大家可以对照着看，写到具体的方法时我也会贴出官方源码的地址。...express.js对应的源码看这里：github.com/expressjs/e… app.listen 上面说了，express.js只是一个空壳，真正的app在application.js里面，所以..._router = new Router(); } } 复制代码 app.listen，app.handle和methods处理方法都在application.js里面，application.js
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
