前言数组去重在面试和工作中都是比较容易见到的问题。这篇文章主要是来测试多个方法，对下面这个数组的去重结果进行分析讨论。如果有不对的地方，还请大家指出。 const arr = [ 1, 1, "1", "1", 0, 0, "0", "0", true, false, "true", "false", "a", "A", undefined, undefined, "undefined", nul

Read More

vivo 互联网前端团队-Wei XingHoudini被称之为Magic of styling and layout on the web，看起来十分神秘，但实际上，Houdini并非什么神秘组织或者神奇魔法，它是一系列与CSS引擎相关的浏览器API的总称。一、Houdini 是什么在了解之前，先来看一些Houdini能实现的效果吧：反向的圆角效果（Border-radius)：动态的球形背景（

Read More

前言js的典型的场景监听页面的scroll事件拖拽事件监听鼠标的 mousemove 事件...这些事件会频繁触发会影响性能，如果使用节流，降低频次，保留了用户体验，又提升了执行速度，节省资源。原理节流的原理：持续触发某事件，每隔一段时间，只执行一次。通俗点说，3 秒内多次调用函数，但是在 3 秒间隔内只执行一次，第一次执行后 3 秒 无视后面所有的函数调用请求，也不会延长时间间隔。3 秒间隔结束

Read More

@TOC JavaScript 的组成 对于运行在浏览器上的 JS 来说，可以视为分成三个部分：1、JS 核心语法2、DOM API：浏览器提供的一组，操作页面元素的API3、BOM API：浏览器提供的一组，操作浏览器窗口的API。 这两组 API，其实就是给 JS 核心语法 打下手的。换句话说：你光有一个语法核心，缺少API，是很难实现一些有实际价值的程序的。在后面，我讲的 Servlet

Read More

本文将向您介绍如何在浏览器中测试JavaScript代码的6种流行测试方法。通常，测试JavaScript的过程对于新手测试人员来说，可能会比较痛苦。对此，业界已经开发出了许多现成的工具、技术和框架，尽量让该过程变得轻松一些。其中，诸如：Mocha、Jasmine和Jest之类的工具，提供了测试结构，而Istanbul和Blanket之类的工具则能够生成代码覆盖率的相关报告。可以说，在浏览器中，使

Read More

通过CSS制作的时钟大家肯定看到的多了，但是像下面这样的时钟是不是很少见，整个时钟是有很多个小的时钟组合而成，每秒通过多个时钟的动画来切换时间，不得不说这个设计是非常的炫酷且有特色。 前言 看到这个动画效果你有什么思路，你会怎么实现呢？可以先想一下你的答案，看看与本文的思路是否一致。本文既然是探讨的CSS动画，那么界面上这么多的时钟是尽可能的不是真的多个时钟，那样操作DOM及JS的逻辑就太复杂了，

Read More

JavaScript 的 switch 有四样写法，你知道么？不管你知道不知道，反正我是不知道。我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯，刚好四种。 不过本文的主角是 switch。大家都了解 switch 的写法

Read More

笔者曾经在 SAP 成都研究院 CRM Fiori开发团队工作时，担任了德国一个著名的灯具制造商客户的CRM Fiori项目的dev angel. 当时客户提出了若干对 CRM Fiori标准应用的增强需求，总的来说分为前台Fiori UI界面的增强(比如增添新的自定义字段)以及后台逻辑的增强。 当时还处于Fiori 1.0时代，还没有直接在浏览器上使用S/4HANA的Key User tool进

Read More

前言 上文对原型和原型链做了一些简单的概念介绍和解析，本文将浅析一些原型链的扩展。 javaScript原型和原型链http://lewyon.xyz/prototype.html 扩展原型链 使用new操作符 利用原型是对象的特性，实例化对象的时候，继承多个构造函数的属性和方法 兼容性：支持目前以及所有可想象到的浏览器 (IE5.5 都可以使用) function parent1() {}

Read More

前言 在了解原型和原型链之前，我们先了解一部分概念，constructor，prototype，proto。 constructor 在之前判断数据类型的文章: javaScript常见数据类型检查校验 有提到过关于构造函数的属性constructor constructor 的是返回创建实例对象的 构造函数的引用，这个属性的值是对函数本身的引用，而不是一个包含函数名称的字符串具体用法：构造函数

Read More

在很早以前，写过一篇文章 “类”设计模式和“原型”设计模式——“复制”和“委托”的差异 ，大致意思就是说：代码复用，也就是继承、重写，有两种思路：1. 面向对象的类继承；2. 基于 JavaScript 原型链的原型继承；前者的主要特点是：复制，通俗来说就是把变量、属性再复制一份，后者的主要特点是：委托，通过属性的查找来实现的。后来呢，深入了解 JavaScript 高级程序设计中的继承，包括构造

Read More

今日分享一篇积累和收集了很久的JS utils工具函数，文章代码量较多，建议收藏起来慢慢看，当哪一天需要用到的时候，打开你尘封已久的收藏夹，相信能让你的业务代码开发事半功倍。汇集了时间相关，DOM相关，URL相关，判断相关，图片相关，缓存相关等。部分逻辑处理较为简单，如果是业务量较为复杂的情况建议要斟酌使用，但对于大部分的项目应该是绰绰有余。接下来就进入代码部分吧～时间相关时间戳转自定义格式时间e

Read More

Cesium实现卫星在轨绕行 这个效果其实网上很多案例了，本来不打算写了，但是做都做了，稍微来说一下吧，代码实测可用！ 最后的效果就是这个样子的啦！ 就是很简单的一个卫星，放射信号，然后围着轨道转圈圈。 资源网站 首先呢，分享几个网站，尽管大家应该都有，但是还是分享一下子吧。 cesium API 中文网站 3D模型下载 其中这个下载3D模型的网站有很多3D模型，可以根据自己的需要搜索下载使用

Read More

宏任务和微任务的队列入门知识，可以参考之前的文章： [JavaScript的事件循环机制] 宏任务和微任务在前端面试中，被经常提及到，包括口头和笔试题 async && await概念 async 使用async关键字声明的函数，是AsyncFunction构造函数的实例，在async函数体内，可以使用await接收promise实例 async和await关键字，在开发过程中，可

Read More

@toc 概念和功能 JavaScript一门客户端脚本语言 运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎 脚本语言：不需要编译，直接就可以被浏览器解析执行了 功能：可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验。 JavaScript发展史 1. 1992年，Nombase公司，开发出第一门客户端脚本语言，专门用于

Read More

avaScript 高级程序设计第 4 版（后简称高程4），相较于第 3 版，增加了 ES6 至 ES10 的全新内容，删除了旧版过时的内容，并在原有基础上充实了更加翔实的内容。中文译版于 2020 年发售，妥妥的“新鲜出炉”，你要是问本瓜：当今学 JavaScript 哪家强，我只能说：红宝书第 4 版最在行。于是乎，借着更文契机，本瓜将开启一个小系列，带你重看一遍高级程序设计4（先前只是跳着跳

Read More

JavaScript 高级程序设计第 4 版（后简称高程4），相较于第 3 版，增加了 ES6 至 ES10 的全新内容，删除了旧版过时的内容，并在原有基础上充实了更加翔实的内容。中文译版于 2020 年发售，妥妥的“新鲜出炉”，你要是问本瓜：当今学 JavaScript 哪家强，我只能说：红宝书第 4 版最在行。​于是乎，借着更文契机，本瓜将开启一个小系列，带你重看一遍高级程序设计4（先前只是跳

Read More

JavaScript 高级程序设计第 4 版（后简称高程4），相较于第 3 版，增加了 ES6 至 ES10 的全新内容，删除了旧版过时的内容，并在原有基础上充实了更加翔实的内容。中文译版于 2020 年发售，妥妥的“新鲜出炉”，你要是问本瓜：当今学 JavaScript 哪家强，我只能说：红宝书第 4 版最在行。于是乎，借着更文契机，本瓜将开启一个小系列，带你重看一遍高级程序设计4（先前只是跳着

Read More

JavaScript 高级程序设计第 4 版（后简称高程4），相较于第 3 版，增加了 ES6 至 ES10 的全新内容，删除了旧版过时的内容，并在原有基础上充实了更加翔实的内容。中文译版于 2020 年发售，妥妥的“新鲜出炉”，你要是问本瓜：当今学 JavaScript 哪家强，我只能说：红宝书第 4 版最在行。于是乎，借着更文契机，本瓜将开启一个小系列，带你重看一遍高级程序设计4（先前只是跳着

Read More

@[toc] 小册介绍 数据结构与算法是计算机专业必修课，但是对于前端工程师来说，沉浸在业务代码之中很少会和算法直接打交道，甚于说根本不需要用到什么算法。那么我们为什么要学习算法，意义何在？不会算法活不是一样能干。把一件事情做到极致是非常必要的职业心态，这离不开数据结构和算法。另一方面，再说面试，这和在学生时代为什么要学数理化是一个道理，考试要考，你就要学。面试造火箭，工作拧螺丝，面试官通过问几道

Read More