25
头图

JavaScript 是一门基于原型、头等函数的语言,是一门多范式的语言,它支持面向对象程式設計,指令式编程,以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等,不支持 I/O,比如网络、存储和图形等,但这些都可以由它的宿主环境提供支持。

知识进阶

《JS阻塞渲染,这么多年我理解错啦?》

在中文社区,这么多年一直流传一个说法:JS线程负责执行JS,GUI渲染线程负责渲染,这两者是互斥的,所以JS执行时会阻塞渲染。

但随着Dev Tools使用的增多,逐渐开始怀疑以上说法。本文会以实际案例来解释为什么JS阻塞渲染。

《JavaScript 之原型、原型链》

其他编程语言如 Java 等使用 new 命令时,都会调用“类”的构造函数。但是,JavaScript没有“类”,本身并不提供一个 class 实现(虽然在ES6中提供了class 关键字,但其只是语法糖,JavaScript仍然是基于原型的)。于是,JavaScript作了一个简化的思想,new 命令后面跟的不是类,而是构造函数,用构造函数生成实例对象,但其缺点是无法共享属性和方法。于是,就为构造函数设置了一个 prototype 属性,这个属性包含一个对象(prototype对象)。所有实例对象需要共享的属性和方法都放在这个对象里,那些不需要共享的属性和方法就放在构造函数里。

《JavaScript Promise 的理解和使用》

什么是Promise?
Promise怎么用?

《5个一定要学会的JavaScript新特性》

JavaScript 在不断地升级迭代,越来越多的新特性让我们的代码写起来变得简洁有趣,这篇文章会介绍5个新特性,一起研究一下吧。

《你可能不了解的 Promise 微任务类型》

ECMA 规范中把 Promise 微任务分成了 NewPromiseReactionJob 和NewPromiseResolveThenableJob 两种类型,下面结合规范来分别看下这两种微任务的产生时机和执行内容。

《JavaScript闭包》

在 JavaScript 中闭包描述的是 function 中外层作用域的变量被内层作用域引用的场景,闭包的结构为内层作用域保存了外层作用域的变量。

本文将带你用正确姿势看待JavaScript闭包。

《JavaScript内存泄漏》

在传统的网页开发时无需过多考虑内存管理,通常也不会产生严重的后果。因为当用户点击链接打开新页面或者刷新页面,页面内的信息就会从内存中清理掉。

随着SPA(Single Page Application)应用的增多,迫使我们在编码时需要更多的关注内存。因为如果应用使用的内存逐渐增多会直接影响到网页的性能,甚至导致浏览器标签页崩溃。

这篇文章,我们将研究JavaScript编码导致内存泄漏的场景,提供一些内存管理的建议。

《JS中的块作用域和遮蔽效应》

JS中的代码块是什么?
块级作用域是什么?
遮蔽效应是什么?
非法遮蔽是什么?
块级作用域和词法作用域

应用实践

《js 生成UUID的几种方法》

UUID(Universally Unique IDentifier) 全局唯一标识符。
UUID是一种由算法生成的二进制长度为128位的数字标识符。UUID
的格式为“xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”,其中的 x 是 0-9 或 a-f
范围内的一个32位十六进制数。在理想情况下,任何计算机和计算机集群都不会生成两个相同的UUID。

《js数组去重常见的七种方法》

filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。item是当前元素的值,index是当前元素的索引值。indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。利用indexOf() 查询到数组的下标,看是否等于当前的下标,相等的话就返回,否则不返回值。

《JavaScript深拷贝的几种方法》

浅拷贝是创建一个新对象,这个对象有着原始对象属性值的拷贝。如果属性是基本类型,拷贝的就是基本类型的值,如果属性是引用类型,拷贝的是内存地址 。如果不进行深拷贝,其中一个对象改变了对象的值,就会影响到另一个对象的值。
深拷贝是将一个对象从内存中完整的拷贝一份出来,从堆内存中开辟一个新的区域存放新对象,且修改新对象不会影响原对象。

《js 数据类型转换的几种方式》

强制类型转换 String(),toString() 转字符串类型
字符串转数值类型 Number parseInt()
字符串转数组split,数组转字符串join
.......

《JavaScript的几种继承方式》

JavaScript的几种继承方式
原型链继承
借助构造函数继承(经典继承)
组合继承:原型链 + 借用构造函数(最常用)
原型式继承 (Object.create)
寄生式继承
寄生组合式继承(最理想)
ES6中的继承

《让你事半功倍的 JS utils工具函数》

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

《2022年的JavaScript开发工具》

编译器负责将输入代码转换为某种目标输出格式。出于我们的目的,我们关注的是那些支持将现代 JavaScript 和TypeScript 转换成特定版本的 ECMAscript 的编译器,这些 ECMAscript 兼容浏览器和最新版本的 Node.js。

《手动实现一个JS执行引擎》

支持解析js脚本生成语法树、格式化代码
支持运行完整js脚本
支持安全模式运行单行表达式
支持设置超时时间

《js获取页面尺寸》

在大多数情况下,document.documentElement.clientWidth 都能返回正确的值, 但在IE6的quirks模式中,document.body.clientWidth返回正确的值,所以要做兼容处理。另外clientWidth 和 clientHeight 都是只读属性,不能对它们赋值。

面试真题

《js面试题(基础)梳理》

JavaScript有几种数据类型?
JavaScript最大安全数字与最小安全数字?
深拷贝与浅拷贝的区别?
闭包是什么?

《js面试题(进阶)梳理》

undeclared 与 undefined的区别?
let & const与 var 的区别?
获取DOM元素有哪些方法?
操作DOM元素有哪些方法

热门问答

课程推荐

《前端大数据可视化实战》

相信从事前端开发人员还是对于html,css,javascript,Browser等等有一定认识了解的。但是了解的程度如何呢? 知道含义?简单/熟练使用?深入研究?
请大家试着回答我下面几个问题:

页面编写是否更多还停留在 div 套 div ?样式编写更多还是宽,高,定位?
JavaScript 是否深入了解过? javascript 为什么是单线程呢?(设计初衷?受限原因?)
JavaScript 在 Browser (浏览器)中如何运行的? 如何编译的?( 预编译?即时编译? )
在前端领域内自己是否有专注的一个方向?或者说是找工作的杀手锏?

试着解答过后或许结果并不是那么理想,结果如何没有太大关系,个人认为有问题不可怕,及时发现问题就是好的结果。对于每个人来说都不是万能的,是需要时刻学习,时刻进步的。

课程收获:

  • 掌握一项随处可见、日益增加的技术需求
  • 提升自身技术,拓宽前端视野
  • 加强硬实力,把握晋升机会
  • 基于计算机底层,向前端架构迈进

PS:大家想看哪些方面的技术内容,可以在评论区留言喔 ~
如有问题可以添加小姐姐微信~
image.png


Beverly
882 声望2.1k 粉丝

怂人面前全是坑,努力填坑 。