sundjly

现在大型的前端项目中是很需要注意可维护性，易读性的，因此选择使用“安全的” JavaScript -- 即 Typescript 是非常有帮助的，你工作将会变得更简单，避免一些潜在的错误问题。Typescript 搭配 React 能轻松的创建你的应用，配置好 tsconfig…

但是看过了还是很容易就忘了，还是得自己敲一遍好。就总结一些自己有问题的地方吧 1. this 的指向： 理解的话，首先要明确的是 this 是在函数里面，在函数调用时动态指定的，指向当前函数（方法）的执行栈（上下文）。 2. 正则匹配判断 3. 实现一个 LazyMan 的对象…

什么是webpack他是一个模块打包器，也可以引用官网的一幅图解释，我们可以看到webpack，可以分析各个模块的依赖关系，最终打包成我们常见的静态文件，.js、.css、.jpg、.png。今天我们

在 JavaScript 中对象和函数是怎么被引用好像不被人重视的，但它却直接影响了 React 的性能。假设你分别创造了两个完全相同的函数，它们还是不相等的。如下： 对象也是同样的情况。（记住 JavaScript 中函数即对象） 如果你其他语言编程经验，你应该熟悉指针的。每…

React Hook 出来已经有一段时间了，具体的一些用法以及它解决的痛点，可以查看 Dan 的两篇文章 useEffect 完整指南以及编写有弹性的组件进行详细了解。 React Hooks API正式在 React V16.8 版本发布了。这篇博客，主要是介绍了其中 use…

过去几年，我经常听到很多人对 JavaScript 函数调用的谈论，尤其是对其中 this 指向是困惑的。 在我看来，通过深入了解函数调用的核心概念，这些困惑都是可以消除的，其他形式的调用都是其核心的语法糖。事实上，ECMAScript 规范就是这样认为的。这篇博客在很多地方其…

之前项目中用到了 3D 模型演示的问题，整理了一下之前学习总结以及遇到的坑。3D 框架有老牌引擎 Three.js 和微软的 Babylon.js 3个基础概念：场景（scene）、相机（camera）和渲染器（renderer）。 相机 camera 的作用是定义可视域，相当…

在 react 里面的一个父组件中通过发起请求获取后台的数据，然后传递给子组件，发现在子组件用到该数据时并没有触发相应的改变。打开谷歌控制台发现 xhr 请求还在 pending。因此就总结了异步的处理。 回调函数的优点是简单、容易理解和部署，缺点是不利于代码的阅读和维护，各个…

最近同事遇到一个 react 组件延迟渲染的问题，最后发现是由于对状态的更新理解不到位导致。具体问题描述： 上面的代码乍一看没有问题，但是当改变 roleId 的时候，会发现 data 里面的值没有改变，而且发现改变 roleId 时候，data 改变是上一次的结果，存在延迟（…