自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

三钻 - 之前端到全栈之路

专心、专注、专研,与行业中的同学们一起终生学习 @ 公众号:技术银河

  • 博客(42)
  • 收藏
  • 关注

原创 使用 JSX 建立 Markup 组件风格

这里我们一起从 0 开始搭建一个组件系统。首先通过上一篇《前端组件化基础知识》中知道,一个组件可以通过 Markup 和 JavaScript 访问的一个环境。

2021-01-16 14:21:54 61

原创 用 JSX 建立组件 Parser(解析器)

这里我们一起从 0 开始搭建一个组件系统。首先通过上一篇《前端组件化基础知识》中知道,一个组件可以通过 Markup 和 JavaScript 访问的一个环境。

2021-01-08 17:16:56 6930 6

原创 前端组件化基础知识

这里我们一起来学习前端组件化的知识,而组件化在前端架构里面是最重要的一个部分。

2020-12-31 22:45:17 5912 4

原创 2020 所思、所遇、所学、所悟

一个一线战场中的开发者,回归到学习的学堂中。一开始这个过程确实遇到了挺多困扰的。一开始无法静心下来学习,因为学习底层的知识确实需要静下心来学。但是坚持了一段时间后,又会发现自己会爱上学习,爱上深挖这些知识。

2020-12-24 14:18:05 2045 16

原创 用 Proxy 简单实现 Vue 3 的 Reactive

这里要给同学们分享的是 Proxy 与双向绑定,我们对大部分的 JavaScript 的这种基础库其实已经在其他文章中做过一些讲解了,或者是在我们编程的时候有所接触了。唯有这个 Proxy 我们之前是非常的回避的,因为在业务中也不太推荐大量的使用 Proxy。

2020-12-09 16:51:48 5284 13

原创 KMP —— 字符串分析算法

`快速`的从一个`主串`中找出一个你想要的`子串` —— 这里面的`主串`就是 `source 串`,而要寻找的 `子串` 就是 `pattern 串` 也叫 `模式串`。

2020-11-30 07:34:01 6435 25

原创 用 JavaScript 实现寻路算法 —— 编程训练

在我们的这个练习里面我们会制造一张 100 x 100 个格子的地图,并且在上面绘制我们的从起点到终点的路径。

2020-11-04 17:27:54 2320 12

原创 用 JavaScript 实现一个 TicTacToe 游戏 —— 编程训练

这里我们给大家讲讲一个好玩的编程练习,很多同学想到编程练习就会觉得与算法有关。但是往往在编程的过程中,我们要实现某种逻辑或者是功能的时候,确实是需要用到算法。

2020-10-30 08:28:45 12133 35

原创 用 Range 实现 CSSOM 精准操作

这一部分的编程练习,我们来使用 `Range` 和 `CSSOM` 做一个综合练习。

2020-12-17 17:04:24 124 1

原创 字典树 —— 字符串分析算法

这篇文章我们就来一起学习,剩下的几个字符串中比较细节的算法。

2020-11-19 08:10:23 1718 7

原创 使用LL算法构建AST —— 编程训练

我们这里就来一起学一些边缘里面的稍微高级一点的字符串处理,就是使用 `LL 算法构建 AST`。

2020-11-12 17:48:57 767 1

原创 CSS flex 排版与动画 — 重学 CSS「1024 彩蛋」

上一部分我们讲到了`盒`、`盒模型`和整个`正常流`中的所有重要知识点和问题。这一部分我们来了解一下 Flex 排版的详细知识。

2020-10-24 11:12:15 3632 18

原创 CSS 排版与正常流 —— 重学CSS

这一周我们重新回到《重学 CSS》系列,之前的文章中我们重新学习了《 CSS 选择器》和《 CSS 语法与规则》。接下来我们就一起来讲讲 CSS 里面的排版与正常流。在讲解 CSS 当中的排版正常流的时候,我们会按照属性的一些逻辑关系来分成几个部分来讲解与学习。

2020-10-14 14:17:28 5318 17

原创 JavaScript 对象 — 重学 JavaScript

这里我们继续学习两个比较重要的类型,就是 `Object` 和 `Symbol`。我们主要讲的是 Object,相对 Object 来说 Symbol 只是一个配角。

2020-10-09 09:15:48 5606 22

原创 JavaScript 类型 — 重学 JavaScript

JavaScript 中最小的结构,同学们已知的有什么呢?我想同学们都应该会想到一些东西,比如一些关键字,数字 123,或者 String 字符等等。这里我们从最小的单位,字面值和运行时类型开始讲起。

2020-10-04 11:48:21 2283 3

原创 JavaScript 语言通识 — 重学 JavaScript

在这个重学系列的课程中,都会假设大家对 JavaScript、CSS、HTML 有了一定的了解。而这个重学的过程其实是帮助我们在这些过去的知识里面建立一个新的秩序,也就是建立知识体系的过程。在重学 JavaScript 的过程将会带着大家以 JavaScript 的语法为线索,从细到粗的跟大家完整学习一遍 JavaScript 的语言知识。

2020-09-27 13:59:40 3782 14

原创 CSS 选择器 — 重学CSS

在之前的 《实战中学习浏览器工作原理》中我们已经对选择器有了一些全新视角的认知。这里我们站在 CSS 的角度一起学习选择器。

2020-09-18 11:07:57 1131

原创 CSS语法与规则 — 重学CSS

进入重学 CSS 的第一步,首先需要找到一些线索。我们在前面的课程中讲学习方法的部分也讲过,要想建立知识体系骨架,我们需要一个完备性更权威,更全的线索。但是 CSS 现在标准的状态非常复杂,所以我们没有办法找到一份像 JavaScript 或者 HTML 中比较完备的现形标准,能把 CSS 的一切都浓缩在内。

2020-09-05 10:34:38 2198 1

原创 实战中学习浏览器工作原理 — 排版与渲染

上一周我们完成了 CSS 的规则计算,其实就是计算了每个元素匹配中了那些 CSS 规则,并且把这些规则挂载到元素的 ComputedStyle 上面。 这一周我们就要继续我们的浏览器开发之旅,然后我们的下一个目标就是根据浏览器的属性来进行排版(英文是 `Layout`,有时候也翻译成布局)。

2020-08-28 15:44:32 2758 5

原创 实战中学习浏览器工作原理 — HTML 解析与 CSS 计算

如何做 HTML 解析 和 CSS 计算这两个部分

2020-08-23 08:48:06 607 1

原创 实战中学习浏览器工作原理 — 之 HTTP 请求与解析

浏览器工作原理是一块非常重要的内容,我们经常看到的 `重绘` 、`重排` 或者一些讲解CSS属性的时候,都会用到一些浏览器工作原理的知识来讲解。理论化学习浏览器工作原理,效果不是很大,而且很枯燥,所以这里我们从零开始用 `JavaScript` 来实现一个浏览器。通过自己实现一遍简单的浏览器,我们会对浏览器的基本原理有更为深刻的理解。

2020-08-15 18:49:36 7242 14

原创 一篇文章搞懂前端学习方法与构建知识体系

给大家讲讲怎么样才是一个优秀的前端工程师,怎么做自己的职业规划,如何学习和构建知识体系。

2020-08-07 14:55:14 2810 4

原创 【FCC前端教程】44关学习CSS与CSS3基础「二」
原力计划

我有一段时间没有更新FCC前端教程了,这一周就继续写完CSS与CSS3基础的教程。最近工作和生活都比较繁忙所以文章更新也受到了一定的影响。不过技术文章写作再忙也不会放弃的。我会继续努力坚持着一周一篇文章的进度,继续为大家带来我学习到的知识。让我们一起继续终身学习吧!

2020-07-11 16:19:24 926 3

原创 【数据结构与算法】力扣实战之移动零、盛最多的水、爬楼梯
原力计划

练题法则5-10分钟读题与思考不要纠结没有思路就直接看题解;不要死磕觉得自己很失败,怎么我们就想不出来;基本上这些算法题,让我们自己想出来是不可能的;拿跳表的来说,如果我们能从0-1把它想出来,那我们就可以拿到图灵奖了;所以记住!无思路就直接看题解,无思路就直接看题解,无思路就直接看题解!我们只需要知道并且能运用即可!有思路自己开始写代码,没有,就马上看题解!默写背题,熟练做完题目后,我们需要记住这种题的思路和有N种解决办法;重复再**重复的默写,**直到自己有深刻.

2020-06-24 22:03:17 1342 3

原创 【数据结构与算法】用动图解说数组、链表、跳表原理与实现
原力计划

本期讲说最常见的数据结构类型分别有数组、链表、跳表。这一期我们一起来了解它们的原理与实现。

2020-06-14 09:50:24 1426 12

原创 阿里、力扣、政采云的15位专家分享前端面试与招聘视角
原力计划

本次大会一共有15位来源于各大厂公司的高级前端工程师和技术专家,每个讲师都给我带来了精彩绝伦的知识与干货。这次大会的内容不只给我的技术生涯中带来了冲劲,让我认知到自己还有很多的不足与未知。同时也让我认知到了优秀的技术人才与团队的能力模型,讲师们有说到他们的经历和三观,引发了我对自己“保安式”的灵魂拷问。

2020-06-04 07:48:56 2766 4

原创 【数据结构与算法】分析时间复杂度与空间复杂度
原力计划

算法的核心`时间和空间复杂度`,《数据结构与算法》都是围绕着这个核心开展的。它的存在也是为了解决我们在编程的过程中性能问题,同时也让我们有更高级的思维和思路,写出更优质的程序。

2020-05-30 00:40:07 1273 2

原创 【数据结构与算法】如何高效学习数据结构与算法
原力计划

如果想成为一个高级开发工程师或者进入大厂,不论岗位是前端、后端还是AI,算法都是重中之重。也无论我们需要进入的公司的岗位是否最后是做算法工程师,前提面试就需要考算法。所以`小时不学算法,长大掉头发`。

2020-05-23 23:30:44 8247 24

原创 【FCC前端教程】44关学习CSS与CSS3基础「一」
原力计划

这周我们一起闯过了22关,下一期我们会一起把剩余的22关完成。学习是一种像爬山一样的过程,要经历过漫长的上坡路,一步一个脚印。“路漫漫其修远兮,吾将上下而求索。”, 在追寻知识的道路上,前方的道路还很漫长,但我们将百折不挠,不遗余力地,上天下地的去追求和探索。让我们继续坚持学习,终身学习成长。在大前端的时代爬到技术的巅峰,做一个有深度的技术人员。

2020-05-17 15:02:46 1948 1

原创 【FCC前端教程】28关学会HTML与HTML5基础
原力计划

大家一起闯关进攻前端全方位知识点。没有闯过这些关卡的童鞋,无论前端能力如何,这个可以锻炼我们自己,也可以深入知道我们自己的前端水平和差距。想学习前端的童鞋可以从零开始学习,一起排除困难共同打开前端大门!

2020-05-09 17:21:19 13597 50

原创 VSCode配置同步|VSCode高级玩家宝典之第三篇
原力计划

有了武功秘籍(快捷键)和高深的内功心法(插件),那VSCode是不是应该是无敌了呢?天灾难逃,人祸难免,我们电脑可能会坏或者电脑还可能要退休,甚至是我们有多台电脑的可能。那这个时候我们精心配置的VSCode不是要从头再来?所以这篇文章我来给大家介绍一个VSCode的插件专门来解决这个问题。​读完这篇文章我们将学会如果一键同步所有VSCode中精心配置的插件,快捷键和配置。

2020-05-01 02:11:07 3178 3

原创 VSCode插件大全|VSCode高级玩家之第二篇
原力计划

VSCode没有安装插件,就等同于一把枪没有安装配件,打把的时候还是缺失精准度,开枪的时候也会有很重的后坐力。当然没有插件,也可以很好的编写代码,就是没有那么强而已。所以这篇文章会给大家介绍VSCode中最常用的插件,让我们的编辑器加上一双翅膀,让我们在编写代码的过程中如虎添翼的感觉。

2020-04-25 17:55:05 23023 50

原创 VSCode常用快捷键大全|VSCode高级玩家宝典之第一篇
原力计划

所以对于个好的程序员,一个好的代码编辑器可以起到很大的作用,在开发的过程中可以给我们带来很多便利、帮助、效率和影响。甚至一个好的编辑器可以给开发者日常编程中带来更高的喜悦感。

2020-04-19 12:18:46 8526 10

原创 前端必看的8个HTML+CSS技巧
原力计划

CSS是一个很独特的语言。看起来非常简单,但是某种特殊效果看似简单,实现起来就颇有难度。

2020-04-06 21:14:05 23482 72

原创 写给想学和在学编程的你们,学习编程的7个好处
原力计划

其实选择学编程是能变人生的。可能很多人学编程,报了一个编程培训班,为了就是拿到更高的工资或者有更好的工作环境。最后坚持下来的都会发现编程给我们很多个人能力和技能的提升。

2020-03-29 19:20:41 9631 7

原创 用“易于改编”原则,提升编程水平,写出更好的代码
原力计划

无论新手还是资深开发者都会经常问一个问题,“怎么写好的代码?”,要知道怎么写好代码,首先我们要知道怎么样才是好的代码。要有明确的目标,才能知道如何达成目标。在《程序员修炼之道》中提到的`“ETC Principle” -- 易于改编原则`。这个原则看似简单,但是我们越是深入思考越是觉得“简约而不简单”。

2020-03-22 23:19:00 12033 14

原创 5大法则助你 成为更出色的开发者
原力计划

这篇文章会教5大法则助你成为更出色的开发者,在众多开发者中脱颖而出的诀窍,也会在你的技术职业生涯中给你很多的帮助。

2020-03-17 14:34:58 11325 6

原创 你真的懂怎么写`服务层`吗?
原力计划

其实很多系统架构里面都有服务层,但是服务对很多开发人员来说都有很多不同的定义和写法。甚至在我待过的公司里都有不同的写法和编写模式。每个人每个团队每个项目都有对服务不同的理解。那到底什么是服务,怎么理解才是对的呢?

2020-03-11 20:35:05 3837

原创 更优雅的编写JavaScript,使用这些函数秒变大神

如果你刚接触JavaScript可能你还没有听说过.map(),.reduce(),.filter()。或者听说过,看过别人用过但是自己在实际项目中没有用过。在国内很多开发项目都是需要考虑IE8的兼容,为了兼容很多JavaScript好用的方法和技巧都被埋没了。但是我发现近几年开始,很多开发项目已经完全抛弃了IE这个魔鬼了。如果你不需要兼容“石器时代”的IE浏览器了,那就要开始熟悉一下这几个方法来处理数...

2020-03-10 11:08:44 2736 8

原创 带你体验Vue2和Vue3开发组件有什么区别
原力计划

随着Vue3的来临,很多童鞋会疑惑到底Vue3和Vue2有什么区别。

2020-03-08 21:59:18 5116 6

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除