本文来盘点微软开源的十大前端项目，这些项目在 Github 上获得了超过 45 万 Star！ Visual Studio Code Visual Studio Code 是一款由微软开发的开源的代码编辑器。它支持多种编程语言，如C、C++、C#、Python、JavaScript 和 TypeSc ...

1.原始值和引用值 ECMScript变量包含两种不同类型是数据：原始值和引用值。 原始值：最简单的数据。有6中原始值：Undefined、Null、Boolean、Number、String和Symbol。原始值是按值访问。 引用值：由多个值构成的对象。三大引用类型：1.object 2.Arra ...

1、案例：猜数字 设置一个1-10之间的随机数，然后输入进行猜数字，猜的大了怎么样、猜的小了怎么样、猜对了怎么样 知识点：设置随机数 、if判断 、while循环 写题思路： 1.设置弹框提出问题 2.定义一个随机数0-10的数组 3.if 判断 取值的范围，在其范围内反馈的结果 4.while循环 ...

在日常开发中，很多时候需要对数组进行分组，每次都要手写一个分组函数，或者使用lodash的groupBy函数。好消息是，JavaScript 现在正在引入全新的分组方法：Object.groupBy和Map.groupBy，以后再也不需要手写分组函数了，目前最新版本的 Chrome（117）已经支持 ...

上半年vercel 推出了nextjs13 这个大版本，刚好最近有个c端的项目，所以就用了这个框架来写，技术体系基本也是文档提到的 tailwindcss + ts + swr + ssr ，总的来开发体验还可以，不管是打包速度、文档、错误信息提示目前都还满意，只不过目前nextjs13 中文资料有 ...

在JavaScript开发的现代世界中，有许多不同的前端框架可供我们用来编写应用程序，从旧的框架如Backbone.js到较新的Angular、React和Vue等。这些框架通常使用模型视图控制器（MVC）设计模式或其变体之一，例如模型视图表现器（MVP）或模型视图视图模型（MVVM）。当将这组模式 ...

web前端JavaScript交互 点击事件 意义： JavaScript中的点击事件是指当用户在页面上点击某个元素时触发的事件。这个事件可以用于执行各种操作，如改变元素的样式、修改页面内容等。这是Web应用程序中最常用 的交互方式之一，允许用户与网页进行交互，提高用户体验。 案例： 随机点名器 知 ...

工作中经常遇到按照指定格式的时间进行展示。可参考以下脚本逻辑满足需求 Date.prototype.PtTimeByFormat = function (fmt){ var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 ...

作用域(scope)规定了变量能够被访问的“范围”，离开了这个“范围”变量便不能被访问。作用域分为：局部作用域和全局作用域。 ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 作为一个资深的切图仔，我们难免会需要用到把自己写的页面的一些功能通过视频的方式分享给别人。还有一个场景，就是当我们面试的时候，我们需要把我们的屏幕分享给面试官看，那么这些都是怎么实 现的呢？ 那么接下来我们就通过这篇文章来学习一下如何实现 ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 JavaScript 语言的内核足够大，导致我们很容易误解它的某些部分是如何工作的。我最近重构了一些使用 every ()方法的代码，并且发现我并不真正理解every()的逻辑。在我看来，我认为回调函数必须被调用并返回 true的时候ev ...

1.为什么需要模块化 随着前端应用的日益复杂，我们的项目代码已经逐渐膨胀到了不得不花大量时间去管理的程度了。而模块化就是一种最主流的代码组织方式，它通过把复杂的代码按照功能的不同划分为不同的模块单独维护，从而提高开发效率、降低维护成本。模块化可以使你能够更容易地重用代码。你可以创建一个模块来完成一个 ...

ES 2023新特性速解 一、新增数组方法 操作数组的方法 Array.prototype.toSorted(compareFn) //返回一个新数组，其中元素按升序排序，而不改变原始数组。 Array.prototype.toReversed() //返回一个新数组，该数组的元素顺序被反转，但不改 ...

背景： 随着项目体量越来越大，用户群体越来越多，用户的声音也越来越明显；关于应用发版之后用户无感知，导致用户用的是仍然还是老版本功能，除非用户手动刷新，否则体验不到最新的功能；这样的体验非常不好，于是我们团队针对该问题给出了相应的解决方案来处理；技术栈：vue3+ts+vite+ant-design ...

相比用户停留时间短、用完即走的 Web 页面，桌面 QQ 用户在一次登录后，可能会挂机一周以上，这段期间，如果没有严格控制好 QQ 内存占用，那么结果可能是用户交互响应变慢、甚至 Crash。在系统监控工具里，高内存占用也会被直观地反映出来，带来不好的口碑。MAC QQ 灰度期间，也听到了一些用户关... ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 今天，我们要实现一个很常见并且简单的功能：将手机号中间的几位数变成**** 这个功能其实很常见，比如我们微信的账号安全里面显示的手机号、掘金的账号设置里面显示的手机号、支付宝里面的证件号码、各大银行的App卡号.....还有很多有关系到我 ...

介绍 在本文中，我试图以最简洁的方式来阐明JavaScript编程原理中对象类型赋值和原生类型赋值之间的区别，以及它们各自是如何工作的。这也是我希望在我的JavaScript编程生涯早期就已经理解的东西。 JS中的原生类型和对象类型 首先，让我们回顾一下JavaScript中不同的原生类型和对象类型 ...

3.类和对象 3.1面向对象 这里顺带提一句学习JAVA时，老师说的面向对象和面向过程的区别： 面向过程：强调做什么事情，具体什么步骤。举个把大象放进冰箱的例子： 打开冰箱门 把大象放进冰箱 关上冰箱门 面向对象：强调的是做动作的主体（称之为对象） 冰箱：打开操作 冰箱：放的操作（放的可以是大象也可 ...

1.构造函数和原型 1.1 概述 在典型的 OOP语言中（如Java)，都存在类的概念，类就是对象的模板，对象就是类的实例，但在ES6之前，JS并没有引入类的概念。 在ES6之前，对象不是基于类创建的，而是一种称为构建函数的特殊函数来定义对象和它们的特征。 有三种创建对象的方式： 对象字面量（con ...

工作中经常会遇到监听数组发生变化时执行相应的回调触发逻辑，客户应用场景中需要实现对象变量的动态监听，当变量发生变化时触发回调函数，实现事件发送等应用场景。 通常由以下两种方式实现需求 一.通过改变对象原型prototype方法实现回调监听 //创建一个数组原型对象 var arrayProtoTyp ...