icktpxcls的博客

11 个 ES2022（ES13)中惊人的 JavaScript 新特性

作为一个从事IT培训行业多年的人，被问及最多的三个问题就是，前端和后端哪个更好学？前端和后端哪个就业前景好？哪个薪资更高？众所周知，最近几年互联网发展迅速，想要从事互联网的同学也越来越多。那对于新手来说，选择一个自己喜欢的方向非常重要。有兴趣才能坚持，坚持才能成功。Java和Web前端，是当前热门职业之中之二，两者在关注度和热度上不分伯仲，也经常被拿来比较。那么，Java和Web前端，IT新人该如何选择呢？从发展层面来说，Java作为一门老牌编程语言，在国内的发展已经非常完善，目前，大部分的企业都使用

JavaScript 扩展运算符简介ES6 提供了一个名为扩展运算符的新运算符，它由三个点 (…) 组成。扩展运算符允许我们扩展可迭代对象的元素，例如数组、映射或集合。例如：const odd = [1,3,5];const combined = [2,4,6, …odd];console.log(combined);输出：[ 2, 4, 6, 1, 3, 5 ]在此示例中，奇数数组前面的三个点 (…) 是展开运算符。扩展运算符 (…) 解包奇数数组的元素。请注意，ES6 还具有三个点 (…

ES5 提供了八进制（前缀 0）、十进制（无前缀）和十六进制 (0x) 的数字文字。ES6 增加了对二进制字面量的支持并改变了它表示八进制字面量的方式。八进制要在 ES5 中表示八进制文字，我们使用零前缀 (0) 后跟八进制数字序列（从 0 到 7）。例如：let a = 051;console.log(a); // 41如果八进制文字包含超出范围的数字，JavaScript 会忽略前导 0 并将八进制文字视为十进制，如下例所示：let b = 058; // invalid octalcon

1、数值排序 | 升序 [⇣⁰₉]const arr = [40, 100, 1, 5, 25, 10];arr.sort(function(a, b){return a-b;});之前：[40,100,1,5,25,10]之后：[1,5,10,25,40,100]说明：对于数字排序，必须创建一个 Comparator 实体或比较函数。在上面的代码片段中，这相当于const compare = function(a, b){return a-b;};排序结果是arr.sort(com

JavaScript const 关键字简介ES6 提供了一种使用 const 关键字声明常量的新方法。const 关键字创建对值的只读引用。const CONSTANT_NAME = value;按照惯例，常量标识符是大写的。与 let 关键字一样， const 关键字声明块作用域变量。但是，由 const 关键字声明的块范围变量不能重新分配。let 关键字声明的变量是可变的。这意味着我们可以随时更改它们的值，如以下示例所示：let a = 10;a = 20;a = a + 5;con

JavaScript let 关键字简介在 ES5 中，当我们使用 var 关键字声明一个变量时，变量的作用域要么是全局的，要么是局部的。如果在函数之外声明变量，则变量的范围是全局的。在函数内声明变量时，变量的作用域是局部的。ES6 提供了一种使用 let 关键字声明变量的新方法。let 关键字类似于 var 关键字，只是这些变量是块作用域的。例如：let variable_name;在 JavaScript 中，块用花括号 {} 表示，例如 if else、for、do while、while、t

CSS 是每个 Web 开发人员必备的样式表语言。 它允许我们设置网页样式并使其具有响应性。 此外，借助 flexbox 和 grid 等新的 CSS 功能，我们可以轻松地为我们的网页创建复杂的布局。CSS与所有其他不同的语言一样，CSS 也有自己可以使用的功能。 这些函数可以放置在您要放置属性值的位置。在某些情况下，它们可以伴随另一个值声明。 一些 CSS 函数甚至可以嵌套到其他函数中，让您一次完成许多事情。在本文中，我将与您分享一些作为 Web 开发人员应该知道的有用的 CSS 函数。 现在，让我

1、按强类型风格写代码js是弱类型的，但是写代码的时候不能太随意，写得太随意也体现了编码风格不好。下面分点说明：（1）定义变量的时候要指明类型，告诉JS解释器这个变量是什么数据类型的，而不要让解释器去猜，例如不好的写法：var num,str,obj;声明了三个变量，但其实没什么用，因为解释器不知道它们是什么类型的，好的写法应该是这样的：var num =0,str =’’,obj =null;定义变量的时候就给他一个默认值，这样不仅方便了解释器，也方便了阅读代码的人，他会在心里有数——

当今IT行业盛行，从事IT行业人员越来越多，从前端到后端职业中，更多的人喜欢前端开发，因为前端入门简单，学习起来容易，并且现在市场需求逐渐加大，只要拥有好的技术，会深受企业亲睐！今天就为各位分享web前端起步阶段、提升阶段、成型阶段都应该学习哪些知识？如何去学习这些知识？起步阶段1、基本知识的掌握在梳理的知识架构中，按照分析的两个维度里最前置的、最浅显的部分，作为打基础的阶段，必须要在这个过程中更多投入到实践中去，通常做的多了、熟练了，就认为这部分知识和内容掌握了。2、常用工具的掌握对于常用工具的

一 、基础原型每个对象都包含一个原型属性（prototype），用于关联另一个对象，关联后就能使用那个对象的属性和方法，这其实就是JavaScript的原型式继承。操作原型有如下方法：（1）Object.create()根据指定的原型创建新对象，原型可以是nullconst parentObj = {add: function() {return this.a + this.b;}};const newObj = Object.create(parentObj, {a: {value

JavaScript 区分大小写JavaScript 中的所有内容，包括变量、函数名、类名和运算符都是区分大小写。这意味着counter和Counter变量是不同的。同样，你不能将instanceof用作函数的名称，因为它是一个关键字。但是，instanceOf是一个有效的函数名。标识符标识符是变量、函数、参数或类的名称。标识符由以下格式的一个或多个字符组成：第一个字符必须是字母（az 或 AZ）、下划线 ( _ ) 或美元符号 ()。其他字符可以是字母（az、AZ）、数字（0−9）、下划线（）和

1、 模拟延迟有时我们需要模拟某些动作之间的特定延迟。使用以下代码就很容易实现：function delay(timeout) {return new Promise((resolve) => {const timeoutHandle =setTimeout(() => {clearTimeout(timeoutHandle);resolve()}, timeout);});}这个util函数的用法如下：async function(){console.log(‘Th

有很多方法可以从 JavaScript 数组中删除项目。但是，在这篇文章中，我们将研究 5 种方法来做到这一点。出于某种原因，有时，你想从 JavaScript 数组中删除项目。有很多选择，这也意味着有很多可能出错的空间。JavaScript像任何其他编程语言一样，JavaScript 允许程序员使用数组对象。是的，是对象。之所以强调数组作为对象，是因为 JavaScript 数组是对内存中地址的实际引用。因此，你对该阵列所做的任何更改都将在你使用它时一直保留。好了，简单介绍完了，接下来就是介绍我们将

1、在多条路线中使用一个组件这是开发人员遇到的一种非常常见的情况，即多个路由解析到同一个 Vue 组件。然而，问题在于 Vue 优化了你的应用程序并重用现有组件而不是创建新组件。因此，如果你尝试在使用相同组件的路由之间切换，则不会有任何改变。//路由器.jsconst routes = [{path: “/a”,component: MyComponent},path: “/b”,];要解决此问题，你需要在 元素上添加 :key 属性——这可能在你的 App.vue 文件中。这将帮助

JavaScript 有很多很酷的特性，但大多数初学者和中级开发人员都不知道。 今天，我挑选了 10 个 JavaScript 项目中使用的技巧。1、有条件地向对象添加属性我们可以使用扩展运算符 … 来有条件地向 JavaScript 对象快速添加属性。const condition = true;const person = {id: 1,name: ‘John Doe’,…(condition && { age: 16 }),};如果每个操作数的计算结果都为真， &am

一 回调函数异步编程的最基本方法，把任务的第二段单独写在一个函数里面，等到重新执行这个任务的时候，就直接调用这个函数。优点：简单、容易理解和实现。缺点：多次调用会使代码结构混乱，形成回调地狱。function sleep(time, callback) {setTimeout(() => {// 一些逻辑代码callback();}, time);}二 事件监听异步任务的执行不取决于代码的执行顺序，而取决于某个事件是否发生。优点：易于理解，此外对于每个事件可以指定多个回调函数，

一、性能比2.x快1.2～2倍diff算法的优化在vue2中，虚拟dom是全量比较的。在vue3中，增加了静态标记PatchFlag。在创建vnode的时候，会根据vnode的内容是否可以变化，为其添加静态标记PatchFlag。diff的时候，只会比较有PatchFlag的节点。PatchFlag是有类型的，比如一个可变化文本节点，会将其添加PatchFlag枚举值为TEXT的静态标记。这样在diff的时候，只需比对文本内容。需要比对的内容更少了。PatchFlag还有动态class、动态style

爱创课堂小编从面试和日常工作两个方面来讨论这个问题面试方面有种说法叫，相信大家都听说过，那就是“面试造航母，工作拧螺丝”。抛开面试官想和你“技术pk”的可能性，我对这个的理解是，面试官是在心里面和你pk技术。开个玩笑，按小编的正解是尽可能了解你编程能力的极限，你的下限他们知道，但是你的上限也很重要。所以面试中有个一两道算法题不奇怪，不需要对算法有畏惧的心理.一般正常的算法题，面试官也不会出得非常难，因为非常难的算法题，面试官也不一定会，所以算法题常常控制在正常难度。还有一点就是,面试的时候，面试官往往

今天想聊聊在Web前端开发中经常用到的技术：获取元素属性的一系列方法【innerHTML、outerHTML、innerText 、outerText、value、text()、html()，val()】这些方法，大家应该用过，如果让你说出它们的一些区别和联系，能答得上来吗？下面爱创课堂小编，带你一起来回顾一下。首先我们需要把它们归类下：innerHTML、outerHTML、innerText 、outerText、value 属于原生javascript的方法。text()、html()，val

对于一个学前端的同学来说js是所有学习的人来说必不可少的知识点，而且js学的好坏直接关系到一个人是否能真正学的怎么样。这不仅仅是我的知识体系，更是我时刻提醒自己的自检清单。下面我会把我的自检清单分享给大家，你可以按照清单上的知识检测自己还有哪些不足和提升，我也建议大家建自己的知识体系，这样工作或者学习甚至面试时，你能快速定位到知识清单中的点，如果你有哪些我没归纳到的点，欢迎在评论区告诉我。一、JS基础前端工程师吃饭的家伙，深度、广度一样都不能差。变量和类型1.JS规定了几种语言类型2.JS对象

一、清除浮动的方式父级 div 定义 height原理：父级 div 手动定义 height，就解决了父级 div 无法自动获取到高度的问题。简单、代码少、容易掌握 ，但只适合高度固定的布局。结尾处加空 div 标签 clear：both原理：在浮动元素的后面添加一个空 div 兄弟元素，利用 css 提高的 clear：both 清除浮动，让父级div 能自动获取到高度 ，如果页面浮动布局多，就要增加很多空 div，让人感觉很不好 。父级 div 定义 伪类：after 和 zoom/清

1. JS 的 typeof 返回哪种数据类型？基 本 数 据 类 型 ： String,boolean,Number,Undefined, Null, ；引 用 数 据 类 型 Object(Array,Date,RegExp,Function)如何判断某变量是否为数组数据类型？if(typeof Array.isArray===“undefined”){Array.isArray = function(arg){return Object.prototype.toString.call(a

一、你知道多少种Doctype文档类型？该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset。XHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 以及 Frameset。Standards （标准）模式（也就是严格呈现模式）用于呈现遵循最新标准的网页，而 Quirks（包容）模式（也就是松散呈现模式或者兼容模式）用于呈现为传

什么叫做网站前端开发，它和网页制作、网页设计有什么区别？“软件产业国际化，最重要的是人才”，目前中国的软件人才存在数量和结构上的双重缺口，尤其是前端开发。在国外前端开发与后端开发已形成1：1的比例，也就是说国外对前端开发很重视。而在中国前端开发往往被别人们单纯地理解为网页设计或网页制作。看过相关资深人士的博客后，深受感触，在国内能把前端开发解释得这么清晰的人不占多数。人们更愿意找捷径去实现目的，但却忘记了开发的本质，就像现在的很多的程序员愿意用已经设计好的网页制作工具来做网页，关于手写代码都完全抛在脑后，