![](https://img-blog.csdnimg.cn/20190927151117521.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
【前端进阶】
文章平均质量分 93
知识点思维脑图+延伸示例,让你每一篇文章都能搞懂一个高频面试知识点。
余光、
一旦走出舒适区,你内心的痛点才是促使你前行的动力
2022年重新出发
展开
-
余光的前端进阶笔记(持续更新)
前端summary 传送门原创 2019-11-20 14:11:35 · 48362 阅读 · 0 评论 -
【工程化】之“依赖(dependencies)”的版本
项目依赖可能会帮助你了解到你的项目它需要什么~原创 2023-01-04 20:35:15 · 1178 阅读 · 0 评论 -
【Canvas系列】基础入门(一)
【Canvas系列】基础入门(一)原创 2022-12-14 22:05:20 · 1193 阅读 · 0 评论 -
【Typescript入门手册】之泛型
【Typescript入门手册】之泛型????【TypeScript入门手册】记录了出场率较高的Ts概念,旨在帮助大家了解并熟悉Ts???? 本系列会持续更新并更正,重点关照大家感兴趣的点,欢迎同学留言交流,在进阶之路上,共勉!???? star本项目给作者一点鼓励吧???? 系列文章,收藏 不走丢哦一、泛型(Generics)软件工程的一个重要部分就是构建组件,组件不仅需要有定义良好和一致的API,也需要是可复用的(reusable)。好的组件不仅能够兼容今天的数据类型,也能适用于未来可原创 2022-01-28 09:32:08 · 3361 阅读 · 32 评论 -
【Typescript入门手册】类型进阶
【Typescript专题】之类型进阶????【TypeScript入门手册】记录了出场率较高的Ts概念,旨在帮助大家了解并熟悉Ts???? 本系列会持续更新并更正,重点关照大家感兴趣的点,欢迎同学留言交流,在进阶之路上,共勉!???? star本项目给作者一点鼓励吧???? 系列文章,收藏 不走丢哦一、类型别名(type)类型别名用来给一个类型起个新名字。例如:type isNumber = number;const num: isNumber = 1;上面的例子没有任何问题,当原创 2022-01-17 19:36:41 · 2867 阅读 · 56 评论 -
【Typescript入门手册】函数
> ????【TypeScript入门手册】记录了出场率较高的Ts概念,旨在帮助大家了解并熟悉Ts > ???? 本系列会持续更新并更正,重点关照大家感兴趣的点,欢迎同学留言交流,在进阶之路上,共勉!转载 2022-01-07 19:03:16 · 2383 阅读 · 22 评论 -
【Typescript入门手册】类型收窄(Narrowing)
【TypeScript入门手册】记录了出场率较高的Ts概念,旨在帮助大家了解并熟悉Ts原创 2021-12-27 19:25:21 · 2863 阅读 · 19 评论 -
【Typescript入门手册】一篇文章速览常见类型
记录了出场率较高的Ts概念,旨在帮助大家了解并熟悉Ts。本系列会持续更新并更正,重点关照大家感兴趣的点,欢迎同学留言交流,在进阶之路上,共勉!原创 2021-12-24 19:14:11 · 3981 阅读 · 62 评论 -
【值得收藏】面试会用到的七个常用的遍历方法JS实现(二)
???? 通俗易懂的实现方式,帮助我们认识相应的方法 ???? 收藏本系列,基础进阶两不误原创 2021-12-21 18:54:00 · 1547 阅读 · 53 评论 -
【值得收藏】面试会用到的十个常用的数组方法JS实现(一)
【手撕常见数组API】通俗易懂的实现方式,帮助我们认识相应的方法,使用得心应手原创 2021-12-17 18:18:04 · 4016 阅读 · 91 评论 -
【建议收藏】万字整理,一篇文章帮你掌握 Css 选择器
【建议收藏】万字整理,一篇文章帮你掌握 Css 选择器简介直观的 css 选择器,可以美化我们的代码,提高可读性,甚至对浏览器的 Css 解析也有帮助。本篇文章的灵感来自于CSS Diner——一个有趣的 css 选择器小游戏,借助下面的例子相信你一定能掌握 css 选择器的妙用,加油~全篇文章共22个例子,分别使用了标签选择器classid伪元素伪类属性篇幅较长,建议收藏阅读指南先贴出选择器字典,帮助大家回忆基本的选择器含义阅读示例阅读代码,并完成题目(仅思考选择器部原创 2021-09-06 19:20:43 · 3705 阅读 · 24 评论 -
【TypeScript 专题】之 Ts 中的类(class)
> 在 ES6 中,class (类)作为对象的模板被引入,可以通过 class 关键字定义类。它本质仍然是函数,它让对象原型的写法更加清晰、更像面向对象编程的语法。> 在 TypeScript 中,除了实现了所有 ES6 中的类的功能以外,还添加了一些新的用法。这一节主要介绍类的用法,让我们平滑的从ES6过渡到Ts吧~原创 2021-08-11 21:03:38 · 3466 阅读 · 11 评论 -
【TypeScript专题】之类型断言
本篇文章是《Typescript 专题》第二篇,本篇文章主要聊一聊类型断言是什么,一句话概括就是——类型断言的目的就是让编译通过,是不是很刺激?欢迎小伙伴们积极踊跃的互动,我会及时回复的哦,下一篇我们聊一聊大家最感兴趣的`类`吧~原创 2021-08-09 19:10:02 · 2815 阅读 · 22 评论 -
【Typescript专题】之类型进阶
本篇文章是《Typescript 专题》第一篇,本篇文章主要聊一聊基本类型相关的扩展,毕竟随着文章的加深,我在阅读官方文档的时候经常会见到陌生的声明和“单词”,感觉有必要跟大家分享一下,下一篇文章,我们主要聊一聊Ts的类型断言。原创 2021-08-03 21:24:17 · 3366 阅读 · 1 评论 -
【Typescript 入门手册】之函数类型在 TypeScript 中的应用
【Typescript 入门手册】之函数类型在 TypeScript 中的应用本篇文章篇幅较小,起到一个承上启下的作用,尽可能利用我们熟悉的例子并加入一些Ts的类型检测,让我们对函数类型有一个概念一、函数声明在 JavaScript 中,有两种常见的定义函数的方式——函数声明和函数表达式:// 函数声明(Function Declaration)function sum(x, y) { return x + y;}// 函数表达式(Function Expression)cons原创 2021-08-02 20:54:04 · 4218 阅读 · 18 评论 -
【Typescript入门手册】之引用类型在TypeScript中的应用
上一篇文章[《基本类型在 TypeScript 中的应用》](https://webbj97.github.io/summary/blog/ts/1.html)地址在这里,本篇文章将继续聊一聊“复杂”类型是如果定义的。原创 2021-07-29 20:37:17 · 6905 阅读 · 35 评论 -
【Typescript笔记】之基本类型在TypeScript中的应用
相信大家经常会问到为什么会有Ts,我该不该学习Ts,在知乎上这样的问题也会受到大家广泛的关注,而我的回答是,该去了解,因为了解Ts不会像我们学习英语那样“痛苦”,如果TypeScript能够解决你的问题,那就继续深入的学习吧,本系列的第一篇文章也不会有太深奥的理论,花一些时间了解一下给出自己的判断吧~原创 2021-07-27 19:08:28 · 8054 阅读 · 48 评论 -
【近万字正则入门方法】学习正则表达式的简单方法,建议收藏!
学习正则表达式的简单方法正则表达式是繁琐的,但它是强大的,学会之后的应用会让你除了提高效率外,会给你带来绝对的成就感。一、什么是正则?正则表达式是一种被用于从文本中检索符合某些特定模式的文本。正则表达式可以被用来替换字符串中的文本、验证表单、基于模式匹配从一个字符串中提取字符串等等。先来看看一个经典场景:想象一下,您希望在用户填写用户名时遵守以下规则,仅包含字母,数字,下划线和连字符。同时我们还想限制用户名中的字符数量。这时我们可以使用以下正则表达式来验证用户名:下面的代码就是上面.原创 2021-07-12 19:50:05 · 8526 阅读 · 29 评论 -
花几分钟分析了CSDN各领域榜单,我得到了这样的结果
本篇文章尽量不使用的晦涩复杂的技术手段,仅仅利用简单的前端知识和相关api,配合浏览器获得我们想要的数据,进行分析希望本篇文章可以让技术大佬会心一笑,回想自己当年是否也会有类似的的“奇葩”研究呢吧也许这篇文章会勾起你当初从事技术工作时最纯粹的初衷原创 2021-06-01 19:56:44 · 11854 阅读 · 42 评论 -
CSS进阶之关于网格布局(Grid) 你了解哪些
CSS 进阶:网格布局(Grid)及其基本属性网格布局(Grid)是最强大的 CSS 布局方案。起初我也认为 flex 布局就可以完成绝大部分布局场景,但谁不希望用更直观、更简洁的方式来布局自己的网页呢,于是 Grid 就是我们的下一站,他与 flex 布局互相弥补,并不会互相取代一、前言上图这样的布局,就是 Grid 布局的拿手好戏。Grid 布局与Flex 布局有一定的相似性,都可以指定容器内部多个项目的位置。但是,它们也存在重大区别。Flex 布局是轴线布局,只能指定"项目"针对轴线的原创 2021-05-16 17:56:25 · 3380 阅读 · 9 评论 -
【走进浏览器】谈一谈浏览器渲染的基本原理
浏览器渲染基本原理浏览器对于前端工程师,就相当于赛车于赛车手,想要更好的在赛道上驰骋,就需要对自己的赛车有更深入的了解,甚至人车合一,所以本篇文章我们就来打开浏览器的大门,一起努力吧!前言一篇文章很难将所有的细节覆盖,同时我们也不需要将所有流程和每一个环节都摸透,我们就依照脉络来聊一聊浏览器的渲染过程。我们都知道一个页面通常由三个部分组成,即HTMl+CSS+JS,并通过一系列的步骤转换。HTML 的内容是由标记和文本组成CSS 称为层叠样式表,是由选择器和属性组成JS 是可以使网页的内原创 2021-05-13 19:08:07 · 11904 阅读 · 65 评论 -
ES6基础:let和const
变量声明是我们在学习一门语言时,最先了解的部分之一。不要忽略它,我们一起来看看ES6中新增的两种变量声明命令吧~原创 2020-08-26 18:29:39 · 4703 阅读 · 1 评论 -
ES6基础:Iterator和for...of
Iterator(遍历器) 和 for…of 循环遍历器(Iterator)就是这样一种机制。它是一种接口,为各种不同的数据结构提供统一的访问机制任何数据结构只要部署 Iterator 接口,就可以完成遍历操作(即依次处理该数据结构的所有成员)一、迭代器和 for…of 浅谈1.1 传统 for 循环先来看一段标准的 for 循环的代码:var arr = [1,2,3];for (let i = 0; i < arr.length; i++) { console.log(原创 2020-11-18 18:04:13 · 16522 阅读 · 12 评论 -
JavaScript 专题(九)数组中查找指定元素
上一篇文章中,我们了解了数组扁平化的思想,并学习了 lodash 是如何处理数组扁平化的。这次我们来讨论**在数组中查找元素**时所用的一些方法,并且参考lodash来实现我们自己的工具方法原创 2020-11-12 18:05:23 · 27791 阅读 · 12 评论 -
ES6基础:箭头函数
ES6基础系列(三)箭头函数简要分析一个为什么会有箭头函数,它的意义是什么?原创 2020-11-06 18:31:13 · 22747 阅读 · 2 评论 -
JavaScript专题(八)数组扁平化
> 数组扁平化这一概念大家都了解,但在实际写代码的时候是否思考过应该怎么实现它?或者说实现它的时候我们能收获什么呢?> 我们尽量用多种方法达到我们的目的,主流的,非主流的都搞一搞~原创 2020-10-19 18:36:45 · 29425 阅读 · 7 评论 -
JavaScript专题(七)类型转换
类型转换常常为人诟病,但实际上很多时候它们是非常有用的,有些强制类型转换可以明确告诉我们哪里发生了类型转换,有助于提高代码可读性和可维护性。但有些却发生在我们看不见的地方,所以我们今天来讨论一下平时常见的类型转换运算和操作~原创 2020-09-23 18:43:46 · 42869 阅读 · 18 评论 -
ES6基础:变量的解构赋值
ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。这种方式的出现大大提高了代码的扩展性,在代码中完全使用解构赋值,也会大大提高代码的可以性和扩展性原创 2020-08-31 19:11:40 · 41985 阅读 · 10 评论 -
JavaScript专题(六)类型检测
JavaScript专题之如何判断数据类型目录一、typeof二、instanceof三、constructor四、stringTag是什么?五、实现几个数据检测的方法写在最后前言在《JavaScript的数据类型》中我们也提到过简单的类型检测问题。作为前端的同学,我们应该都知道可以使用typeof和instanceof在运行时判断JavaScript数据的类型,那么他们都是怎么判断的呢?一千个人会不会写出来一千个判断方法?本文会从通用的typeof、到专攻对象的instance.原创 2020-08-20 19:11:57 · 40217 阅读 · 19 评论 -
JavaScript专题(五)深浅拷贝
了解拷贝背后的过程,避免不必要的错误1. 介绍浅拷贝2. 介绍深拷贝3. 实现浅拷贝4. 实现深拷贝Js专题系列之深浅拷贝,我们一起加油~原创 2020-08-12 18:53:12 · 51886 阅读 · 51 评论 -
JavaScript专题(四)节流
相信当部分开发同学都会遇到节流这个问题,它的答案有很多种,但是想要真的的回答好这个问题却比较难,我们来尝试实现自己可用的节流方法原创 2020-08-04 19:30:49 · 41736 阅读 · 46 评论 -
JavaScript专题(三)防抖
在前端开发中会遇到一些频繁的事件触发,比如:resize、scroll、mousedown、mousemove、keyup、keydown……今天我们在实现属于自己的防抖函数!!!原创 2020-07-28 18:46:21 · 50195 阅读 · 29 评论 -
JavaScript专题(二)数组去重,会就要会的理直气壮
相信当部分开发同学都会遇到这个问题,它的答案有很多种,但是想要真的的回答好这个问题却比较难,我们今天来看看应该怎么回答这个问题。本文篇幅较长,不妨收藏下来慢慢阅读~原创 2020-07-23 18:13:17 · 49553 阅读 · 67 评论 -
JavaScript基础内功系列,这十篇文章里一定有你感兴趣的
前端基础内功这里总结了最经典、出镜率最高的一部分前端基础。希望能帮助自己和其他初级、中级前端同学打牢基础更进一步,加油!前言喜欢武侠或热衷武侠游戏的小伙伴门肯定了解,门派的弟子们在学习上乘武功大多需要有前置(硬性)条件的,而基础的内功就是硬性条件中的一个,也是较为重要的一个,同样的道理这一系列主要的是从另一个角度去学习JS的基础部分,因为本系列每篇文章上下呈衔接关系,所以推荐大家按循序阅读。刚参加工作的时候,一直就纠结于怎么解决某一个bug,只要“看不见”这个bug,就当时解决了问题,将它..原创 2020-07-17 13:37:35 · 39802 阅读 · 4 评论 -
JavaScript专题(一)变量提升与预编译,一起去发现Js华丽的暗箱操作
本系列的第一篇选择了一个很值得讨论的问题——变量提升,我们会从遇到问题、分析问题、解决问题、例题测试的方式加深大家对变量提升的认知,一起加油!原创 2020-07-16 18:53:37 · 41922 阅读 · 34 评论 -
你真的了解Js吗?用五个问题来回顾之前的内容,留下你的答案我们一起进步!(系列十)
灵感来自Amandeep Singh大佬的文章,也是我第一次翻译英文技术文章(仅翻译了前言和题目),问题主要考察的是作用域、this指向、立即执行函数、变量提升相关知识点,我在翻译加上了自己的思考和回答,如果有错误欢迎大家指正!原创 2020-07-10 18:29:57 · 42720 阅读 · 38 评论 -
JavaScript中的基本数据类型,地基同样重要(系列九)
Js中的数据类型虽然也是一个老生常谈的问题,但它经常出现在整个面试的前几问中,面试官会通过你的回答来决定之后问题的走向,比如当你回答基本数据类型时少回答了一个String时,那么面试官很可能就会问你String都有哪写方法哦~原创 2020-07-07 14:14:48 · 40588 阅读 · 27 评论 -
JavaScript中的参数传递(求值策略),ECMAScript中所有函数的参数都是按值传递吗(系列八)
本篇文章主要讲的是JavaScript中最正常不过的现象——函数参数传递,本篇文章篇幅不长,但一定能引发属于你自己的思考!原创 2020-07-03 18:32:28 · 42229 阅读 · 14 评论 -
JavaScript之闭包,给自己的Js一场重生(系列七)
JavaScript之闭包闭包——非常重要但又难以掌握的概念,理解闭包可以看作是某种意义上的重生——《你不知道的Js》代码+例题让你全程思路清晰!原创 2020-06-28 18:18:25 · 62391 阅读 · 45 评论 -
JavaScript之深入理解立即调用函数表达式(IIFE),你对它的理解,决定了它的出镜率(系列六)
本篇文章,主要讲解的立即执行函数或自执行匿名函数的含义、用法、以及使用它的主要场景。系列的前面几篇文章主要讲解了作用域、原型、执行上下文,本篇文章一样起到了承上启下的作用。原创 2020-06-22 12:53:47 · 50068 阅读 · 56 评论