作者归档-IT知识空间

专注于前端领域的全栈博主

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

目录CONTENT

以下是 FanJunyang 的文章

2023-03-14
React 组件之间通信(数据传递)的几种方式在我们使用 React 中，不可避免的要进行组件之间的通信(数据传递)。需要注意一点：React中数据的流动是单向的组件之间的数据传递大致分为一下几种：父组件向子组件传递数据子组件向父组件传递数据跨级组件之间传递数据(例如父组件向子子组件传递数据)非嵌套组件之间传递数据下面我们使用两种方法 (pro
- 2023-03-14
- 338
- 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
- 477
- 0
- 0
- Font-end web
- React
2023-03-14
理解cookie、session、localStorage、sessionStorage的关系与区别 cookie什么是cookie?由于HTTP是一种无状态的协议，服务器单从网络连接上是无法知道客户身份的。这时候服务器就需要给客户端颁发一个cookie，用来确认用户的身份。简单的说，cookie就是客户端保存用户信息的一种机制，用来记录用户的一些信息。原理:web服务器通过在http响应消息头增加
- 2023-03-14
- 694
- 0
- 0
- Font-end web
- Browser
2023-03-14
3分钟带你理解CSS中的BFC(块级可视化上下文) 常见布局在讲 BFC 之前，我们先来了解一下常见的布局方案，有三种常见布局方案:普通布局在普通布局中，元素按照其在 HTML 中的先后位置从左往右，从上往下布局。在这个过程中，行内元素水平排列，直到当行被占满然后换行。块级元素则会被渲染为完整的一个新行，除非另外指定，否则所有元素默认都是普通流定位，
- 2023-03-14
- 416
- 0
- 1
- Font-end web
- HTML(5) & CSS(3)
2023-03-14
JS中的浅拷贝与深拷贝区别及原理数据类型在进入正题之前，先说个数据类型在JS中，数据类型分两种：基本数据类型、引用数据类型基本数据类型JS中的基本数据类型有五种： null、undefined、boolean、string、number。数据变量是直接按值存放的，他们的值在内存中占据着固定大小的空间，并被保存在栈内存中，可以直接访
- 2023-03-14
- 552
- 0
- 0
- JavaScript
- Font-end web
2023-03-13
Vue Class与Style绑定操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。表达式结果的类型除了字符串之外，还可以是对象或数组。绑定HTML的class对象语法我们可以传给 v-bind:class 一个对象，以动态地切
- 2023-03-13
- 426
- 0
- 0
2023-03-13
理解Vue中的 nextTick 在看这篇文章之前，推荐先看一下这篇文章：JS(浏览器)事件环 (宏、微任务)你需要了解一下 JS的运行机制，和微宏任务的执行顺序示例先写一个示例了解下关于 Vue中的DOM更新以及nextTick的作用。<template> <div id="app">
- 2023-03-13
- 609
- 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
- 422
- 0
- 0
- Font-end web
- Vue
2023-03-13
ES6 export与export default 区别 export与export default区别export与export default均可用于导出常量、函数、文件、模块等可以在其它文件或模块中通过 import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用模块中通过export导出的(属性或者方法)可以修改，但
- 2023-03-13
- 558
- 0
- 0
- Font-end web
- JavaScript
2023-03-13
Vue项目使用拦截器和JWT验证完整案例几乎在所有的项目中都离不开拦截器和登录验证，这是必需的。如果你学会了这个demo，那么几乎所有网站的登录验证，加载动画就都会了，所以背也要背会所以本章以一个demo为例，来帮助大家理解拦截器和登录验证控制文章后面有源码，可以下载下来运行一下先来看看效果：功能：当你访问首页的时候，会有一个加载动画，就
- 2023-03-13
- 335
- 0
- 0
- Font-end web
- Vue

1
...
10
11
12
...
20