ShaneJix's Blog

摘要： 数组扁平化 const arr = [1, [2, [3, [4, 5]]], 6]; // => [1, 2, 3, 4, 5, 6] /** */ // method 1 : flat(Infinity) const res = arr.flat(Infinity); console.log(r 阅读全文

摘要： 通过这种方式只能调试编译之后的代码，不能实现原汁原味的源代码调试体验。查阅一些社区的实现，记录下步骤，方便后续查阅。 也可以直接 clone 配置好的仓库：https://github.com/shanejix/react-source-code-debug 步骤 使用 create-react-a 阅读全文

摘要： why demo: const name = "foo"; const obj = { name: "bar", say: function () { console.log(this.name); }, }; obj.say(); // output: bar // this => obj con 阅读全文

摘要： new操作符用于创建一个给定构造函数的实例对象 demo demo1 function Person(name, age) { this.name = name; this.age = age; } Person.prototype.sayName = function () { console.l 阅读全文

摘要： typescript 中的 class 继承是基于 ES6 中 class 的扩展。因此可以类比 vanillajs 中基于原型的继承和 ES6 中的 class 继承的变化。其实，ES6 中的 class 继承其实就是 vanillajs 的语法糖，但又不仅仅是语法糖。 Class 基本语法 基本 阅读全文

摘要： 2022 金三银四 真可谓 铜三铁四 ！伴随着京东、字节、蚂蚁等头部互联网公司员工被大量被优化，我也一把鼻涕一把泪的加入了内卷大军。 下面的主要内容是前端基础知识的梳理（大纲式笔记），具体内容部分有链接可以跳转后深入学习。这部分内容是结合自己的面试经历和市场上大部的反馈整理出的笔记。在此记录一下，方 阅读全文

摘要： 虽然参与了项目组的组件库架构设计和讨论，但是终究不是在自己完全愿景下实施。总想着自己造一个的组件库，于是就有了下面从 0 到 1 包含源起，构建，测试，测试，站点，发布等部分。 万物从起名开始，思来想去也没想到什么高大上的名字，姑且就叫 block-ui所有个代码都放在 @block-org 组织下 阅读全文

摘要： why good commit git commit 是当次 committing 更改的简短描述。良好的 commit message 不仅仅有利于与和他人合作，而且能很方便的追踪工作记录。 how to write commit message 格式 format: [emoji] <type> 阅读全文

摘要： 曾经想过实现一个 mini 版的 axios，终于达成目标了！ mini axios const xhr = new XMLHttpRequest(); xhr.onreadystatechange = function () { if (request.readyState 4) { if (re 阅读全文

摘要： 使用微前端改造项目时，不知道作了什么骚操作导致项目在编译阶段失败，导致启动不了。相同系统，相同机器，相同环境下只有我的电脑跑不起来！重装项目，重装环境，重装系统，前后折腾了许久找到了问题所在，作于释怀！ 当然这必定不是什么偶然事件，一定是什么巧合所造成的必然结果！🤔 背景 yarn start 报 阅读全文