作者归档-IT知识空间

事情在好起来之前，总会变得更坏

累计撰写 209 篇文章
累计创建 40 个标签
累计收到 228 条评论

目录CONTENT

以下是 FanJunyang 的文章

2023-03-14
Redux 源码剖析(JS版) 什么是Redux?Redux 的工作流程(核心思想)：1.设计全局 state 的数据结构状态树2.设计更改 state 数据、状态的 actionType 常量3.根据 actionType，编写 actionCreator4.根据各个 actionCreator 的返回值，用 reducer 做
- 2023-03-14
- 504
- 0
- 0
- Font-end web
- React
2023-03-14
React 生命周期(v16.0前和 v16.4) 什么是生命周期函数？就是不用自己手动的去调用，框架会在合适的时间自动的调用该函数React v16.0前生命周期生命周期函数分类：生命周期函数执行流程：初始化阶段constructor()constructor是ES6对类的默认方法，通过 new 命令生成对象实例时自动调用该方法(调用一次)。并且
- 2023-03-14
- 483
- 0
- 0
- Font-end web
- React
2023-03-14
React 组件之间通信(数据传递)的几种方式在我们使用 React 中，不可避免的要进行组件之间的通信(数据传递)。需要注意一点：React中数据的流动是单向的组件之间的数据传递大致分为一下几种：父组件向子组件传递数据子组件向父组件传递数据跨级组件之间传递数据(例如父组件向子子组件传递数据)非嵌套组件之间传递数据下面我们使用两种方法 (pro
- 2023-03-14
- 349
- 0
- 0
- React
- Font-end web
2023-03-14
React 路由的使用方法安装依赖安装路由模块：npm i react-router-dom -S基本路由首先我们新创建一个react项目(create-react-app demo)用来演示并且删去不需要的代码，新建几个JS页面用来测试，如下：接着我们需要在index.js文件中引入我们安装的依赖（如果你觉得名字长的话，可
- 2023-03-14
- 486
- 0
- 0
- Font-end web
- React
2023-03-14
理解cookie、session、localStorage、sessionStorage的关系与区别 cookie什么是cookie?由于HTTP是一种无状态的协议，服务器单从网络连接上是无法知道客户身份的。这时候服务器就需要给客户端颁发一个cookie，用来确认用户的身份。简单的说，cookie就是客户端保存用户信息的一种机制，用来记录用户的一些信息。原理:web服务器通过在http响应消息头增加
- 2023-03-14
- 699
- 0
- 0
- Browser
- Font-end web
2023-03-14
3分钟带你理解CSS中的BFC(块级可视化上下文) 常见布局在讲 BFC 之前，我们先来了解一下常见的布局方案，有三种常见布局方案:普通布局在普通布局中，元素按照其在 HTML 中的先后位置从左往右，从上往下布局。在这个过程中，行内元素水平排列，直到当行被占满然后换行。块级元素则会被渲染为完整的一个新行，除非另外指定，否则所有元素默认都是普通流定位，
- 2023-03-14
- 431
- 0
- 1
- Font-end web
- HTML(5) & CSS(3)
2023-03-14
JS中的浅拷贝与深拷贝区别及原理数据类型在进入正题之前，先说个数据类型在JS中，数据类型分两种：基本数据类型、引用数据类型基本数据类型JS中的基本数据类型有五种： null、undefined、boolean、string、number。数据变量是直接按值存放的，他们的值在内存中占据着固定大小的空间，并被保存在栈内存中，可以直接访
- 2023-03-14
- 562
- 0
- 0
- JavaScript
- Font-end web
2023-03-13
Vue Class与Style绑定操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。表达式结果的类型除了字符串之外，还可以是对象或数组。绑定HTML的class对象语法我们可以传给 v-bind:class 一个对象，以动态地切
- 2023-03-13
- 438
- 0
- 0
2023-03-13
理解Vue中的 nextTick 在看这篇文章之前，推荐先看一下这篇文章：JS(浏览器)事件环 (宏、微任务)你需要了解一下 JS的运行机制，和微宏任务的执行顺序示例先写一个示例了解下关于 Vue中的DOM更新以及nextTick的作用。<template> <div id="app">
- 2023-03-13
- 617
- 0
- 0
- Font-end web
- Vue
2023-03-13
Vue MVVM实现原理流程案例分析 MVVM = M数据模型（Model） + VM视图模型（ViewModel）+ V视图层（View）。如果想要了解更多概念性知识的话，请移步：Vue MVVM理解及原理实现MVVM 流程分析如上图所示：在 Vue 的 MVVM 设计中，我们主要针对 Compile（模板编译）、Observer（数
- 2023-03-13
- 424
- 0
- 0
- Vue
- Font-end web

1
...
11
12
13
...
21