blog
blog copied to clipboard
sisterAn
瓶博：每日更新，前端前进
### 引言 `JS `系列暂定 27 篇，从基础，到原型，到异步，到设计模式，到架构模式等。 本篇是`JS`系列中第 5 篇，文章主讲 JS 中 `call` 、 `apply` 、 `bind` 、箭头函数以及柯里化，着重介绍它们之间的区别、对比使用，深入了解 `call` 、 `apply` 、 `bind` 。 ### 一、Function.prototype.call() `call()` 方法调用一个函数, 其具有一个指定的 `this` 值和多个参数(**参数的列表**)。...
### 引言 `JS `系列暂定 27 篇，从基础，到原型，到异步，到设计模式，到架构模式等，此为第一篇：是对 var、let、const、解构、展开、函数 的总结。 `let`在很多方面与 `var` 是相似的，但是 `let` 可以帮助大家避免在 JavaScript 里常见一些问题。`const` 是对 `let` 的一个增强，它能阻止对一个变量再次赋值。 ### 一、`var` 声明 一直以来我们都是通过 `var` 关键字定义 JavaScript 变量。 ```js var num =...
### 引言 `JS`系列暂定 27 篇，从基础，到原型，到异步，到设计模式，到架构模式等， 本篇是`JS`系列中第 4 篇，文章主讲 JS `instanceof` ，包括 `instanceof` 作用、内部实现机制，以及 `instanceof` 与 `typeof`、`Symbol.hasInstance`、`isPrototype`、`Object.prototype.toString`、`[[Class]]` 等的对比使用 ，深入了解 JS `instanceof`。 ### 一、instanceof #### 1. 引入 instanceof 在 JS 中，判断一个变量的类型，常常会用到 `typeof`...
### 引言 `JS `系列暂定 27 篇，从基础，到原型，到异步，到设计模式，到架构模式等， 本篇是 `JS `系列中最重要的一章，花费 3 分钟即可理解，如果你已了解，快速浏览即可。 本篇文章主讲构造函数、原型以及原型链，包括 `Symbol` 是不是构造函数、`constructor` 属性是否只读、`prototype` 、`__proto__` 、`[[Prototype]]` 、原型链。 ### 一、基础入门 #### 1. 对象 在JS中，万物皆对象，对象又分为普通对象和函数对象，其中 Object、Function 为 JS 自带的函数对象。 ```js let...
 动画是 ReactJs 应用程序中一个热门话题，我们有很多方法可以创建不同类型的动画。例如，很多开发人员就喜欢使用 css 动画。但如果你想创建更复杂的动画，你可以关注 GreenSock 。GreenSock 是最具影响力的动画平台，同时，它给 React 提供了很多用于创建动画的库或组件。 接下来，进入主题 😎。 1. **CSS 动画** 2. **React-transition-group -** 它是一个附加组件，用于实现基本的 CSS 动画和过渡动画。 3. **react-animations -** React-animations 实现 animate.css 的所有动画，且简单易用！ 4....
### 一、必备知识点  #### 仓库 1. **Remote:** 远程主仓库； 2. **Repository：** 本地仓库； 3. **Index：** Git追踪树,暂存区； 4. **workspace：** 本地工作区（即你编辑器的代码） ### 二、git add 提交到暂存区，出错怎么办 一般代码提交流程为：**工作区** -> `git status` 查看状态 -> `git add .`...
### 十、Hooks Hook 是一个特殊的函数，它可以让你“钩入” React 的特性。所有 Hooks 都以 use 开头。其中一些可为函数组件增加状态（如 `useState` ），一些可用于管理副作用（如useEffect），一些可用于缓存 memoize 函数和对象（如useCallback、 useMemo）。 **React hook 函数只能用于函数组件，不能在类组件中使用它们。** 下面是一个基本示例： ```js const Button = () => { let count = 0;...
## 你真的了解 React 生命周期吗？ React 生命周期很多人都了解，但通常我们所了解的都是 **单个组件** 的生命周期，但针对 **Hooks 组件、多个关联组件**（父子组件和兄弟组件） 的生命周期又是怎么样的喃？你有思考和了解过吗，接下来我们将完整的了解 React 生命周期。 关于 **组件** ，我们这里指的是 `React.Component` 以及 `React.PureComponent` ，但是否包括 Hooks 组件喃？ ### 一、Hooks 组件 **函数组件** 的本质是函数，没有 state 的概念的，因此**不存在生命周期**一说，仅仅是一个 **render...
### 引言 本篇从 React Refs 的使用场景、使用方式、注意事项，到 `createRef` 与 Hook `useRef` 的对比使用，最后以 React `createRef` 源码结束，剖析整个 React Refs，关于 `React.forwardRef` 会在下一篇文章深入探讨。 ### 一、Refs React 的**核心思想**是每次对于界面 state 的改动，都会重新渲染整个Virtual DOM，然后新老的两个 Virtual DOM 树进行 diff（**协调算法**），对比出变化的地方，然后通过 render...
### 一. package.json 解读 ```js { "name": "hello world", // 项目名称 "version": "0.0.1", // 版本号：大版本.次要版本.小版本 "author": "张三", "description": "第一个node.js程序", "keywords":["node.js","javascript"], // 关键词，有助于 npm search 发现 "repository": { // 存储库，指定代码所在位置（如果git repo在GitHub上，那么该npm...