前端总结
文章平均质量分 88
总结内容
小丞同学
无比热爱,来日方长!学习方向:前端
展开
-
Event 对象,你很了解吗?
还记得上一次使用 event 对象是什么场景吗?我猜一定是用来获取 target 或者用来阻止事件冒泡吧最近在看了一些代码和文章之后,发现 Event 对象并没有想象的那么简单,当然还是很简单,它还有更多丰富的用法!Event 对象就是事件对象,它是在事件发生之后产生的,作为参数传给监听函数。它是浏览器原生支持的一个构造函数,所有的事件都是这个对象的实例Event 构造函数接收两个参数,第一个参数是事件的名称,第二个参数是一个配置对象,主要有三个属性以上几个属性的默认值都是 false下面就通过构造原创 2022-07-14 13:22:13 · 818 阅读 · 3 评论 -
通俗易懂的 GIT 入门,这次一定能行!
大家好,我是小丞同学,一名大二的前端爱好者这篇文章将结合使用场景,带你轻松入门 GIT愿你忠于自己,热爱生活引言Git 作为目前最强大的代码管理工具,相信大家都很熟悉了。它在我们的日常工作中起着至关重要的作用,我们可以用它来实现多人开发。也可以用来方便我们自己,在我们坐车的时候,可以用手机看看自己刚刚上传的代码。这些都是不错的选择,下面我们就结合场景来学习一下 Git 的基本命令场景实战我们的第一个任务是:将代码提交到 Gitee / Github 远程仓库中?原创 2021-09-01 09:49:43 · 1252 阅读 · 16 评论 -
⚡切图仔?你知道 V8 是如何执行 JS 代码的吗?
大家好,我是小丞同学,一名准大二的前端爱好者这篇文章将带你了解 V8 是如何执行 JS 代码的 愿你忠于自己,热爱生活引言源代码首先通过解析器解析成 AST ,然后 AST 再通过解释器解释成最终的字节码下面我们来聊聊解析器解析成 AST 的这个过程首先我们先了解一下什么是 AST???? 1. 生成 ASTAST 中文名叫抽象语法树,它是源代码语法结构的一种抽象表示它以树状的形式表现编程语言的语法结构,书上的每个节点都表示源代码中的一种结构下面我们来一个原创 2021-08-28 10:33:53 · 905 阅读 · 10 评论 -
为什么 CSS 动画比 JavaScript 高效?
大家好,我是小丞同学,一名准大二的前端爱好者 这篇文章将欢快的带你了解一下 CSS 和 JS 动画的差别愿你忠于自己,热爱生活引言讲到动画,当然是非常有意思的啦,你可以往上滑一下,看看上面的封面图,是不是相当的炫酷,以为我是代码写出来的吗?那当然不可能啊,我这么摸鱼,怎么会为了个封面图上号呢废话不多说,其实上面的动图用代码实现也不会很困难,这个图是用 canva 做出来的。本文主要讲以下这些内容浏览器渲染流程回流和重绘CSS 动画JS 动画两者对比原创 2021-08-25 13:56:32 · 6958 阅读 · 38 评论 -
新生代总结 JavaScript 运行机制解析
新生代总结 JavaScript 运行机制解析大家好,我是小丞同学,一名准大二的前端爱好者 这篇文章将带你一起学习理解 JavaScript 运行机制愿你忠于自己,热爱生活引言在一些面试中,我们或许会被问到这样的问题简述一下 JavaScript 的运行机制?你还有可能会被问这样简单的代码setTimeout(function () { console.log('定时器开始啦')});new Promise(function (r原创 2021-08-22 20:58:13 · 3409 阅读 · 39 评论 -
JS 继承的7种方法,你学会了吗?
JS 继承的7种方法,你学会了吗?大家好,我是小丞同学,本文主要写 JavaScript 中的 7 种继承方式,深入理解每种方式所存在的问题同时新的方式是如何解决问题的非常感谢你的阅读,不对的地方欢迎指正愿你生活明朗,万物可爱前言在上一篇文章中我们讲解了原型链的机制以及原型相关的一些属性,而与原型链息息相关的就是继承了,为什么这么说呢?在《JavaScript 高级程序设计》上,有这么一句话“实现继承是 ECMAScript 唯一原创 2021-08-20 08:01:18 · 617 阅读 · 6 评论 -
三张图轻松KO⚡ JS 原型和原型链
三张图轻松KO⚡ JS 原型和原型链大家好,我是小丞同学,这一篇是 JS 高程精读系列的第 n 篇文章,主要解释 JS 中的原型和原型链 非常感谢你的阅读,不对的地方欢迎指正 愿你生活明朗,万物可爱引言原型和原型链据说是面试常考的东西(没面试过,不大清楚),对于初学者来说有一定的难度,但是其实它也非常的简单,几个概念理解好了就没什么问题了,我们先从一个例子出发,然后再引出相关的知识点,下面我们先来看一个例子先定义一个类,添加一些属性和方法class S原创 2021-08-18 07:49:15 · 591 阅读 · 7 评论 -
【深扒】深入理解 JavaScript 中的异步编程
大家好,我是小丞同学,本文将会带你理解和感受 Generator 函数的异步应用引言我们先引出一个非常常见的场景:对服务器端返回的数据进行操作与服务器端交互的过程是一个异步操作如果按照正常的代码编写的话,你可能会写出这样的代码我也不知道打的什么,大概意思就是异步请求结果返回赋值给 data 然后输出,let data = ajax("http://127.0.0.1",ab) //随便写的console.log(data)虽然整个思路看起来没什么毛病,对吧。但是它就是不行的,获取数据..原创 2021-08-15 13:53:22 · 3026 阅读 · 8 评论 -
【深扒】深入理解 JavaScript 中的生成器
大家好,我是小丞同学,本文将会带你理解 ES6 中的生成器。写在前面在上篇文章中,我们深入了理解了迭代器的原理和作用,这一篇我们来深扒与迭代器息息相关的生成器。关于生成器有这样的描述红宝书:生成器是 ES6 新增的一个极为灵活的结构,拥有在一个函数块内暂停和恢复代码执行的能力阮一峰老师:Generator 函数是 ES6 提供的一种异步编程解决方案从上面的两段话中,我们可以知道生成器有着至少两个作用:打破完整运行,拥有暂停和启动的能力解决异步操作下面我们来看看生成器是如何实原创 2021-08-13 08:16:31 · 1725 阅读 · 14 评论 -
【深扒】 JavaScript 中的迭代器
读懂 JavaScript 中的迭代器大家好,我是小丞同学,本文将会带你深入理解 ES6 中的迭代器。发现问题在 ES6 中提出迭代器模式之前,传统迭代存在着怎样的问题?为什么要新增迭代器呢?我们先来看几个例子let arr = ['小', '丞', '呀']这是一个简单的数组,如果要获取它的每一项数据,我们可以采用 for 循环,当然也可以采用 forEach 循环,很酷关于 forEach 循环在之前的文章有解释,原文连接当纯这样还没什么问题我们在看下面代码原创 2021-08-11 07:25:23 · 1549 阅读 · 15 评论 -
原生 JavaScript 手写数组 API
本文将会先了解数组 API 的用法再模拟实现这些 API ,如果各位大佬觉得有什么不对的地方麻烦指点以下!1. forEach 方法这个方法会对数组元素的每一项运行传入的函数,没有返回值。相当于使用 for 循环来遍历数组。如:let numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];numbers.forEach((item, index, array) => { // 执行某些操作 item += 2})console.log(number.原创 2021-08-02 08:56:45 · 870 阅读 · 15 评论 -
浅析 Map 和 WeakMap 区别以及使用场景
希望这一篇文章能让你对 Map 有更好的理解,或者能够帮你理解 Map 和 WeakMap这篇文章会先从Map再到WeakMap一、为什么是 Map ?1. 传统对象结构Map本质上是一个键值对的集合。和传统对象结构相比,传统的对象只能用字符串作为键名,这就在使用上造成了很大的限制了。这也是新增 Map 的原因之一。const data = {};// elemen..原创 2021-07-25 20:00:42 · 1442 阅读 · 9 评论 -
一文带你拿下前端必备数据结构 -- 链表 !!
图文详细解读数据结构中链表的知识,在一些大厂的面试题中经常会出现相关的题目,所以还是有必要了解一番!原创 2021-06-04 08:54:37 · 1650 阅读 · 16 评论 -
经常使用npm命令,但你真的知道它是什么意思吗?
npm包管理工具,让你使用npm命令时更加清晰明了原创 2021-05-30 15:38:00 · 2321 阅读 · 37 评论 -
JS中的高阶函数
高阶函数是指以函数作为参数的函数,并且可以将函数作为结果返回的函数。原创 2021-05-13 20:58:19 · 1970 阅读 · 15 评论 -
客户端存储技术
cookie,localStorage,sessionStorage的用法与区别原创 2021-05-11 23:31:02 · 515 阅读 · 6 评论 -
大作!webpack详细配置
不断出错的webpack学习之旅,本文记录了webpack的配置全过程,以及由于webpack版本问题造成的一些bug的解决方案原创 2021-05-08 14:17:27 · 1470 阅读 · 8 评论 -
准确获取事件源的任意父级元素(事件委托)
事件委托终极奥义!用这种方法可以解决绝大多数由动态创建元素,带来的问题!原创 2021-05-09 21:32:40 · 2109 阅读 · 3 评论 -
Git命令行操作
Git命令行操作的一些常用命令!原创 2021-05-01 17:48:21 · 526 阅读 · 0 评论 -
Webpack打包CSS文件
webpack打包css文件原创 2021-04-21 09:55:00 · 557 阅读 · 2 评论 -
函数节流与防抖
函数节流防抖的一些问题!原创 2021-03-20 22:45:07 · 1295 阅读 · 2 评论 -
原型和原型链 prototype和proto的区别
原型,原型链,new(),constructor,call/apply原创 2021-03-13 11:31:51 · 4637 阅读 · 10 评论