6 天前 / Dunizb
在了解编程语言的基础上，你还必须了解如何组织数据，以便根据任务轻松有效地操作数据。这就是数据结构的作用。 在这篇文章中，我将描述队列数据结构，其具有的操作以及向您展示 JavaScript 中的队列实现。 1.队列数据结构如果你喜欢旅行（像我一样），很可能你在机场通过了办理登机手续。如果有很多旅客愿意办理登机手续，自然就会在值机柜台前排起长龙。 刚进入机场并想要办理登机手续的旅客将排队进入队列，而刚刚在服务台办理了登机手续的旅客则可以离开队列。 这是队列的真实示例—队列数据结构以相同的方式工作。
6 天前 / 九彩拼盘
点击上方“前端 Sharing”，选择“设为星标” 第一时间关注技术干货！ 不知道在座的各位有没有被问到过这样一个问题：如果页面卡顿，你觉得可能是什么原因造成的？有什么办法锁定原因并解决吗？ 这是一个非常宽泛而又有深度的问题，他涉及到很多的页面性能优化问题，我依稀还记得当初面试被问到这个问题时我是这么回答的： 先会检查是否是网络请求太多，导致数据返回较慢，可以适当做一些缓存也有可能是某块资源的 bundle 太大，可以考虑拆分一下然后排查一下 js 代码，是不是某处有过多循环导致占用主线程时间过长浏览器某帧渲染的东西太多...
7 天前 / 开发者头条
大家好，我是周刊菌。 牛年行牛运！加入「码农周刊 VIP 会员」，一起牛起来！ 以下内容选自「码农周刊 VIP 会员」圈子，每日更新，精彩不断。码农周刊是什么？码农周刊是一份专为广大程序员、编程爱好者们打造的 IT 技术周刊。每周发送。 2013 年 9 月 12 日创刊至今，已发送 300 多期，订阅用户超 20 万。 专业、简单、有用，是我们一直坚持的办刊宗旨。一路走来，我们见证了不少订阅用户从编程新手进阶成了高级程序员、架构师、CTO…… 2020 年 4 月，为了给用户提供更优质的服务，我们推出了「码农周刊 VIP 会员」服务。
10 天前 / dreamapple
首先跟大家说一下我为什么会有这个想法吧，因为最近在空闲时间学习 Swift 和 SwiftUI 的时候会经常使用到这种叫做尾闭包的语法，就觉得很有趣。同时因为很早之前看过 jamiebuilds 的 the-super-tiny-compiler，就想着能不能自己也实现一个类似的有趣好玩简单的编译器。所以就有了 js-trailing-closure-toy-compiler 这个项目，以及今天的这篇文章。 对于不熟悉 Swift 的同学来说，我先来解释一下什么是尾闭包。简单来说，就是如果一个函数的最后一个参数也是一个函数，那么我们就可以使用尾闭包的方式来传递最后一个函数。
16 天前 / Dunizb
原文：https://blog.jetbrains.com/webstorm/2021/03/webstorm-under-the-hood-how-we-build-our-javascript-ide/ 作者：Aleksandra Aganezova 构建一个 IDE 是一个广泛而复杂的工程。这似乎很明显，对吧？但你有没有想过，各种零碎的东西是如何组合成一个统一的环境的？引擎之下到底发生了什么？这些都是一些最有趣的问题。 我与 WebStorm 产品经理 Ekaterina Prigara 坐了下来，详细讨论了 WebStorm 本身，我们如何构建它以及我们的未来计划。 嗨，Ekaterina！让我们从谈论您在 WebStorm 团队中的角色开始。
18 天前 / 青年码农
break 和 continue 语句为执行循环代码提供了更严格的控制手段。其中，break 语句用于立即退出循环，强制执行循环后的下一条语句。而 continue 语句也用于立即退出循环，但会再次从循环顶部开始执行。 1 break 我们看一个例子，使用 for 循环。 for(leti=0;i<10;i++){ if(i==8){ break; } console.log(i) } 使用 for 循环，i 小于 10，增加判断，当 i 等于 8 时，break。看有什么效果。 通过控制台可以看出，循环到 8，之后就没有输出了。说明 break 是直接退出当前循环。使整个循环循环终止。
19 天前 / 太空编程
语言的一些高级特性的使用可以帮助我们更好去实现一些复杂的功能，以尽量简短的语句来使代码看上去更简洁、逻辑更完善，而且这样减少了出现 bug 的风险。接下来让我总结一些 JavaScript 中的一些简写小技巧。 1. 声明多个变量 //常规写法 letx; lety=20; //简写 letx,y=20; 2. 为多个变量赋值我们可以使用数组解构赋值，仅用一行代码实现为多个变量赋值。 //常规写法 leta,b,c; a=5; b=8; c=12; //简写 let[a,b,c]=[5,8,12]; 3. 恰当使用三元运算符我们可以在这里用三元运算符（也称条件运算符）节省 5 行代码。
20 天前 / 青年码农
if 语句是使用最频繁的语句之一，switch 语句是与 if 语句紧密相关的一种流控制语句。 1 if 语句 if( 条件){ //执行语句 1 }else{ //执行语句 2 } 应该很好理解，判断是否满足条件，如果满足，执行语句 1，如果不满足，执行语句 2。并且求值结果不一定是布尔值。ECMAScript 会自动调用 Boolean()函数将这个表达式的值转换为布尔值。 consta=1 if(a>0){ console.log("是正数"); }else{ console.log("是负数"); }如果条件不止一个呢？我们可以使用 else if。
21 天前 / 冷星1024
//每日前端夜话第 506 篇 //正文共：1400字 //预计阅读时间：6 分钟 作为一个优秀的程序猿需要具有知识的广度。首先是要了解你选择的编程语言。 然而在熟悉了编程语言之后，你还必须了解如何根据任务轻松且有效地操纵数据。这就是数据结构的用武之地。 在本文中，我将描述队列数据这个结构：它都有哪些操作以及在 JavaScript 中怎样实现。 1. 队列数据结构如果你喜欢四处旅行，肯定在火车站经历过检票这道手续。如果有很多人要坐火车，那么很自然地会形成一个队列。刚进入车站的人加入队列。另一边刚刚通过检票的人从队列中走出。
23 天前 / u561252
一 AST 是什么？ 1 AST：Abstract Syntax Tree - 抽象语法树 当我们查看目前主流的项目中的 devDependencies，会发现各种各样的模块工具。归纳一下有：JavaScript 转译、css 预处理器、elint、pretiier 等等。这些模块我们不会在生产环境用到，但它们在我们的开发过程中充当着重要的角色，而所有的上述工具，都建立在 AST 的基础上。 2 AST 工作流程 parse：把代码解析为 AST。 transform：对 AST 中的各个节点做相关操作，如新增、删除、替换、追加。业务开发 95% 的代码都在这里。 generator：把 AST 转换为代码。
24 天前 / 青年码农
JavaScript 中循环语句不少，for、for in、for of 和 forEach 循环，今天对比 Array、Object、Set(ES6)、Map(ES6)四种数据结构循环语句支持的情况及区别。 新建四种数据类型的测试数据 letarr=[1,2,3,4,5,6]; letobj={a:1,b:2,c:3}; letmap=newMap([['a','a1'],['b','b2'],['c','c3']]); letset=newSet(['a','b','c']); 1for 普通 for 循环在 Array 中可以使用。遍历数组时，是遍历数组下标索引，通过下标去取值。 for(let i=0;i{ console.log(value,index) }) Set set.forEach((value,key)=>{ console.log(value,key) }) Map map.forEach((value,key)=>{ ...
27 天前 / 青年码农
原型和原型链是 JavaScript 中一个比较难理解的概念，什么是 prototype？什么是 proto？什么是构造函数？ 讲原型和原型链，如果是讲定义，那很是晦涩难懂，今天我们就通俗易懂的说说原型与原型链。还需要借助阮老师的“Javascript 继承机制的设计思想”。 1 构造函数 在讲原型和原型链之前，我们简单说下什么是构造函数，在 JavaScript 中，用 new 关键字来调用的函数，称为构造函数。任何的函数都可以作为构造函数存在，构造函数首字母一般大写。
28 天前 / 桃源小盼聊技术
本文属于原创文章，转载请注明–来自桃源小盼的博客 前言为什么写这篇文章，并不是不知道这些类型，而是发现常常会忘记其中的一个两个。像这类知识，其实就是记忆型的知识，并不需要多么深入的理解。 一次性记住这么多，其实并不容易，刚开始学习时很容易就记住了，过段时间就又忘记了，因为并没有形成长期记忆。所以我做了分类管理，每次提起这个问题，先想到的是有哪些分类，再回忆每个分类下有哪些内容。 JavaScript 中的变量是没有类型的，只有值才有。
28 天前 / 青年码农
这几天再看“JavaScript 高级程序设计”，打算巩固下基础，顺便对一些常用的进行总结，之后的更新可能都是基础知识。有兴趣的可以关注下公众号 今天说说 JavaScript 的数据类型，很多人会认为有六种数据类型，其实不是很全面，我们就盘盘 JavaScript 到底有几种数据类型，我们分原始类型和引用类型说。 1 typeof 操作符 在说数据类型之前，我们需要知道如何去判断一个变量属于什么数据类型，typeof 操作符就是为此而生的。
32 天前 / Dunizb
原文：https://javascript.plainenglish.io/34-javascript-optimization-techniques-to-know-in-2021-d561afdf73c3 作者：Atit 开发者的生活总是在学习新的东西，跟上变化不应该比现在更难，我的动机是介绍所有 JavaScript 的最佳实践，比如简写功能，作为一个前端开发者，我们必须知道，让我们的生活在 2021 年变得更轻松。 你可能做了很长时间的 JavaScript 开发，但有时你可能没有更新最新的特性，这些特性可以解决你的问题，而不需要做或编写一些额外的代码。这些技术可以帮助您编写干净和优化的 JavaScript 代码。