白告_

使用React作为构建用户界面的库。 使用TypeScript进行类型检查。 使用React Router进行路由管理。 使用Redux进行状态管理。 使用Sass编写样式。 使用Eslint保持代码风格的一致。 使用Jest等进行单元测试。 打包代码的工具使用了Webpack…

前置：对react、hook丁丁了解Lv1用useState简单实现Lv2useEffect和axios请求Lv3补充useEffect(fn,参数二)Lv4铺垫优化-抽离请求Lv5添加请求参数que

平时总会在项目中引用各种社区的 React 组件，也会在自己的项目中封装可重用的组件，但是一直不知道怎么把组件发布到 npm。正好最近项目对 Toast 的需求比较大，搜索后也没发现可用的轻量级组件，于是干脆自己撸一个发到 npm 练手。 在编写一个社区组件之前，最重要的一点是…

本文主要记录本人在使用 NPM 发布具有样式的 react组件 时的完整实践流程，在这过程中踩了许多坑，花在完善发布脚手架的时间远多于开发组件的时间，于是记录下整个过程，希望能给大家提供帮助。 发布 react组件 的脚手架搭建。 开发组件。 打包组件，并在测试项目中引入打包组…

听说昨天有个学弟参加了2020年阿里的前端校招笔试，做为一个前端怎么能错过这种机会，今天赶紧让他把题目发过来研究一下，这里贴出选择题供大家共同学习，因为没拿到标准答案，题目是我自己做的不保证都对，欢迎大家指正探讨，有标准答案了也会更新。 1. 以下关于Javascript执行引…

在面试中，常常会遇到一些手写XXX之类的面试题，因此好好总结一下，对于巩固我们的原生js的基础是非常必要的。 尽管在网上已经有了非常多的总结文章，但在我看来有一个普遍的问题，那就是把原理性的东西过于复杂化了。如果站在面试官的角度，他的目的是在最短的时间内考察出面试者对于JS语言…

浏览器可以分为两部分：shell和浏览器内核，shell是外壳，如工具栏，菜单等，内核是根本，是基于标记语言显示的程序或模块。 浏览器内核分为两部分：渲染引擎和JS引擎。 渲染引擎主要负责解析浏览器所呈现的内容，比如HTML,CSS。 渲染引擎的主要流程 始解析 HTML 文档…

最后自己整理了一个优雅版。 思路：正则匹配并用 replace 函数替换。 优化：划分结构，让资源可配置。

看了很多相关的技术文章，大多数用 html2canvas.js 和 canvas.js 第三方包实现，有些用了像 D3.js 这样更大型的构建包，而实际用到的功能，却只是其中 1% 都不足，简直就是令人发指。 需求到这里就好了。但是还想把 svg 转成 png 的 base64…