技术无止境，人生仍探索。

大家好，我是轩灵，今天是2021年的最后一天，而在今天我发布了2022年的第一个视频，介绍2022年我的轩灵大前端知识体系打造计划，同时送上我对所有程序员同学的祝福。打算今年用一年的时间，打造大前端的知识体系，完成12个主题：算法、javascript、typescript、网络协议、设计模式、css、操作系统、react、node.js、架构设计、浏览器原理、性能优化、代码精进与软技能，产出将会以文章 + 思维导图 + 视频 + 示例 + 代码的方式方式分享出来。如果你感兴趣，可以扫码加我的微信或者进群

我将知识体系划分为12个专题，对应1年的12个月，1个月完成一个专题，每个专题我都列出了参考资料，主要包含技术书籍、极客时间的专栏及视频课程。2022期望与你一起在技术领域崛起。

学习态度学习不是努力读更多的书，盲目追求阅读的速度和数量，这会让人产生低层次的勤奋和成长的感觉，这只是在使蛮力。要思辨，要践行，要总结和归纳，否则，你只是在机械地重复某件事，而不会有质的成长的学习不是努力读更多的书，盲目追求阅读的速度和数量，这会让人产生低层次的勤奋和成长的感觉，这只是在使蛮力。要思辨，要践行，要总结和归纳，否则，你只是在机械地重复某件事，而不会有质的成长的他们在想方设法地用一些手段推出各种代读、领读和听读类产品，让人们可以在短时间内体会到轻松获取知识的快感，并产生勤奋好学和成

python列表推导式列表推导式的语法格式：[f(x) for x in L]，其中 f(x) 表示一个函数，作用于列表 L 的每一个元素。所以整体来看，就是将函数f映射到列表 L 中的每个元素上。其返回值是一个新的列表例如，将列表中每个元素加1[x+1 for x in [10,20,30]] # [11, 21, 31]L 也可以是一个字符串[x for x in 'string'] # ['s', 't', 'r', 'i', 'n', 'g']当然也可以加if 的判断条件，用于对元素

JavascriptBestCode 给你最好的javascript代码Javascript最佳实践1.通过条件判断给变量赋布尔值// badif (a === 'a') { b = true;} else { b = false;}// goodb = a === 'a';// bestb = (a === 'a');2.使用三元表达式代替if判断// badif (a === 'a') { b = a;} else { b = c;}// goodb =

启动node节点01.jsconst express = require('express');const app = express();app.get('/', (req, res) => res.send('<h1>The server at 01<h1>'));// 监听端口app.listen(8001, () => console.log('success: 01.js'));02.jsconst express = require('e

Python中的列表、元组和字典列表List创建访问通过索引进行访问list = [1,2,3,4]a=list[0] # 1b=list[-1] # 4切片[start : end :step] 以step为间隔截取start到end（不包含）之间的所有元素；支持负数索引；list[num:]表示从指定num开始到最后；list[:num]表示从开头到指定的num为止相加（合并）列表只能和列表相加乘法可列表包含的元素重复N次可用于填充列表

python中的堆以及堆操作# heapqt提供了对应堆的支持，构建的是小顶堆from heapq import *my_data = [7,6,3,2,9,0,1,5,4]# 对my_data应用堆属性，即堆化heapify(my_data)print(my_data) # [0, 2, 1, 4, 9, 3, 7, 5, 6]# 添加一个元素，堆自动调整，继续满足小顶堆heappush(my_data,0.5)print(my_data) # [0, 0.5, 1, 4, 2,

项目上问题知识型问题开放型问题案例问题趣味性问题

论据和论证过程比论点更重要通过追溯法去学习和探索一个知识，为自己增加论据

计数排序python版不稳定计数排序# 不稳定计数排序def count_sort(arr): max,min = findMaxAndMin(arr) space = max - min countArr = [0] * (space+1) resultArr = [] # 计数 for num in arr: for j in range(0,space+1): if num == j: countArr[j]+=1 # 排序 for i in ran

python实现def count_sort(arr): max,min = findMaxAndMin(arr) space = max - min countArr = [0] * (space+1) resultArr = [0] * (space+1) for num in arr: for j in range(0,space+1): if num == j: countArr[j]+=1 for i in range(0,len(countArr)): i

双向递归def quick(start_index,end_index,arr): # 递归 if start_index >= end_index: return base = getBase(start_index,end_index,arr) quick(start_index,base-1,arr) quick(base+1,end_index,arr)def getBase(start_index,end_index,arr):

Thress.js默认背景Thress.js默认背景色为黑色设置Thress.js背景颜色场景想要自行定义Thress.js模型的背景颜色实现this.renderer = new THREE.WebGLRenderer();this.renderer.setClearColor(0xffffff, 0); //设置背景颜色设置Thress.js背景透明场景有时候将Thress.js渲染的3D模型嵌入在页面中，需要给页面整体设置一个背景色时，需要将Thress.js背景设为透明实现

Echarts图例常用配置legend: { data: this.allLegend, textStyle: { //图例字体大小 fontSize: 10, }, //图例大小 itemHeight: 10, //图例滚动显示 type: 'scroll', //图例纵向显示 orient: 'vertical', //图例位置 right: 0, top: 30, bott

概述快速排序与冒泡排序的相似处是都采取了临近比较、交换两值的方式，快速排序的特点在于运用了分治法，每次都将数组分成两个部分，与一个基准元素进行比较，比标志位大的放在标志位的右边，比标志位小的放在标志位的左边。基准元素的选择可以是简单的使用列表的第一个元素，也可以任意进行选择。快速排序的python实现def quickFixedFinal(startIndex, endIndex, arr=[]): if startIndex >= endIndex: return

概要冒泡排序是最简单的一种排序方式，最基础的实现用嵌套的两层for循环即可实现。但是即便是最简单的冒泡排序也存在着很大的优化空间，我们可以对两层循环分别进行优化。首先来看一下两层for循环的作用：外层for循环是对比较趟数的控制内层for循环时对每一趟比较次数的控制存在的优化空间是：对于外层循环，如果数组已经有序，就不需要再进行外层循环了，需要一个标记来进行跟踪数组是否已经有序。而有序的标志是某一趟不再进行数据交换了。对于内层循环，由于冒泡排序每一次是把最大的放到最后，所以后面的元素是有序的，

在GeoDa中实现自定义相邻矩阵的Moran’s I计算

ECMAScript 2015，也就是我们所知道的ES6，介绍了许多JavaScript的新特性。从那以后，每年都会增加一些新的特性。ES6及以后的扩展通常被称为现代JavaScript，因为有着这些重要的变化。这篇文章主要探索的是ES6, ES7, ES8, ES9以及ES10的新特性。什么是ECMAScriptECMAScript是一门脚本语言的标准。JavaScript是一门实现了ECMAScript标准的编程语言。ECMA国际是制定ES标准的协会。TC39是ECMA国际下的一个委员会，它决定Ja

简介无论你是一个编程的新手还是你已经是一个有经验的开发者，在这个行业中，学习新的概念和语言/框架都是必须的，这样才能跟上快速的变化。举个例子来说，Facebook出的开源框架React只用了4年时间就成为了全球Javascript开发者的第一选择。当然，Vue和Angular也有可观的追随者数量。类似的还有Svelte，还有通用框架Next.js和Nuxt.js，以及Gatsby，Gastsby，Quasar，还有更多其他的。如果你想成为一个专业的Javascript开发者，你至少应该在不同框架和库方面有