yck 恺哥
yck 恺哥

近 20 人爆肝数周，写给初中级前端的万字高级进阶指南

因为微信公众号不支持打开外链，所以有兴趣获取资料的读者朋友可以公众号发送「资料」关键字或者打开 Github 链接（https://github.com/KieSun/all-of-frontend）。

这是什么？

笔者在学会 JS 以及框架的应用后，有一段时间不知道该如何深入下去，活能干，就是不知道该学啥。相信这个问题也会有很多读者朋友遇到。

当然笔者目前已经突破了这个瓶颈，也成为了知名公司基础架构组的成员。因此想通过自己成长的经历及积累的资料整理出一系列的学习路线及资料推荐，帮助各位读者朋友解决这个问题。

仓库内容笔者为主要贡献者，另外还拉了将近 20 位资深前端开发做内容共建及审核，多数人员任职一线大厂 P6、P7，第一版耗时数周，大家国庆假期也没停歇，内容绝对让各位看官满意。

此资料适用于小白入门、初中级进阶、高级查漏补缺。

内容每天都在更新，大家可以持续关注。

如何使用

如果你是初中级工程师来说，笔者也推荐先行学习「前端核心学习路径」，主要是巩固基础，之后再挑选感兴趣的主题。

如果你是高级工程化，笔者推荐跳过「前端核心学习路径」，直接挑选感兴趣的主题学习即可。

以下所有知识点笔者都会帮助读者朋友们将知识连贯起来，从而建立自己的知识体系而不是单独记忆松散的知识点。

如何获取本文资料

笔者已经将仓库内容里的重要资料整理好了， 另外还附赠了前端 10 万字的面试攻略，已经帮助上千人拿到 offer。大家可以在公众号后台发送「资料」获取。

如何高效自学

近 20 人爆肝数周，写给初中级前端的万字高级进阶指南_第1张图片 Z0qdJz

自学是每个工程师都需要掌握的一项技能。这个学习方法笔者百试百灵，学习任何技术都会用上这个思路。另外我们还能通过这个思路拓宽自己的技术栈，将各个知识联系起来建立自己的知识体系，并且通过这种学习方式学到的知识也不容易遗忘。

书籍推荐

以下书籍主要还是推荐了 JS 方面的，其它比如说框架、TS 等等技术会在各自章节为大家介绍。

初级

•JavaScript 高级程序设计（第 4 版）[1]

进阶

•JavaScript 忍者秘籍（第 2 版）[2]•你不知道的 JS 三卷[3]，该书英文版是开源的，并且作者已经在写第二版，有能力阅读英文的读者推荐直接看 原著[4]

高级

•JavaScript 悟道[5]•JavaScript 语言精髓与编程实践（第 3 版）[6]

上述书籍大家可以关注【公众号[7]】发送「资料」获取， 另外还附赠了前端 10 万字的面试攻略，已经帮助上千人拿到 offer。

前端核心学习路径

前端知识点很多这是公认的事情，但是我们确实没必要把所有知识都去学习，那样只会贪多嚼不烂。我们能把核心知识点、热门技术以及工作中需要用到的知识学好就已经能打败大部分前端工程师了，剩下的大家可以自行根据兴趣选择学习内容。

但是在学习其他内容之前，笔者强烈推荐各位务必一定一定先把基础打扎实了，基础不好真的不可能把自己技术往上拔高的。

为了保证大家学到的知识是正确的，下文中的文档资料笔者都使用了英文版本。因为在审核资料的过程中笔者发现不少中文文档都存在翻译错误或者过时的情况。

如果你还是一位初学者，推荐先自行完整阅读一至二本书后再按照该计划学习，因为以下计划并没有囊括 JS 的所有知识，而是列出了所有核心知识点。

关于书籍笔者推荐以下两本：

•JavaScript 高级程序设计（第 4 版）[8]•JavaScript 忍者秘籍（第 2 版）[9]

JS 核心知识点

数据类型

JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增的 bigint。

•文档：•JavaScript 数据类型和数据结构[10]

类型判断

类型判断有好几种方式，分别为：

•typeof•instanceof•Object.prototype.toString•isXXX，比如 isArray•文档•typeof[11]•instanceof[12]•Object.prototype.toString[13]•推荐文章，Issue 也挺重要•JavaScript 专题之类型判断(上)[14]•JavaScript 专题之类型判断(下)[15]

类型转换

类型转换算是 JS 中情况繁杂且容易出错，但是开发中还经常会遇到的知识点。强行全部记忆容易遗忘，推荐记忆及练习开发中的常见情况。

•文档•ES 标准[16]•标准并不好读，如果读者英文水平欠佳，可以只阅读该小节内的表格内容。•双等判断[17]•推荐文章•You Don't Know JS 书中关于类型转换的一章节[18]•几种基本类型简单的类型转换[19]•JavaScript 深入之头疼的类型转换(上)[20]•JavaScript 深入之头疼的类型转换(下)[21]

this

this 算是不少初学者容易搞混的一个知识点，但是它很重要，务必掌握。

•文档•this[22]•推荐文章•You Don't Know JS 书中关于 this 的第一章节[23]•You Don't Know JS 书中关于 this 的第二章节[24]•深入理解 js this 绑定 ( 无需死记硬背，尾部有总结和面试题解析 )[25]

闭包

闭包特别常用，但是其实挺多工程师对于闭包的理解是错误的。

•文档•闭包[26]•推荐文章•You Don't Know JS 第二版中对于闭包的解释[27]，该版本暂无中文翻译，读者可用 DeepL[28] 进行翻译。•JavaScript 的静态作用域链与“动态”闭包链[29]•知乎中关于闭包的讨论[30]

作用域

作用域是指程序中定义变量的区域，该位置决定了变量的生命周期，也就是变量和函数的可访问范围。

•文档•作用域[31]•块作用域[32]•推荐文章•JavaScript 深入之词法作用域和动态作用域[33]•JavaScript 深入之作用域链[34]•Variable scope, closure[35]，另有 中文翻译版[36]•You Don't Know JS Yet: Scope & Closures[37]•The battle between function scope and block scope[38]

变量提升

变量提升（Hoisting）可以将变量和函数在编译阶段放入内存，从而在执行阶段时在声明前使用。

•文档•JS 变量提升[39]，变量提升的概念•推荐文章•JavsScript 变量提升和函数提升[40]，深度解析变量提升和函数提升，举例说明各种情况下的变量提升•我用了两个月的时间才理解 let[41]，深度理解解析 let 和 val 的区别，和 let 的暂时死区•JavaScript Scoping and Hoisting[42]，JavaScript 中的作用域和函数声明和变量声明的提升

new

new 操作符可以帮助我们构建出一个实例，并且绑定上 this。

•文档•new[43]•推荐文章•JS 的 new 到底是干什么的？[44]•JavaScript 深入之 new 的模拟实现[45]

call、apply、bind

•文档•call[46]，call 的概念•apply[47]，apply 的概念•bind[48]，bind 的概念•推荐文章•JS 中的 call、apply、bind 方法详解[49]，对这三个方法的使用、面试题及具体实现做了详解•call 和 apply 的模拟实现[50]，模拟实现 call 和 apply，帮助更好理解•bind 的模拟实现[51]，模拟实现 bind，帮助更好理解

原型

通过原型这种机制，JavaScript 中的对象从其他对象继承功能特性。

•文档•原型[52]•推荐文章•You Don't Know JS: this & Object Prototypes[53]•深入理解 JavaScript 原型•深度解析原型中的各个难点[54]•Prototypes in JavaScript[55] 需自备梯子

Class

class 只是原型链的语法糖，与其它语言中的类不是同一样东西。

•文档•Class[56]•推荐文章•理解 JavaScript 的类[57]•Babel 是如何编译 Class 上[58]•Babel 是如何编译 Class 下[59]•给 ES6 class 说句公道话[60]•应该在 JavaScript 中使用 Class 吗？[61]

继承

继承是面向对象语言（Object-Oriented Language）三大特征之一，在 JS 中也占有非常重要的地位。而想要实现继承有多种方式，它们都有各自的优缺点。

•文档•继承[62]•推荐文章•JavaScript 深入之继承的多种方式和优缺点[63]•JavaScript 中的继承[64]，需自备梯子•JS 类继承[65]，另有 中文翻译版[66]

模块化

这块知识必会，最好了解下模块化的前世今生以及对 ES6 的原生模块化有个深入的理解。

•文档•Modules[67]•推荐文章•【深度全面】前端 JavaScript 模块化规范进化论[68]，记录了 JS 模块化的进化之路•JavaScript modules[69]，由浅入深解释 JS 模块化•ES modules: A cartoon deep-dive[70]，一篇对 JS 模块化深入解释的文章，另有 中文版[71]

Promise

•文档•Promise[72]•Promises/A+ 规范[73]•推荐文章•Callbacks Vs Promises and basics of JS[74]，需自备梯子•最简实现 Promise，支持异步链式调用（20 行）[75]•100 行代码实现 Promises/A+ 规范•Github•promise-fun[76]

迭代器与生成器

•文档•迭代器与生成器[77]•推荐文章•[译] 什么是 JavaScript 生成器？如何使用生成器？[78]•Understanding Generators in ES6 JavaScript with Examples[79]，需自备梯子•A Simple Guide to ES6 Iterators in JavaScript with Examples[80]，需自备梯子

async await

•文档•async[81]•await[82]•推荐文章•手写 async await 的最简实现（20 行）[83]•Babel 将 Generator 编译成了什么样子 [84]

事件循环

大家都知道 JS 是一门单线程的非阻塞的脚本语言。这也就意味着，代码在执行的任何时候只有一个主线程来处理所有的任务。所以弄懂事件循环机制对我们学习 JS 至关重要。

•文档•事件循环[85]•推荐文章•这一次，彻底弄懂 JavaScript 执行机制[86]•一次弄懂 Event Loop[87]•JavaScript 的工作原理[88]，需自备梯子，另有 中文翻译版[89]。•事件循环可视化•Loupe[90]

节流与防抖

节流指连续触发事件的情况下，在某个时间段内，函数只会执行一次。防抖指在事件被触发一定时间后再执行回调函数，如果在一定时间内该事件又被重复触发，则重启计时。

•推荐文章•函数防抖与函数节流[91]•浅谈 JS 防抖和节流[92]•Debounce – How to Delay a Function in JavaScript[93]•Debouncing and Throttling in JavaScript[94]

柯里化

柯里化就是将接收多个参数的函数转换成接收一个参数的函数。

•推荐文章•柯里化（Currying）[95]•JavaScript 专题之函数柯里化[96]•Understanding Currying in JavaScript[97]，需自备梯子，另有 中文翻译版[98]

垃圾回收

JavaScrip 在变量被创建时分配内存，并在对象不再使用时自动释放内存，这个过程被称为垃圾回收。另外我们主要学习 V8 引擎下的垃圾回收机制。

•文档•内存管理 & 垃圾回收[99]•推荐文章•深入理解 Chrome V8 垃圾回收机制[100]，该文章的参考文献也可阅读下•GC in v8[101]•JavaScript 工作原理：内存管理 + 处理常见的 4 种内存泄漏[102]，另有中文版[103]

其他零散但重要的知识点

•0.1 + 0.2 !== 0.3[104]，JS 浮点数会造成的问题

如果你觉得以上内容对你有帮助，可以前往 Github[105] 点个 Star 支持一下。

HTML

语义化

html 语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析。在没有引入样式 CCS 样式的时候也能以一种可以分辨出来大致表示内容的文档格式显示，并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。

•文档•HTML 中的语义[106]，什么是 HTML 语义化，HTML 语义化有什么好处•推荐文章•IFE-NOTE：页面结构语义化[107]，HTML5 语义化中的页面结构语义化的一些经验和理解•关于 HTML 语义和前端架构[108]，HTML 语义化在开发中配合 CSS 结构化类名的使用构建可重用和可组合的组件

CSS

•推荐文章•一文梳理 CSS 必会知识点[109]

盒子模型

在 CSS 中，所有的元素都被一个个的“盒子（box）”包围着，我们广泛地使用两种“盒子” —— 块级盒子 (block box) 和 内联盒子 (inline box)，理解这些“盒子”的基本原理，是我们使用 CSS 实现准确布局、处理元素排列的关键。

•文档•CSS 盒子模型[110]，官方文档深入了解 CSS 盒子模型•推荐文章•CSS 盒模型之内边距、边框、外边距 十九问[111]，通过举例说明盒子模型各种常见形态和问题•CSS Box Model[112]，盒子模型的一些规范介绍•CSS 盒模型详解（图文教程）[113]，通过图片和例子说明盒子模型的各个部分和在页面上的表现形式

选择器

CSS 中，选择器用来指定网页上我们想要样式化的 HTML 元素。CSS 选择器提供了很多种方法，所以在选择要样式化的元素时，我们可以做到很精细的地步。

CSS 选择器是 CSS 规则的第一部分。它是元素和其他部分组合起来告诉浏览器哪个 HTML 元素应当是被选为应用规则中的 CSS 属性值的方式。选择器所选择的元素，叫做“选择器的对象”。

•文档•CSS 选择器[114]，官方文档详细地讲授选择器的不同使用方式，并了解它们的工作原理。•推荐文章•30 个你必须熟记的 CSS 选择器[115]，开发中常用的 CSS 选择器，熟练掌握以后可以很大程度提高 CSS 的编码体验•深入解析 CSS 样式优先级[116]，详细介绍了 CSS 样式的权重优先级，避免写重复样式和样式被覆盖不生效的问题

Flex

•文档•flexbox[117]•推荐文章•A Complete Guide to Flexbox[118]•Flexbox 布局中不为人知的细节[119]•实战•FLEXBOX FROGGY[120] 一个趣味性小游戏学习 Flex 的网站

grid

•文档•grid[121]•推荐文档•A Complete Guide to Grid[122]•最强大的 CSS 布局 —— Grid 布局[123]

其他

•推荐文档•详谈层合成（composite)[124]•移动设备如何实现真正 1px 的线？[125]

框架

框架一般选其一深入学习即可。

虚拟 DOM

Virtual DOM 也就是虚拟节点。通过 JS 的 Object 对象模拟 DOM 中的真实节点对象，再通过特定的 render 方法将其渲染成真实的 DOM 节点。

•文档•React 官网介绍[126]•推荐文章• Virtual Dom 和 Diff 算法在 React 中是如何工作的？[127]，需自备梯子• React 核心知识点 -- Virtual Dom 与 Diff [128]

路由

路由在 SPA 架构中都有被用到，实际原理就是运用 hash 及 history 相关的 API 实现。

•文档•hashchange[129]•history[130]•推荐文章•前端路由简介以及 vue-router 实现原理[131]，对前端路由及 Vue-Route 库原理做了解释，几个框架的路由库原理都一致

React

学习框架务必从文档[132]出发，起码熟读一遍及自己写过一些初步的 Demo 之后再考虑学习别的资料。

React 推荐学习路径

近 20 人爆肝数周，写给初中级前端的万字高级进阶指南_第2张图片 reactStudy.png

大家可以跟着以上学习路径学习，其中除了概念相关的内容是必须学习之外，生态相关的内容大家可以在使用时再学习。

React 推荐学习资料

•React 学习之道[133]，可以 0 元购买•React 生命周期[134]

如何编写一个组件

•文档•React 官方文档[135]•推荐文章•[译]React 函数组件和类组件的差异[136]•寫 React Components 該注意的 6 個地方與技巧[137]•编写高效且可读组件的 5 个最佳实践[138]•designing-react-components-best-practices[139]•React 复合组件[140]

受控组件和非受控组件

•受控组件：在 HTML 中，表单元素（如 input、 textarea 和 select ）通常自己维护 state，并根据用户输入进行更新。而在 React 中，可变状态（mutable state）通常保存在组件的 state 属性中，并且只能通过使用 setState() 或者 props 来更新•非受控组件：是一个存储其自己的内部状态，并且您使用查询 DOM ref，当你需要它来找到它的当前值，这有点像传统的 HTML•文档•React 官方文档[141]•推荐文章•受控和非受控组件真的那么难理解吗[142]•[译]受控组件 & 非受控组件[143]

高阶组件（HOC）

高阶组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分，它是一种基于 React 的组合特性而形成的设计模式。

具体而言，高阶组件是参数为组件，返回值为新组件的函数。

•文档•React 官方文档[144]•推荐文章•React 高阶组件(HOC)入门指南[145]•hoc 库 recompose[146]•精读 React 高阶组件[147]

Hooks

Hook 是 React 16.8 的新增特性。它可以让你在不编写类组件的情况下使用 React 的特性。

•文档•React Hooks 官方文档[148]•推荐文章•彻底理解 React hook useCallback 和 useMemo 的区别[149]•React hooks 最佳实践

合成事件

合成事件（SyntheticEvent）是 React 模拟原生 DOM 事件所有能力的一个事件对象，即浏览器原生事件的跨浏览器包装器。React 根据 W3C 规范[150] 定义了合成事件。需要注意的是 v16 和 17 版本中的合成事件有差异。

•文档•React 官方文档[151]•推荐文章•探索 React 合成事件[152]•大佬，怎么办？升级 React17，Toast 组件不能用了[153]•What’s the Difference Between Synthetic React Events and JavaScript Events?[154]，需自备梯子•React 17 removes event pooling in the modern browsers[155]

React 路由

•react-router[156]，React 声明式路由•reach router[157]，下一代的 React 路由

React 状态管理

React 状态管理可谓百花齐放百家争鸣，远远不止笔者列的这些库。但是实际上很多项目完全是不需要用到状态管理的，反而是增加编码复杂度，其实利用 React Context 或者 react-query[158] 这类接口请求库就能很好地满足需求了。

•redux[159]，JS 应用的状态容器，提供可预测的状态管理•mobx[160]，简单，可扩展的状态管理库•recoil[161]，React 状态管理库•xstate[162]，有限状态机•zustand[163]，简单、快速和可扩展的骨状态管理解决方案

React 接口请求

•axios[164]，传统接口请求库•react-query[165]，用于获取、缓存和更新 React 中异步数据的 Hooks 接口请求库•swr[166]，用于数据请求的 React Hooks 库

React SSR

•nest.js[167]，一个渐进式的 Node.js 框架，用于构建高效、可靠和可扩展的服务端应用。

React 单测

•jest[168]，优雅、简洁的 JavaScript 测试框架，单测必选项•react-testing-library[169]，简单且完整的 React DOM 测试工具

React CSS 方案

•styled-components[170]，CSS in JS 方案•tailwindcss[171]，Atom CSS 方案

React 原理

•react-source-code-debug[172]，学习如何调试源码•react-illustration-series[173]，图解 react 源码，用大量配图的方式，致力于将 react 原理表述清楚•just-react[174]，「React 技术揭秘」，一本自顶向下的 React 源码分析书•tiny-react[175]，基于 React17 精简而来的最小版实现

Blog 推荐

•Dan Abramov[176]，React 核心开发者的 Blog

Vue

学习框架务必从文档[177]出发，起码熟读一遍及自己写过一些初步的 Demo 之后再考虑学习别的资料。

对于 Vue 来说，官方文档内容相当齐全，并且全家桶也都是官方出的，因此无需头疼技术栈选型。

Vue 推荐学习路径

目前 3.0 生态并不完善，在公司内部基本需要先熟悉 2.0 的写法，因此推荐新手先学习 2.0 的内容。

•新手向：Vue 2.0 的建议学习顺序[178]，尤雨溪自己写的学习路径，时至今日也不过时

Vue 推荐学习资料

•awesome-vue[179]•vue-patterns[180]，有用的 Vue 模式、技巧、提示以及有帮助的精选链接

Vue 原理

•vue-analysis[181]，黄老师出品•vue-design[182]，官方人员出品，域名已过期，需要大家自行在仓库内浏览内容。虽然麻烦了点，但是质量绝对过关

浏览器

一般说到浏览器，常指的都是 Chrome。浏览器作为前端不可或缺的载体，我们势必需要好好学习及掌握其相关的知识。

另外浏览器中涉及到的知识面很多，与 JS 执行机制、网络、性能优化、安全等领域都有关联，因此大家在学习这部分的内容时需要多与之前学习的知识联系起来。

架构

•Inside look at modern web browser[183]，这是一个 Google 出的系列专栏，共有四篇文章，内容上到浏览器的整体架构，下至页面的渲染规则都说了一遍，另有 中文翻译[184]

整体流程

•浏览器的工作原理：新式网络浏览器幕后揭秘[185]，这虽然是一篇 11 年的文章，但是内容在如今也不过时，文章广为流传•当···时发生了什么？[186]，经典面试题，文中对于这个流程里的相关内容力求尽可能具体，不遗漏任何细节•从输入 URL 到页面加载完成的过程中都发生了什么事情？[187]，这篇文章涉及了大量网络及硬件知识

渲染相关

•浏览器的渲染原理简介[188]，左耳朵耗子出品，如果上文「浏览器的工作原理：新式网络浏览器幕后揭秘」觉得太长不看或者看完觉得没看懂什么，那么可以来阅读下本文，起码能从中学会一些能用在工作上的东西•浏览器的回流与重绘 (Reflow & Repaint)[189]

JS 执行机制

•从浏览器多进程到 JS 单线程，JS 运行机制最全面的一次梳理[190]，超长文，这篇文章能让你对进程线程，浏览器多进程、浏览器内核多线程、JS 单线程、JS 运行机制有个不错的理解

缓存

•文档[191]•彻底理解浏览器的缓存机制[192]，浏览器缓存机制与性能优化息息相关

Devtools

•Chrome DevTools[193]，Google 出的 DevTools 的使用说明书，对于每个功能的使用都有详细的介绍，看啥文章都不如看这个•Chrome_Devtools_Tricks[194]，介绍了 Chrome DevTools 的使用技巧，从不同的情景来说明应该如何搭配使用 Chrome DevTools 中的小技巧，适合英文不怎么好的读者阅读

浏览器安全

•文档[195]•一文读懂 Web 安全[196]，简单介绍了一些前端需要注意的安全知识•the-book-of-secret-knowledge[197]，如果你对安全领域有兴趣，可以阅读下这个仓库的内容

性能优化

性能优化是一个系统性工程，涉及到的方面很多，不仅仅只是大家常说的静态文件和代码优化那么简单。

大家学习这部分内容的时候可以先从推荐的文章中了解具体有哪些性能优化手段及具体方法，然后根据这些内容去实验。

推荐书籍

其实性能优化相关的书籍市面上出的不多，优秀的也都是好几年前的老书了，看不看也无所谓了。

•Web 性能权威指南[198]，豆瓣 8.9 分，老书•高性能网站建设进阶指南[199]，豆瓣 8.9 分，老书

推荐网站

•web.dev[200]，Google 自家的 blog，你能在这上面学到很多性能优化及如何做好用户体验的知识，其实很多市面上的文章内容都有这个网站的影子

整体优化建议

•前端性能优化 24 条建议（2020）[201]，类似现代版雅虎军规•前端性能优化之旅[202]，系统性介绍性能优化的手段，参考资料也值得学习•Front-End Performance Checklist 2021[203]，一本很火的免费 PDF，包含了很多性能优化相关的 Checklist•React 性能优化 | 包括原理、技巧、Demo、工具使用[204]

性能指标

•文档[205]•还在看那些老掉牙的性能优化文章么？这些最新性能指标了解下[206]，文章会介绍谷歌提倡的七个用户体验指标（也可以认为是性能指标）•做性能优化时，我们关注哪些指标？

性能监控

•前端搞工程化：从零打造性能检测库「源码 + 视频」[207]，光会性能优化的手段还是不够的，如何体现优化的价值也是至关重要的

TypeScript

TypeScript 是为开发大型应用而设计的，并且 TypeScript 可转译成 JavaScript。由于 TypeScript 是 JavaScript 的严格超集，任何现有的 JavaScript 程序都是合法的 TypeScript 程序。

文档

•TypeScript 官方文档[208]

推荐文章

•TypeScript 入门教程[209]•TypeScript 的另一面：类型编程[210]•TypeScript Deep Dive[211] 另有中文版[212]

推荐开源项目

•TypeScript-for-Beginner-Programmers[213] 需自备梯子•type-challenges[214]•TypeScript exercises[215]

Electron

Electron 是一个可以使用 Web 技术如 JavaScript、HTML 和 CSS 来创建跨平台原生桌面应用的框架。借助 Electron，我们可以使用纯 JavaScript 来调用丰富的原生 APIs。

文档

•Electron 官网[216]•Electron 中文教程[217]

推荐文章

•分享这半年的 Electron 应用开发和优化经验[218]•用 JS 开发跨平台桌面应用，从原理到实践[219]•Building a desktop application with Electron[220] 需访问

推荐开源项目

•Electron 资源[221]•Electron Playground[222]•electron-vue-cloud-music[223]•electron-builder[224]

组件库

组件库顾名思义指的就是将多个公共模块或者可复用的组件提取整合生成的一个仓库

知名度较广的组件库：

•antd[225]•elementUI[226]

相关文档：

•lerna[227]•angular commit 规范[228]•yarn[229]•css variables[230]

推荐文章：

•从 0 到 1，搭建一个体系完善的前端 React 组件库[231]•如何规范你的 Git commit？[232]•基于 lerna 和 yarn workspace 的 monorepo 工作流[233]•FusionNext 可配置能力从 Sass 体系升级为支持 Css Variable[234]

微前端

是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。

优势：

•代码库更小，更内聚、可维护性更高•松耦合、自治的团队可扩展性更好•渐进地升级、更新甚至重写部分前端功能成为了可能•独立开发部署，缩小变更范围，进而降低相关风险

框架：

•single-spa[235]•蚂蚁-乾坤[236]•淘系-icestark[237]•字节-Garfish[238]•京东-micro-app[239]•Bit[240]•EMP - Micro Frontends solution[241] 基于 webpack 5 & module federation

推荐文章：

•从零到一实现企业级微前端框架，保姆级教学[242]•字节跳动是如何落地微前端的•What Are Micro Frontends?[243]•Bifrost 微前端框架及其在美团闪购中的实践[244]•每日优鲜供应链前端团队微前端改造[245]•微前端在美团外卖的实践[246]•How We Build Micro Frontends[247]•Revolutionizing Micro Frontends with Webpack 5, Module Federation and Bit[248]

推荐学习资料

•microfrontend-resources[249] ， 关于微前端的各类资料推荐

跨端框架

跨端的最主要的含义就是一套代码多端运行，减少重复劳动

目前看来，国内比较流行的是小程序, H5, App 三端跨的框架， uniapp[250] 及 taro[251] 是其中做的比较出彩的两个框架。当然在 taro3.0 之前（以下主要是说小程序），taro 跟 uniapp 都是使用编译时做更多的事情，编译成小程序能够运行的代码。

而在 taro3.0 之后变成了与 remax[252] 相同的思想，在运行时做更多的事情，保证了原框架代码能够完全使用，而不需要为了转换成其他小程序时做兼容。

•awesome-remax[253]•美团自研 react 跨端[254]•京东 taro[255]

监控

当业务进入稳定，最需要做的肯定是对于业务线上的各种性能、异常及常规业务进行监控，避免在上线之后成为瞎子。

目前市场比较出名的监控系统：

•sentry[256]•ali node[257]•bugly[258]•mixpanel[259]•听云[260]

推荐开源库：

•rrweb[261]，提供像素级的录制与回放，帮助正确定位问题是如何发生的•monitor[262]， 一款轻量级的收集页面的用户点击行为、路由跳转、接口报错、代码报错、并上报服务端的 SDK•mitojs[263] 上面 monitor 作者新维护的库。全新插拔式的监控 SDK，代码架构更清晰，配置项更丰富，高度可定制化

推荐文章：

•美团可视化埋点方案[264]•如何进行 web 性能监控？[265]•蚂蚁金服如何把前端性能监控做到极致?[266]•如何做前端异常监控？[267]•前端监控平台系列：JS SDK（已开源）[268]

日常充电

•Best-websites-a-programmer-should-visit[269]，优秀的工程师都应该阅读的网站

CSS 日常充电

•You-need-to-know-css[270]•CSS Inspiration[271]•CSS Tricks[272]•spinkit[273] 需自备梯子•animista[274]

Github 优秀学习资料

JS 优秀学习资料

•33-js-concepts[275]•JavaScript 安全指南[276]•What the f*ck JavaScript?[277]，有趣的 JavaScript 示例列表，附有解释•clean-code-javascript[278]，适应于 JavaScript 的优雅代码建议

React 优秀学习资料

•react-philosophies[279]，React 哲学，内容为写 React 代码时思考的事情

代码样式及安全

•secguide[280]，面向开发人员梳理的代码安全指南

生产力工具

流程图

•whimsical[281]

最后

内容其实目前只能算作是第一版，并不完善，欢迎大家参与投稿内容，这里是仓库链接[282]

引用链接

[1] JavaScript 高级程序设计（第 4 版）: https://book.douban.com/subject/35175321/
[2] JavaScript 忍者秘籍（第 2 版）: https://book.douban.com/subject/30143702/
[3] 你不知道的 JS 三卷: https://book.douban.com/subject/26351021/
[4] 原著: https://github.com/getify/You-Dont-Know-JS
[5] JavaScript 悟道: https://book.douban.com/subject/35469273/
[6] JavaScript 语言精髓与编程实践（第 3 版）: https://book.douban.com/subject/35085910/
[7] 公众号: https://github.com/KieSun/fucking-frontend#%E4%BD%9C%E8%80%85%E4%BF%A1%E6%81%AF
[8] JavaScript 高级程序设计（第 4 版）: https://book.douban.com/subject/35175321/
[9] JavaScript 忍者秘籍（第 2 版）: https://book.douban.com/subject/30143702/
[10] JavaScript 数据类型和数据结构: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures
[11] typeof: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/typeof
[12] instanceof: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/instanceof
[13] Object.prototype.toString: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/toString#using_tostring_to_detect_object_class
[14] JavaScript 专题之类型判断(上): https://github.com/mqyqingfeng/Blog/issues/28
[15] JavaScript 专题之类型判断(下): https://github.com/mqyqingfeng/Blog/issues/30
[16] ES 标准: https://tc39.es/ecma262/#sec-abstract-operations
[17] 双等判断: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Equality
[18] You Don't Know JS 书中关于类型转换的一章节: https://github.com/weiqinl/You-Dont-Know-JS-CN/blob/master/types%20%26%20grammar/ch4.md
[19] 几种基本类型简单的类型转换: https://zh.javascript.info/type-conversions
[20] JavaScript 深入之头疼的类型转换(上): https://github.com/mqyqingfeng/Blog/issues/159
[21] JavaScript 深入之头疼的类型转换(下): https://github.com/mqyqingfeng/Blog/issues/164
[22] this: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this
[23] You Don't Know JS 书中关于 this 的第一章节: https://github.com/getify/You-Dont-Know-JS/blob/1st-ed/this%20%26%20object%20prototypes/ch1.md
[24] You Don't Know JS 书中关于 this 的第二章节: https://github.com/getify/You-Dont-Know-JS/blob/1st-ed/this%20%26%20object%20prototypes/ch2.md
[25] 深入理解 js this 绑定 ( 无需死记硬背，尾部有总结和面试题解析 ): https://segmentfault.com/a/1190000011194676
[26] 闭包: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures
[27] You Don't Know JS 第二版中对于闭包的解释: https://github.com/getify/You-Dont-Know-JS/blob/2nd-ed/scope-closures/ch7.md
[28] DeepL: https://www.deepl.com/translator
[29] JavaScript 的静态作用域链与“动态”闭包链: https://juejin.cn/post/6957913856488243237
[30] 知乎中关于闭包的讨论: https://www.zhihu.com/question/34210214
[31] 作用域: https://developer.mozilla.org/en-US/docs/Glossary/Scope
[32] 块作用域: https://developer.mozilla.org/en-US/docs/Glossary/Block/Scripting
[33] JavaScript 深入之词法作用域和动态作用域: https://github.com/mqyqingfeng/Blog/issues/3
[34] JavaScript 深入之作用域链: https://github.com/mqyqingfeng/Blog/issues/6
[35] Variable scope, closure: https://javascript.info/closure
[36] 中文翻译版: https://zh.javascript.info/closure
[37] You Don't Know JS Yet: Scope & Closures: https://github.com/getify/You-Dont-Know-JS/tree/2nd-ed/scope-closures
[38] The battle between function scope and block scope: https://www.deadcoderising.com/2017-04-11-es6-var-let-and-const-the-battle-between-function-scope-and-block-scope/
[39] JS 变量提升: https://developer.mozilla.org/en-US/docs/Glossary/Hoisting
[40] JavsScript 变量提升和函数提升: https://towind.fun/2021/05/10/js-hoisting/
[41] 我用了两个月的时间才理解 let: https://fangyinghang.com/let-in-js/
[42] JavaScript Scoping and Hoisting: http://www.adequatelygood.com/JavaScript-Scoping-and-Hoisting.html
[43] new: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/new
[44] JS 的 new 到底是干什么的？: https://zhuanlan.zhihu.com/p/23987456
[45] JavaScript 深入之 new 的模拟实现: https://github.com/mqyqingfeng/Blog/issues/13
[46] call: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/call
[47] apply: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply
[48] bind: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind
[49] JS 中的 call、apply、bind 方法详解: https://segmentfault.com/a/1190000018270750
[50] call 和 apply 的模拟实现: https://github.com/mqyqingfeng/Blog/issues/11
[51] bind 的模拟实现: https://github.com/mqyqingfeng/Blog/issues/12
[52] 原型: https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Object_prototypes
[53] You Don't Know JS: this & Object Prototypes: https://github.com/getify/You-Dont-Know-JS/blob/1st-ed/this%20%26%20object%20prototypes/ch5.md
[54] 深度解析原型中的各个难点: https://juejin.cn/post/6844903575974313992
[55] Prototypes in JavaScript: https://betterprogramming.pub/prototypes-in-javascript-5bba2990e04b
[56] Class: https://developer.mozilla.org/en-US/docs/Glossary/Class
[57] 理解 JavaScript 的类: https://www.digitalocean.com/community/tutorials/understanding-classes-in-javascript
[58] Babel 是如何编译 Class 上: https://github.com/mqyqingfeng/Blog/issues/105
[59] Babel 是如何编译 Class 下: https://github.com/mqyqingfeng/Blog/issues/106
[60] 给 ES6 class 说句公道话: https://juejin.cn/post/6924108426125508616
[61] 应该在 JavaScript 中使用 Class 吗？: https://zhuanlan.zhihu.com/p/158956514
[62] 继承: https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Inheritance
[63] JavaScript 深入之继承的多种方式和优缺点: https://github.com/mqyqingfeng/Blog/issues/16
[64] JavaScript 中的继承: https://medium.com/@happymishra66/inheritance-in-javascript-21d2b82ffa6f
[65] JS 类继承: https://javascript.info/class-inheritance
[66] 中文翻译版: https://zh.javascript.info/class-inheritance
[67] Modules: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules
[68] 【深度全面】前端 JavaScript 模块化规范进化论: https://segmentfault.com/a/1190000023711059
[69] JavaScript modules: https://v8.dev/features/modules
[70] ES modules: A cartoon deep-dive: https://hacks.mozilla.org/2018/03/es-modules-a-cartoon-deep-dive/
[71] 中文版: https://juejin.cn/post/6844903591979778061
[72] Promise: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise
[73] Promises/A+ 规范: https://promisesaplus.com/
[74] Callbacks Vs Promises and basics of JS: https://theflyingmantis.medium.com/callbacks-vs-promises-and-basics-of-js-80d3d1515e81
[75] 最简实现 Promise，支持异步链式调用（20 行）: https://juejin.cn/post/6844904094079926286
[76] promise-fun: https://github.com/sindresorhus/promise-fun
[77] 迭代器与生成器: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators
[78] [译] 什么是 JavaScript 生成器？如何使用生成器？: https://juejin.cn/post/6844903616357072910
[79] Understanding Generators in ES6 JavaScript with Examples: https://codeburst.io/understanding-generators-in-es6-javascript-with-examples-6728834016d5
[80] A Simple Guide to ES6 Iterators in JavaScript with Examples: https://codeburst.io/a-simple-guide-to-es6-iterators-in-javascript-with-examples-189d052c3d8e
[81] async: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function
[82] await: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/await
[83] 手写 async await 的最简实现（20 行）: https://juejin.cn/post/6844904102053281806
[84] Babel 将 Generator 编译成了什么样子 : https://github.com/mqyqingfeng/Blog/issues/102
[85] 事件循环: https://developer.mozilla.org/en-US/docs/Web/JavaScript/EventLoop
[86] 这一次，彻底弄懂 JavaScript 执行机制: https://juejin.cn/post/6844903512845860872
[87] 一次弄懂 Event Loop: https://juejin.cn/post/6844903764202094606
[88] JavaScript 的工作原理: https://blog.sessionstack.com/how-javascript-works-event-loop-and-the-rise-of-async-programming-5-ways-to-better-coding-with-2f077c4438b5
[89] 中文翻译版: https://github.com/Troland/how-javascript-works/blob/master/event-loop.md
[90] Loupe: http://latentflip.com/loupe/?code=JC5vbignYnV0dG9uJywgJ2NsaWNrJywgZnVuY3Rpb24gb25DbGljaygpIHsKICAgIHNldFRpbWVvdXQoZnVuY3Rpb24gdGltZXIoKSB7CiAgICAgICAgY29uc29sZS5sb2coJ1lvdSBjbGlja2VkIHRoZSBidXR0b24hJyk7ICAgIAogICAgfSwgMjAwMCk7Cn0pOwoKY29uc29sZS5sb2coIkhpISIpOwoKc2V0VGltZW91dChmdW5jdGlvbiB0aW1lb3V0KCkgewogICAgY29uc29sZS5sb2coIkNsaWNrIHRoZSBidXR0b24hIik7Cn0sIDUwMDApOwoKY29uc29sZS5sb2coIldlbGNvbWUgdG8gbG91cGUuIik7!!!PGJ1dHRvbj5DbGljayBtZSE8L2J1dHRvbj4%3D
[91] 函数防抖与函数节流: https://zhuanlan.zhihu.com/p/38313717
[92] 浅谈 JS 防抖和节流: https://segmentfault.com/a/1190000018428170
[93] Debounce – How to Delay a Function in JavaScript: https://www.freecodecamp.org/news/javascript-debounce-example
[94] Debouncing and Throttling in JavaScript: https://www.telerik.com/blogs/debouncing-and-throttling-in-javascript
[95] 柯里化（Currying）: https://zh.javascript.info/currying-partials
[96] JavaScript 专题之函数柯里化: https://github.com/mqyqingfeng/Blog/issues/42
[97] Understanding Currying in JavaScript: https://blog.bitsrc.io/understanding-currying-in-javascript-ceb2188c339
[98] 中文翻译版: https://www.cnblogs.com/GeniusLyzh/p/9937829.html
[99] 内存管理 & 垃圾回收: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Memory_Management
[100] 深入理解 Chrome V8 垃圾回收机制: https://github.com/yacan8/blog/issues/33
[101] GC in v8: https://github.com/lrlna/sketchin/blob/master/guides/garbage-collection-in-v8.md
[102] JavaScript 工作原理：内存管理 + 处理常见的 4 种内存泄漏: https://blog.sessionstack.com/how-javascript-works-memory-management-how-to-handle-4-common-memory-leaks-3f28b94cfbec
[103] 中文版: https://juejin.cn/post/6844903519078580238
[104] 0.1 + 0.2 !== 0.3: https://zhuanlan.zhihu.com/p/225490777
[105] Github: https://github.com/KieSun/fucking-frontend
[106] HTML 中的语义: https://developer.mozilla.org/en-US/docs/Glossary/Semantics#semantics_in_html
[107] IFE-NOTE：页面结构语义化: https://rainylog.com/post/ife-note-1/
[108] 关于 HTML 语义和前端架构: http://nicolasgallagher.com/about-html-semantics-front-end-architecture/
[109] 一文梳理 CSS 必会知识点: https://juejin.cn/post/6854573212337078285
[110] CSS 盒子模型: https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model
[111] CSS 盒模型之内边距、边框、外边距 十九问: https://juejin.cn/post/6880111680153059341
[112] CSS Box Model: https://www.w3.org/TR/css-box-3/
[113] CSS 盒模型详解（图文教程）: https://www.cnblogs.com/qianguyihao/p/7256371.html
[114] CSS 选择器: https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors
[115] 30 个你必须熟记的 CSS 选择器: https://code.tutsplus.com/zh-hans/tutorials/the-30-css-selectors-you-must-memorize--net-16048
[116] 深入解析 CSS 样式优先级: https://cloud.tencent.com/developer/article/1545341
[117] flexbox: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox
[118] A Complete Guide to Flexbox: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
[119] Flexbox 布局中不为人知的细节: https://juejin.cn/post/6938292463605907492
[120] FLEXBOX FROGGY: https://flexboxfroggy.com/
[121] grid: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout
[122] A Complete Guide to Grid: https://css-tricks.com/snippets/css/complete-guide-grid/
[123] 最强大的 CSS 布局 —— Grid 布局: https://juejin.cn/post/6854573220306255880
[124] 详谈层合成（composite): http://jartto.wang/2017/09/29/expand-on-performance-composite/
[125] 移动设备如何实现真正 1px 的线？: https://jinlong.github.io/2015/05/24/css-retina-hairlines/
[126] React 官网介绍: https://reactjs.org/docs/faq-internals.html
[127] Virtual Dom 和 Diff 算法在 React 中是如何工作的？: https://medium.com/@gethylgeorge/how-virtual-dom-and-diffing-works-in-react-6fc805f9f84e
[128] React 核心知识点 -- Virtual Dom 与 Diff : https://github.com/pfan123/Articles/issues/62
[129] hashchange: https://developer.mozilla.org/en-US/docs/Web/API/Window/hashchange_event
[130] history: https://developer.mozilla.org/en-US/docs/Web/API/History
[131] 前端路由简介以及 vue-router 实现原理: https://zhuanlan.zhihu.com/p/37730038
[132] 文档: https://reactjs.org/
[133] React 学习之道: https://leanpub.com/the-road-to-learn-react-chinese/
[134] React 生命周期: https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/
[135] React 官方文档: https://reactjs.org/docs/components-and-props.html
[136] [译]React 函数组件和类组件的差异: https://jishuin.proginn.com/p/763bfbd4cad4
[137] 寫 React Components 該注意的 6 個地方與技巧: https://medium.com/@chihsuan/%E5%AF%AB-react-components-%E8%A9%B2%E6%B3%A8%E6%84%8F%E7%9A%846%E5%80%8B%E5%9C%B0%E6%96%B9%E8%88%87%E6%8A%80%E5%B7%A7-faa2bb87a18e
[138] 编写高效且可读组件的 5 个最佳实践: https://www.infoq.cn/article/ry4icky5crb1pokvi0ql
[139] designing-react-components-best-practices: https://www.thisdot.co/blog/designing-react-components-best-practices
[140] React 复合组件: https://www.smashingmagazine.com/2021/08/compound-components-react/
[141] React 官方文档: https://reactjs.org/docs/uncontrolled-components.html
[142] 受控和非受控组件真的那么难理解吗: https://juejin.cn/post/6858276396968951822
[143] [译]受控组件 & 非受控组件: https://www.baobangdong.cn/controlled-components-and-uncontrolled-components/
[144] React 官方文档: https://reactjs.org/docs/higher-order-components.html
[145] React 高阶组件(HOC)入门指南: https://github.com/MrErHu/blog/issues/4
[146] hoc 库 recompose: https://github.com/acdlite/recompose
[147] 精读 React 高阶组件: https://zhuanlan.zhihu.com/p/27434557
[148] React Hooks 官方文档: https://zh-hans.reactjs.org/docs/hooks-intro.html
[149] 彻底理解 React hook useCallback 和 useMemo 的区别: https://juejin.cn/post/6844904032113278990
[150] W3C 规范: https://www.w3.org/TR/DOM-Level-3-Events/
[151] React 官方文档: https://reactjs.org/docs/events.html
[152] 探索 React 合成事件: https://segmentfault.com/a/1190000038251163
[153] 大佬，怎么办？升级 React17，Toast 组件不能用了: https://zhuanlan.zhihu.com/p/380941094
[154] What’s the Difference Between Synthetic React Events and JavaScript Events?: https://betterprogramming.pub/whats-the-difference-between-synthetic-react-events-and-javascript-events-ba7dbc742294
[155] React 17 removes event pooling in the modern browsers: https://blog.saeloun.com/2021/04/06/react-17-removes-event-pooling-in-modern-system.html
[156] react-router: https://github.com/remix-run/react-router
[157] reach router: https://github.com/reach/router
[158] react-query: https://github.com/tannerlinsley/react-query
[159] redux: https://github.com/reduxjs/redux
[160] mobx: https://github.com/mobxjs/mobx
[161] recoil: https://github.com/facebookexperimental/Recoil
[162] xstate: https://github.com/statelyai/xstate
[163] zustand: https://github.com/pmndrs/zustand
[164] axios: https://github.com/axios/axios
[165] react-query: https://github.com/tannerlinsley/react-query
[166] swr: https://github.com/vercel/swr
[167] nest.js: https://github.com/nestjs/nest
[168] jest: https://github.com/facebook/jest
[169] react-testing-library: https://github.com/testing-library/react-testing-library
[170] styled-components: https://github.com/styled-components/styled-components
[171] tailwindcss: https://github.com/tailwindlabs/tailwindcss
[172] react-source-code-debug: https://github.com/neroneroffy/react-source-code-debug
[173] react-illustration-series: https://github.com/7kms/react-illustration-series
[174] just-react: https://github.com/BetaSu/just-react
[175] tiny-react: https://github.com/PiNengShaoNian/tiny-react
[176] Dan Abramov: https://overreacted.io/
[177] 文档: https://vuejs.org/
[178] 新手向：Vue 2.0 的建议学习顺序: https://zhuanlan.zhihu.com/p/23134551
[179] awesome-vue: https://github.com/vuejs/awesome-vue
[180] vue-patterns: https://github.com/learn-vuejs/vue-patterns
[181] vue-analysis: https://github.com/ustbhuangyi/vue-analysis
[182] vue-design: https://github.com/HcySunYang/vue-design
[183] Inside look at modern web browser: https://developers.google.com/web/updates/2018/09/inside-browser-part1
[184] 中文翻译: https://cloud.tencent.com/developer/article/1806716
[185] 浏览器的工作原理：新式网络浏览器幕后揭秘: https://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/
[186] 当···时发生了什么？: https://github.com/skyline75489/what-happens-when-zh_CN
[187] 从输入 URL 到页面加载完成的过程中都发生了什么事情？: https://fex.baidu.com/blog/2014/05/what-happen/
[188] 浏览器的渲染原理简介: https://coolshell.cn/articles/9666.html
[189] 浏览器的回流与重绘 (Reflow & Repaint): https://juejin.cn/post/6844903569087266823
[190] 从浏览器多进程到 JS 单线程，JS 运行机制最全面的一次梳理: https://segmentfault.com/a/1190000012925872
[191] 文档: https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Caching
[192] 彻底理解浏览器的缓存机制: https://juejin.cn/post/6844903593275817998
[193] Chrome DevTools: https://developer.chrome.com/docs/devtools/
[194] Chrome_Devtools_Tricks: https://github.com/dendoink/FrontendWingman/tree/master/Chrome_Devtools_Tricks
[195] 文档: https://developer.mozilla.org/en-US/docs/Web/Security
[196] 一文读懂 Web 安全: https://segmentfault.com/a/1190000023396707
[197] the-book-of-secret-knowledge: https://github.com/trimstray/the-book-of-secret-knowledge
[198] Web 性能权威指南: https://book.douban.com/subject/25856314/
[199] 高性能网站建设进阶指南: https://book.douban.com/subject/4719162/
[200] web.dev: https://web.dev/
[201] 前端性能优化 24 条建议（2020）: https://juejin.cn/post/6892994632968306702
[202] 前端性能优化之旅: https://github.com/alienzhou/fe-performance-journey
[203] Front-End Performance Checklist 2021: https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/
[204] React 性能优化 | 包括原理、技巧、Demo、工具使用: https://juejin.cn/post/6935584878071119885
[205] 文档: https://web.dev/learn-web-vitals/
[206] 还在看那些老掉牙的性能优化文章么？这些最新性能指标了解下: https://juejin.cn/post/6850037270729359367
[207] 前端搞工程化：从零打造性能检测库「源码 + 视频」: https://juejin.cn/post/6919295789630455815
[208] TypeScript 官方文档: https://www.typescriptlang.org/docs/
[209] TypeScript 入门教程: https://ts.xcatliu.com/
[210] TypeScript 的另一面：类型编程: https://juejin.cn/post/6989796543880495135
[211] TypeScript Deep Dive: https://basarat.gitbook.io/typescript/
[212] 中文版: https://jkchao.github.io/typescript-book-chinese/
[213] TypeScript-for-Beginner-Programmers: https://github.com/chibicode/TypeScript-for-Beginner-Programmers
[214] type-challenges: https://github.com/type-challenges/type-challenges
[215] TypeScript exercises: https://github.com/typescript-exercises/typescript-exercises
[216] Electron 官网: https://www.electronjs.org/
[217] Electron 中文教程: https://weishuai.gitbooks.io/electron-/content/
[218] 分享这半年的 Electron 应用开发和优化经验: https://juejin.cn/post/6844904029231775758
[219] 用 JS 开发跨平台桌面应用，从原理到实践: https://juejin.cn/post/6844903862302670862
[220] Building a desktop application with Electron: https://medium.com/developers-writing/building-a-desktop-application-with-electron-204203eeb658
[221] Electron 资源: https://github.com/sindresorhus/awesome-electron
[222] Electron Playground: https://github.com/tal-tech/electron-playground
[223] electron-vue-cloud-music: https://github.com/xiaozhu188/electron-vue-cloud-music
[224] electron-builder: https://github.com/electron-userland/electron-builder
[225] antd: https://github.com/ant-design/ant-design.git
[226] elementUI: https://github.com/ElemeFE/element.git
[227] lerna: https://github.com/lerna/lerna
[228] angular commit 规范: https://github.com/angular/angular/blob/master/CONTRIBUTING.md#commit
[229] yarn: https://yarnpkg.com/
[230] css variables: https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties
[231] 从 0 到 1，搭建一个体系完善的前端 React 组件库: https://www.infoq.cn/article/i4q9ybdmxzmu8eex8qvh
[232] 如何规范你的 Git commit？: https://zhuanlan.zhihu.com/p/182553920
[233] 基于 lerna 和 yarn workspace 的 monorepo 工作流: https://zhuanlan.zhihu.com/p/71385053
[234] FusionNext 可配置能力从 Sass 体系升级为支持 Css Variable: https://zhuanlan.zhihu.com/p/257159028
[235] single-spa: https://single-spa.js.org/
[236] 蚂蚁-乾坤: https://github.com/umijs/qiankun
[237] 淘系-icestark: https://github.com/ice-lab/icestark
[238] 字节-Garfish: https://github.com/modern-js-dev/garfish
[239] 京东-micro-app: https://github.com/micro-zoe/micro-app
[240] Bit: https://bit.dev
[241] EMP - Micro Frontends solution: https://github.com/efoxTeam/emp
[242] 从零到一实现企业级微前端框架，保姆级教学: https://juejin.cn/post/7004661323124441102
[243] What Are Micro Frontends?: https://livebook.manning.com/book/micro-frontends-in-action/chapter-1/v-4/
[244] Bifrost 微前端框架及其在美团闪购中的实践: https://tech.meituan.com/2019/12/26/meituan-bifrost.html
[245] 每日优鲜供应链前端团队微前端改造: https://juejin.cn/post/6844903943873675271
[246] 微前端在美团外卖的实践: https://tech.meituan.com/2020/02/27/meituan-waimai-micro-frontends-practice.html
[247] How We Build Micro Frontends: https://blog.bitsrc.io/how-we-build-micro-front-ends-d3eeeac0acfc
[248] Revolutionizing Micro Frontends with Webpack 5, Module Federation and Bit: https://blog.bitsrc.io/revolutionizing-micro-frontends-with-webpack-5-module-federation-and-bit-99ff81ceb0
[249] microfrontend-resources: https://github.com/billyjov/microfrontend-resources
[250] uniapp: https://github.com/dcloudio/uni-app
[251] taro: https://github.com/NervJS/taro
[252] remax: https://github.com/remaxjs/remax
[253] awesome-remax: https://github.com/remaxjs/awesome-remax
[254] 美团自研 react 跨端: https://tech.meituan.com/2021/06/10/react-native-hybrid-practice-dsl-in-meituan.html
[255] 京东 taro: https://juejin.cn/post/6844904036743774216
[256] sentry: https://sentry.io/welcome/
[257] ali node: https://www.aliyun.com/product/nodejs
[258] bugly: https://bugly.qq.com/v2/
[259] mixpanel: https://mixpanel.com/
[260] 听云: https://www.tingyun.com/
[261] rrweb: https://github.com/rrweb-io/rrweb
[262] monitor: https://github.com/clouDr-f2e/monitor
[263] mitojs: https://github.com/mitojs/mitojs
[264] 美团可视化埋点方案: https://tech.meituan.com/2019/08/15/mtflexbox-automation-buried-point-exploration.html
[265] 如何进行 web 性能监控？: http://www.alloyteam.com/2020/01/14184/#prettyPhoto
[266] 蚂蚁金服如何把前端性能监控做到极致?: https://www.infoq.cn/article/dxa8am44oz*lukk5ufhy
[267] 如何做前端异常监控？: https://www.zhihu.com/question/29953354
[268] 前端监控平台系列：JS SDK（已开源）: https://juejin.cn/post/6862559324632252430#heading-17
[269] Best-websites-a-programmer-should-visit: https://github.com/sdmg15/Best-websites-a-programmer-should-visit
[270] You-need-to-know-css: https://github.com/l-hammer/You-need-to-know-css
[271] CSS Inspiration: https://csscoco.com/inspiration/#/
[272] CSS Tricks: https://qishaoxuan.github.io/css_tricks/
[273] spinkit: https://tobiasahlin.com/spinkit/
[274] animista: https://animista.net/
[275] 33-js-concepts: https://github.com/leonardomso/33-js-concepts
[276] JavaScript 安全指南: https://github.com/Tencent/secguide/blob/main/JavaScript%E5%AE%89%E5%85%A8%E6%8C%87%E5%8D%97.md#1.1
[277] What the f*ck JavaScript?: https://github.com/denysdovhan/wtfjs
[278] clean-code-javascript: https://github.com/ryanmcdermott/clean-code-javascript
[279] react-philosophies: https://github.com/mithi/react-philosophies
[280] secguide: https://github.com/Tencent/secguide
[281] whimsical: https://whimsical.com/
[282] 这里是仓库链接: https://github.com/KieSun/fucking-frontend

你可能感兴趣的:(uefi,glassfish,编程语言,oauth,ppt)

  • 【一起学Rust | 设计模式】习惯语法——使用借用类型作为参数、格式化拼接字符串、构造函数 广龙宇 一起学Rust#Rust设计模式rust设计模式开发语言
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、使用借用类型作为参数二、格式化拼接字符串三、使用构造函数总结前言Rust不是传统的面向对象编程语言，它的所有特性，使其独一无二。因此，学习特定于Rust的设计模式是必要的。本系列文章为作者学习《Rust设计模式》的学习笔记以及自己的见解。因此，本系列文章的结构也与此书的结构相同（后续可能会调成结构），基本上分为三个部分
  • Day1笔记-Python简介&标识符和关键字&输入输出 ~在杰难逃~ Pythonpython开发语言大数据数据分析数据挖掘
    大家好，从今天开始呢，杰哥开展一个新的专栏，当然，数据分析部分也会不定时更新的，这个新的专栏主要是讲解一些Python的基础语法和知识，帮助0基础的小伙伴入门和学习Python，感兴趣的小伙伴可以开始认真学习啦！一、Python简介【了解】1.计算机工作原理编程语言就是用来定义计算机程序的形式语言。我们通过编程语言来编写程序代码，再通过语言处理程序执行向计算机发送指令，让计算机完成对应的工作，编程
  • 【华为OD技术面试真题精选 - 非技术题】 -HR面，综合面_华为od hr面 一个射手座的程序媛 程序员华为od面试职场和发展
    最后的话最近很多小伙伴找我要Linux学习资料，于是我翻箱倒柜，整理了一些优质资源，涵盖视频、电子书、PPT等共享给大家！资料预览给大家整理的视频资料：给大家整理的电子书资料：如果本文对你有帮助，欢迎点赞、收藏、转发给朋友，让我有持续创作的动力！网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以点击这里获
  • Python开发常用的三方模块如下： 换个网名有点难 python开发语言
    Python是一门功能强大的编程语言，拥有丰富的第三方库，这些库为开发者提供了极大的便利。以下是100个常用的Python库，涵盖了多个领域：1、NumPy，用于科学计算的基础库。2、Pandas，提供数据结构和数据分析工具。3、Matplotlib，一个绘图库。4、Scikit-learn，机器学习库。5、SciPy，用于数学、科学和工程的库。6、TensorFlow，由Google开发的开源机
  • JVM、JRE和 JDK：理解Java开发的三大核心组件 Y雨何时停T Javajava
    Java是一门跨平台的编程语言，它的成功离不开背后强大的运行环境与开发工具的支持。在Java的生态中，JVM（Java虚拟机）、JRE（Java运行时环境）和JDK（Java开发工具包）是三个至关重要的核心组件。本文将探讨JVM、JDK和JRE的区别，帮助你更好地理解Java的运行机制。1.JVM：Java虚拟机（JavaVirtualMachine）什么是JVM？JVM，即Java虚拟机，是Ja
  • WebMagic：强大的Java爬虫框架解析与实战 Aaron_945 Javajava爬虫开发语言
    文章目录引言官网链接WebMagic原理概述基础使用1.添加依赖2.编写PageProcessor高级使用1.自定义Pipeline2.分布式抓取优点结论引言在大数据时代，网络爬虫作为数据收集的重要工具，扮演着不可或缺的角色。Java作为一门广泛使用的编程语言，在爬虫开发领域也有其独特的优势。WebMagic是一个开源的Java爬虫框架，它提供了简单灵活的API，支持多线程、分布式抓取，以及丰富的
  • 毕业论文附录一般都写什么?大学生写论文是干嘛用的 写个原创论文 人工智能深度学习AI写作chatgpt论文阅读
    毕业论文的附录通常包含一些在正文中不便于展示或详细阐述的内容，但对理解论文整体又具有重要意义的资料。具体来说，附录可能包含以下内容：AI论文，免费大纲，10分钟3万字，查重高于15%退费，支持数据图表！！AIPaperPass-AI论文写作指导平台AIPaperPass是AI原创论文写作平台，免费千字大纲，5分钟生成3万字初稿，提供答辩汇报ppt、开题报告、任务书等，40篇真实中英文知网参考文献，
  • 自动化测试工程师面试，常问的问题有哪些？ 自动化测试 老司机 软件测试测试工程师自动化测试面试职场和发展软件测试selenium测试工具android测试工程师
    自动化测试工程师面试是非常重要的环节，面试官会通过一系列的问题来评估候选人的技能和经验。下面是一些常见的问题，以及如何详细而规范地回答这些问题的建议。1.请介绍一下你的自动化测试经验。回答这个问题时，可以从项目经验、使用的自动化测试工具、编写的测试脚本等方面来介绍自己的经验。重点强调你在自动化测试领域的技能和擅长的领域。2.你在自动化测试中使用的编程语言是什么？为什么选择这种语言？回答这个问题时，
  • 使用Python和Playwright破解滑动验证码 asfdsgdf python开发语言
    滑动验证码是一种常见的验证码形式，通过拖动滑块将缺失的拼图块对准原图中的空缺位置来验证用户操作。本文将介绍如何使用Python中的OpenCV进行模板匹配，并结合Playwright实现自动化破解滑动验证码的过程。所需技术OpenCV模板匹配：用于识别滑块在背景图中的正确位置。Python：主要编程语言。Playwright：用于浏览器自动化，模拟用户操作。破解过程概述获取验证码图像：下载背景图和
  • 爬虫技术抓取网站数据 Bearjumpingcandy 爬虫
    爬虫技术是指通过程序自动访问网页并提取数据的技术。一般来说，爬虫技术包含以下几个步骤：确定目标网站：确定需要抓取的网站，并了解其页面结构和数据特点。分析页面结构：分析网页的结构和源代码，找到需要抓取的数据在页面中的位置和标识。编写爬虫程序：使用编程语言（如Python）编写爬虫程序，实现对目标网站的自动访问和数据提取。处理抓取数据：对抓取到的数据进行清洗、去重、整合等处理，以便后续的分析和利用。爬
  • 【NumPy】深入解析numpy.zeros()函数 二七830 numpy
    欢迎莅临我的个人主页这里是我深耕Python编程、机器学习和自然语言处理（NLP）领域，并乐于分享知识与经验的小天地！博主简介：我是二七830，一名对技术充满热情的探索者。多年的Python编程和机器学习实践，使我深入理解了这些技术的核心原理，并能够在实际项目中灵活应用。尤其是在NLP领域，我积累了丰富的经验，能够处理各种复杂的自然语言任务。技术专长：我熟练掌握Python编程语言，并深入研究了机
  • Go编程语言前景怎么样？参加培训好就业吗 QFdongdong
    Go语言专门针对多处理器系统应用程序的编程进行了优化，使用Go编译的程序可以媲美C或C++代码的速度，而且更加安全、支持并行进程。不仅可以开发web,可以开发底层，目前知乎就是用golang开发。区块链首选语言就是go,以-太坊，超级账本都是基于go语言，还有go语言版本的btcd.Go的目标是希望提升现有编程语言对程序库等依赖性(dependency)的管理，这些软件元素会被应用程序反复调用。由
  • 由于直接在一个回答中提供完整且多语言的游戏商城代码是不现实的（因为每种语言都有其独特的语法和库），我将为你概述一个游戏商城的核心概念，并提供几种不同编程语言的基本框架或示例代码段。 uthRaman 游戏python开发语言
    商城系统概述hailiangwang.com游戏商城系统通常包含以下部分：用户系统（登录、注册、用户信息）商品列表（游戏、DLC、虚拟货币等）购物车系统支付系统订单系统2.示例框架（伪代码）首先，我们给出一个伪代码框架，描述商城的核心逻辑。plaintextclassUser:deflogin(username,password):#验证用户登录passdefregister(username,p
  • 分享一个基于python的电子书数据采集与可视化分析 hadoop电子书数据分析与推荐系统 spark大数据毕设项目（源码、调试、LW、开题、PPT) 计算机源码社 Python项目大数据大数据pythonhadoop计算机毕业设计选题计算机毕业设计源码数据分析spark毕设
    作者：计算机源码社个人简介：本人八年开发经验，擅长Java、Python、PHP、.NET、Node.js、Android、微信小程序、爬虫、大数据、机器学习等，大家有这一块的问题可以一起交流！学习资料、程序开发、技术解答、文档报告如需要源码，可以扫取文章下方二维码联系咨询Java项目微信小程序项目Android项目Python项目PHP项目ASP.NET项目Node.js项目选题推荐项目实战|p
  • 软件测试/测试开发/全日制 |利用Django REST framework构建微服务 霍格沃兹-慕漓 django微服务sqlite
    霍格沃兹测试开发学社推出了《Python全栈开发与自动化测试班》。本课程面向开发人员、测试人员与运维人员，课程内容涵盖Python编程语言、人工智能应用、数据分析、自动化办公、平台开发、UI自动化测试、接口测试、性能测试等方向。为大家提供更全面、更深入、更系统化的学习体验，课程还增加了名企私教服务内容，不仅有名企经理为你1v1辅导，还有行业专家进行技术指导，针对性地解决学习、工作中遇到的难题。让找
  • go语言安装快速入门 吉祥鸟hu
    [TOC]go语言是什么Go是一个开源的编程语言，它能让构造简单、可靠且高效的软件变得容易。Go是从2007年末由RobertGriesemer,RobPike,KenThompson主持开发，后来还加入了IanLanceTaylor,RussCox等人，并最终于2009年11月开源，在2012年早些时候发布了Go1稳定版本。现在Go的开发已经是完全开放的，并且拥有一个活跃的社区如何安装环境笔者这
  • 【STM32系统】基于STM32设计的锂电池电量/电压检测报警器系统——文末完整资料下载（程序源码/电路原理图/电路PCB/设计文档/模块资料/元器件清单/实物图/答辩问题技巧/PPT模版等） 阿齐Archie 单片机嵌入式项目stm32嵌入式硬件单片机
    基于STM32设计的锂电池电量/电压检测报警器系统系统视频：摘要：本设计旨在研究一个基于STM32F103C8T6微控制器的锂电池电量/电压检测报警器系统，应用于便携式电子设备电池管理。系统通过STM32的ADC模块对锂电池电压进行采集，利用LCD1602显示模块实时显示电池电压，当检测到电池电量不足或电压异常时，蜂鸣器报警模块会发出警报提醒用户。系统采用简单的硬件结构和优化的软件架构，通过对实际
  • php 实现JWT 每天瞎忙的农民工 phpphp
    在PHP中，JSONWebToken(JWT)是一种开放标准(RFC7519)用于在各方之间作为JSON对象安全地传输信息。JWT通常用于身份验证系统，如OAuth2或基于令牌的身份验证。以下是一个基本的PHP实现JWT生成和验证的代码示例。JWT的组成部分JWT包含三个部分：Header（头部）：说明算法和令牌类型。Payload（有效载荷）：包含声明（如用户数据、过期时间等）。Signatur
  • springcloud — 微服务鉴权管理Spring Security原理解析(二) RachelHwang springcloudspringjavaspringsecurityoauth2springcloud
    引言：回顾之前介绍的OAuth2简单分析与介绍，微服务鉴权管理之OAuth2原理解析(一)，前面的部分，我们关注了SpringSecurity是如何完成认证工作的，但是另外一部分核心的内容：过滤器，一直没有提到，我们已经知道SpringSecurity使用了springSecurityFilterChain作为了安全过滤的入口，这一节主要分析一下这个过滤器链都包含了哪些关键的过滤器，并且各自的使命
  • 前端HTML+CSS+JS的入门学习 俊昭喜喜里 前端htmlcss
    一.HTMLHTML（HyperTextMarkupLanguage）即超文本标记语言，是用于创建网页和网页应用程序的标准标记语言。它不是一种编程语言，而是一种标记语言，通过一系列的元素（elements）来告诉浏览器如何显示网页上的内容，如文本、图片、链接、表格、列表等。HTML文档由一系列的标签（tags）组成，这些标签告诉浏览器如何显示内容。标签通常成对出现，例如和，其中是开始标签，表示一个
  • 七步成诗（三） d1698df63db8
    第四步：熟练掌握专业方法、工具流和业务模板。要组织力量编写《咨询方法、工具和业务模板集锦》并开展系列讲座，组织力量编写《用图表说话》并讲座。各位同事，尤其是年轻同事一定要能快又好地使用各种专业方法和工具，把这当作吃饭家伙，当作就象我们中国人用筷子一样的基本功。有的咨询师连做个PPT文件都画得粗鄙不堪，连画个图表都不会，居然还心安理得。这个样子，老人也就罢了，年轻人还这样，就令人失望、让人看不起、让
  • 笔记：Python顺序结构 练习题 辞言i 笔记python
    文章目录前言一、什么是顺序结构？二、练习题1.题目2.填空题3.简答题4.编程题总结前言本次笔记旨在帮助读者加深对Python编程语言中顺序结构和选择题的理解。在学习Python编程过程中，掌握程序的基本结构以及条件语句的使用至关重要。通过本次练习题，读者将有机会测试自己对这些概念的掌握程度，并通过实际应用进一步巩固所学知识。本次练习题将涵盖Python中的顺序结构的练习题，旨在帮助读者提高解决问
  • 心理课主题演讲 青岛卫校15护3
    今天是同学们心理课的期中考试，大家做了有关于爱，情绪，青春期等主题的ppt，期待大家都表现，加油！图片发自App图片发自App
  • OpenCV结构分析与形状描述符（24）检测两个旋转矩形之间是否相交的一个函数rotatedRectangleIntersection()的使用 jndingxin OpenCVopencv人工智能计算机视觉
    操作系统：ubuntu22.04OpenCV版本：OpenCV4.9IDE:VisualStudioCode编程语言：C++11算法描述测两个旋转矩形之间是否存在交集。如果存在交集，则还返回交集区域的顶点。下面是一些交集配置的例子。斜线图案表示交集区域，红色顶点是由函数返回的。rotatedRectangleIntersection()这个函数看起来像是用于检测两个旋转矩形之间是否相交的一个方法。
  • 大数据毕业设计hadoop+spark+hive知识图谱租房数据分析可视化大屏 租房推荐系统 58同城租房爬虫 房源推荐系统 房价预测系统 计算机毕业设计 机器学习 深度学习 人工智能 2401_84572577 程序员大数据hadoop人工智能
    做了那么多年开发，自学了很多门编程语言，我很明白学习资源对于学一门新语言的重要性，这些年也收藏了不少的Python干货，对我来说这些东西确实已经用不到了，但对于准备自学Python的人来说，或许它就是一个宝藏，可以给你省去很多的时间和精力。别在网上瞎学了，我最近也做了一些资源的更新，只要你是我的粉丝，这期福利你都可拿走。我先来介绍一下这些东西怎么用，文末抱走。（1）Python所有方向的学习路线（
  • 【数字化供应链】数字化供应链架构、全景管理、全流程贯通方案 数字化建设方案 数字化转型数据治理主数据数据仓库供应链数字仓储智慧物流智慧仓储物流园区架构微服务数据挖掘大数据人工智能
    原文《数字化供应链架构、全景管理、全流程贯通方案》PPT格式。主要从供应链管理全景、智慧供应链建设总体目标、供应链总体业务流程、供应链总体功能架构、供应链总体技术架构、供应链全流程贯通、供应链全领域管理、供应链数据数据分析、供应链决策中台等进行建设。本文仅对主要内容进行介绍。来源网络公开渠道，旨在交流学习，如有侵权联系速删，更多参考公众号：优享智库基于先进IT技术、大数据能力、物联网应用、区块链平
  • Python前沿技术：机器学习与人工智能 4.0啊 Python人工智能python机器学习
    Python前沿技术：机器学习与人工智能一、引言随着科技的飞速发展，机器学习和人工智能（AI）已经成为了计算机科学领域的热门话题。Python作为一门易学易用且功能强大的编程语言，已经成为了这两个领域的首选语言之一。本文将深入探讨Python在机器学习和人工智能领域的应用，以及一些前沿技术和工具。二、Python机器学习基础2.1机器学习概述机器学习是人工智能（AI）的一个关键子集，它的核心在于让
  • Rust中的所有权和借用规则详解 代码云1 rust开发语言后端
    Rust是一种系统编程语言，其设计目标包括内存安全、并发安全以及性能。为了实现这些目标，Rust引入了一系列独特的编程概念，其中最为核心的就是所有权（Ownership）和借用（Borrowing）规则。本文将详细解释Rust中的所有权和借用规则，以及它们如何确保内存安全和并发安全。一、所有权规则在Rust中，每一个值都有一个与之关联的所有者。这个所有者可以是变量、数据结构或者是其他形式的存储。所
  • chatgpt赋能python：如何在Python中计算平均值 tulingtest ChatGptpythonchatgptnumpy计算机
    如何在Python中计算平均值计算平均值是数据分析、统计和机器学习等许多领域中的常见任务。Python作为一门功能强大且易于学习的编程语言，为计算平均值提供了多种方法。在本文中，我们将介绍如何在Python中计算平均值。什么是平均值简单来说，平均值是一组数字的总和除以数字的数量。例如，对于数字序列1，3，5，7，9，平均值是(1+3+5+7+9)/5=5。平均值在数据分析中非常有用，因为它可以提供
  • chatgpt赋能python：如何在Python中安装Keras库？ turensu ChatGptpythonchatgptkeras计算机
    如何在Python中安装Keras库？Keras是一个简单易用的神经网络库，由FrançoisChollet编写。它在Python编程语言中实现了深度学习的功能，可以使您更轻松地构建和试验不同类型的神经网络。如果您是一名Python开发人员，肯定会想知道如何在您的Python项目中安装Keras库。在本文中，我们将向您展示如何安装和配置Keras库。步骤1：安装Python要使用Keras库，您需
  • PHP，安卓，UI，java，linux视频教程合集 cocos2d-x小菜 javaUIlinuxPHPandroid
    ╔-----------------------------------╗┆                           
  • zookeeper admin 笔记 braveCS zookeeper
      Required Software 1) JDK>=1.6 2)推荐使用ensemble的ZooKeeper(至少3台)，并run on separate machines 3)在Yahoo!，zk配置在特定的RHEL boxes里，2个cpu，2G内存，80G硬盘   数据和日志目录 1)数据目录里的文件是zk节点的持久化备份，包括快照和事务日
  • Spring配置多个连接池 easterfly spring
    项目中需要同时连接多个数据库的时候，如何才能在需要用到哪个数据库就连接哪个数据库呢？ Spring中有关于dataSource的配置：     <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource"   &nb
  • Mysql 171815164 mysql
    例如，你想myuser使用mypassword从任何主机连接到mysql服务器的话。 GRANT ALL PRIVILEGES ON *.* TO 'myuser'@'%'IDENTIFIED BY 'mypassword' WI TH GRANT OPTION; 如果你想允许用户myuser从ip为192.168.1.6的主机连接到mysql服务器，并使用mypassword作
  • CommonDAO（公共/基础DAO） g21121 DAO
            好久没有更新博客了，最近一段时间工作比较忙，所以请见谅，无论你是爱看呢还是爱看呢还是爱看呢，总之或许对你有些帮助。         DAO(Data Access Object)是一个数据访问（顾名思义就是与数据库打交道）接口，DAO一般在业
  • 直言有讳 永夜-极光 感悟随笔
      1.转载地址:http://blog.csdn.net/jasonblog/article/details/10813313   精华: “直言有讳”是阿里巴巴提倡的一种观念，而我在此之前并没有很深刻的认识。为什么呢？就好比是读书时候做阅读理解，我喜欢我自己的解读，并不喜欢老师给的意思。在这里也是。我自己坚持的原则是互相尊重，我觉得阿里巴巴很多价值观其实是基本的做人
  • 安装CentOS 7 和Win 7后，Win7 引导丢失 随便小屋 centos
    一般安装双系统的顺序是先装Win7，然后在安装CentOS，这样CentOS可以引导WIN 7启动。但安装CentOS7后，却找不到Win7 的引导，稍微修改一点东西即可。 一、首先具有root 的权限。      即进入Terminal后输入命令su，然后输入密码即可 二、利用vim编辑器打开/boot/grub2/grub.cfg文件进行修改 v
  • Oracle备份与恢复案例 aijuans oracle
    Oracle备份与恢复案例 一. 理解什么是数据库恢复当我们使用一个数据库时，总希望数据库的内容是可靠的、正确的，但由于计算机系统的故障（硬件故障、软件故障、网络故障、进程故障和系统故障）影响数据库系统的操作，影响数据库中数据的正确性，甚至破坏数据库，使数据库中全部或部分数据丢失。因此当发生上述故障后，希望能重构这个完整的数据库，该处理称为数据库恢复。恢复过程大致可以分为复原(Restore)与
  • JavaEE开源快速开发平台G4Studio v5.0发布 無為子
      我非常高兴地宣布,今天我们最新的JavaEE开源快速开发平台G4Studio_V5.0版本已经正式发布。   访问G4Studio网站 http://www.g4it.org   2013-04-06 发布G4Studio_V5.0版本 功能新增 (1). 新增了调用Oracle存储过程返回游标，并将游标映射为Java List集合对象的标
  • Oracle显示根据高考分数模拟录取 百合不是茶 PL/SQL编程oracle例子模拟高考录取学习交流
    题目要求: 1,创建student表和result表 2,pl/sql对学生的成绩数据进行处理 3,处理的逻辑是根据每门专业课的最低分线和总分的最低分数线自动的将录取和落选     1,创建student表,和result表 学生信息表; create table student( student_id number primary key,--学生id
  • 优秀的领导与差劲的领导 bijian1013 领导管理团队
    责任 优秀的领导：优秀的领导总是对他所负责的项目担负起责任。如果项目不幸失败了，那么他知道该受责备的人是他自己，并且敢于承认错误。 差劲的领导：差劲的领导觉得这不是他的问题，因此他会想方设法证明是他的团队不行，或是将责任归咎于团队中他不喜欢的那几个成员身上。 努力工作 优秀的领导：团队领导应该是团队成员的榜样。至少，他应该与团队中的其他成员一样努力工作。这仅仅因为他
  • js函数在浏览器下的兼容 Bill_chen jquery浏览器IEDWRext
      做前端开发的工程师，少不了要用FF进行测试，纯js函数在不同浏览器下，名称也可能不同。对于IE6和FF，取得下一结点的函数就不尽相同：   IE6：node.nextSibling,对于FF是不能识别的；   FF：node.nextElementSibling,对于IE是不能识别的； 兼容解决方式：var Div = node.nextSibl
  • 【JVM四】老年代垃圾回收：吞吐量垃圾收集器(Throughput GC) bit1129 垃圾回收
    吞吐量与用户线程暂停时间   衡量垃圾回收算法优劣的指标有两个： 吞吐量越高，则算法越好 暂停时间越短，则算法越好 首先说明吞吐量和暂停时间的含义。   垃圾回收时，JVM会启动几个特定的GC线程来完成垃圾回收的任务，这些GC线程与应用的用户线程产生竞争关系，共同竞争处理器资源以及CPU的执行时间。GC线程不会对用户带来的任何价值，因此，好的GC应该占
  • J2EE监听器和过滤器基础 白糖_ J2EE
    Servlet程序由Servlet，Filter和Listener组成，其中监听器用来监听Servlet容器上下文。 监听器通常分三类：基于Servlet上下文的ServletContex监听，基于会话的HttpSession监听和基于请求的ServletRequest监听。   ServletContex监听器 ServletContex又叫application
  • 博弈AngularJS讲义(16) - 提供者 boyitech jsAngularJSapiAngularProvider
      Angular框架提供了强大的依赖注入机制，这一切都是有注入器(injector)完成. 注入器会自动实例化服务组件和符合Angular API规则的特殊对象，例如控制器，指令，过滤器动画等。   那注入器怎么知道如何去创建这些特殊的对象呢？ Angular提供了5种方式让注入器创建对象，其中最基础的方式就是提供者(provider), 其余四种方式(Value, Fac
  • java-写一函数f(a,b)，它带有两个字符串参数并返回一串字符，该字符串只包含在两个串中都有的并按照在a中的顺序。 bylijinnan java
    public class CommonSubSequence { /** * 题目：写一函数f(a,b)，它带有两个字符串参数并返回一串字符，该字符串只包含在两个串中都有的并按照在a中的顺序。 * 写一个版本算法复杂度O(N^2)和一个O(N) 。 * * O(N^2)：对于a中的每个字符，遍历b中的每个字符，如果相同，则拷贝到新字符串中。 * O(
  • sqlserver 2000 无法验证产品密钥 Chen.H sqlwindowsSQL ServerMicrosoft
    在 Service Pack 4 (SP 4), 是运行 Microsoft Windows Server 2003、 Microsoft Windows Storage Server 2003 或 Microsoft Windows 2000 服务器上您尝试安装 Microsoft SQL Server 2000 通过卷许可协议 (VLA) 媒体。 这样做, 收到以下错误信息CD KEY的 SQ
  • [新概念武器]气象战争 comsci
           气象战争的发动者必须是拥有发射深空航天器能力的国家或者组织....        原因如下:        地球上的气候变化和大气层中的云层涡旋场有密切的关系,而维持一个在大气层某个层次
  • oracle 中 rollup、cube、grouping 使用详解 daizj oraclegroupingrollupcube
    oracle 中 rollup、cube、grouping 使用详解 -- 使用oracle 样例表演示 转自namesliu -- 使用oracle 的样列库，演示 rollup, cube, grouping 的用法与使用场景    --- ROLLUP ， 为了理解分组的成员数量，我增加了 分组的计数  COUNT(SAL)   
  • 技术资料汇总分享 Dead_knight 技术资料汇总 分享
    本人汇总的技术资料，分享出来，希望对大家有用。 http://pan.baidu.com/s/1jGr56uE 资料主要包含： Workflow->工作流相关理论、框架(OSWorkflow、JBPM、Activiti、fireflow...) Security->java安全相关资料(SSL、SSO、SpringSecurity、Shiro、JAAS...) Ser
  • 初一下学期难记忆单词背诵第一课 dcj3sjt126com englishword
    could 能够 minute 分钟 Tuesday 星期二 February 二月 eighteenth 第十八 listen 听 careful 小心的，仔细的 short 短的 heavy 重的 empty 空的 certainly 当然 carry 携带；搬运 tape 磁带 basket 蓝子 bottle 瓶 juice 汁，果汁 head 头；头部
  • 截取视图的图片, 然后分享出去 dcj3sjt126com OSObjective-C
    OS 7 has a new method that allows you to draw a view hierarchy into the current graphics context. This can be used to get an UIImage very fast. I implemented a category method on UIView to get the vi
  • MySql重置密码 fanxiaolong MySql重置密码
    方法一:  在my.ini的[mysqld]字段加入： skip-grant-tables 重启mysql服务，这时的mysql不需要密码即可登录数据库  然后进入mysql mysql>use mysql;  mysql>更新 user set password=password('新密码') WHERE User='root'; mysq
  • Ehcache（03）——Ehcache中储存缓存的方式 234390216 ehcacheMemoryStoreDiskStore存储驱除策略
    Ehcache中储存缓存的方式   目录 1     堆内存（MemoryStore） 1.1     指定可用内存 1.2     驱除策略 1.3     元素过期 2   &nbs
  • spring mvc中的@propertysource jackyrong spring mvc
      在spring mvc中，在配置文件中的东西，可以在java代码中通过注解进行读取了： @PropertySource  在spring 3.1中开始引入 比如有配置文件 config.properties mongodb.url=1.2.3.4 mongodb.db=hello 则代码中   @PropertySource(&
  • 重学单例模式 lanqiu17 单例Singleton模式
    最近在重新学习设计模式，感觉对模式理解更加深刻。觉得有必要记下来。 第一个学的就是单例模式，单例模式估计是最好理解的模式了。它的作用就是防止外部创建实例，保证只有一个实例。 单例模式的常用实现方式有两种，就人们熟知的饱汉式与饥汉式，具体就不多说了。这里说下其他的实现方式 静态内部类方式: package test.pattern.singleton.statics; publ
  • .NET开源核心运行时，且行且珍惜 netcome java.net开源
    背景 2014年11月12日，ASP.NET之父、微软云计算与企业级产品工程部执行副总裁Scott Guthrie，在Connect全球开发者在线会议上宣布，微软将开源全部.NET核心运行时，并将.NET 扩展为可在 Linux 和 Mac OS 平台上运行。.NET核心运行时将基于MIT开源许可协议发布，其中将包括执行.NET代码所需的一切项目——CLR、JIT编译器、垃圾收集器（GC）和核心
  • 使用oscahe缓存技术减少与数据库的频繁交互 Everyday都不同 Web高并发oscahe缓存
    此前一直不知道缓存的具体实现，只知道是把数据存储在内存中，以便下次直接从内存中读取。对于缓存的使用也没有概念，觉得缓存技术是一个比较”神秘陌生“的领域。但最近要用到缓存技术，发现还是很有必要一探究竟的。   缓存技术使用背景：一般来说，对于web项目，如果我们要什么数据直接jdbc查库好了，但是在遇到高并发的情形下，不可能每一次都是去查数据库，因为这样在高并发的情形下显得不太合理——
  • Spring+Mybatis 手动控制事务 toknowme mybatis
    @Override    public boolean testDelete(String jobCode) throws Exception {       boolean flag = false;  &nbs
  • 菜鸟级的android程序员面试时候需要掌握的知识点 xp9802 android
    熟悉Android开发架构和API调用 掌握APP适应不同型号手机屏幕开发技巧 熟悉Android下的数据存储  熟练Android Debug Bridge Tool 熟练Eclipse/ADT及相关工具  熟悉Android框架原理及Activity生命周期 熟练进行Android UI布局 熟练使用SQLite数据库； 熟悉Android下网络通信机制，S
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他