qq_48834760的博客

React Scheduler 原理学习react也有一段时间了，最近零零碎碎看了些东西，总觉得改写点东西沉淀下，联系到react快速响应的理念，我觉得时间切片的使用是再出色不过了，时间切片的使用离不开scheduler，那就谈谈scheduler吧文章目录React Scheduler 原理前言一、scheduler是什么？二、时间切片三、任务调度总结前言一、scheduler是什么？react16开始整个架构分成了三层，scheduler，Reconciler，renderer，因为为了

前端碎碎念之vue双向绑定本文章会详细介绍vue2和vue3的双向绑定文章目录前端碎碎念之vue双向绑定一、如何实现vue2的双向绑定1.原理2.vue2的双向数据绑定缺点：3.解决方案：二、vue3数据双向绑定1.原理2.优点三、如何实现依赖收集（vue2为例）1.dep2.watcher一、如何实现vue2的双向绑定1.原理其实vue2的双向绑定很简单，还记得ES5里面的Object.defineProperty( )这个方法吗？可以用这个方法来监听一个对象的属性，比如是否可以删除，是否可

前端浏览器渲染：今天，花了一些时间去看了看关于浏览器渲染的东西，特写下这篇博客来记录三个阶段：从输入网址到页面显示可以分为3个阶段，分别为http请求阶段，http响应阶段，浏览器渲染阶段几个概念：进程：多程序同时进行，一个程序 就是一个进程线程：每一个程序同时做多个事情，每一件事情可以当做一个线程栈内存：用来提供执行代码的环境，请求和响应过程：1，首先呢，我们先输入网址，浏览器就会向服务器端发送一个请求。这就到了request请求阶段，request请求阶段要进行:DNS解析，

项目场景：在实际的开发过程中，我们时常会遇到这样一个问题，当我们的父子组件以及多个组件同时共用一个数据时，我们如果仅用父子间传数据，页面间传数据，就会使得代码非常的冗余，另外也会加大代码量，因此我们使用redux进行数据管理（建议能不用就尽量不用）什么是redux：“Redux 是 JavaScript 状态容器，提供可预测化的状态管理”Redux 的设计思想很简单，就两句话：1.Web 应用是一个状态机，视图与状态是一一对应的。2.所有的状态，保存在一个对象里面。redux有三大准则1.单

学习目标：1.了解什么是css2.学会css基础语法3.重点掌握css中选择器的使用4.理解盒子模型，浮动，定位的使用5.学有余力的同学可以了解下什么叫做css 2d转换和3d转换学习时间：自定义学习产出：1、 技术笔记2、简单网页制作3 、学习的 vlog 视频 1 个学习内容：1.什么是cssCSS（又称作样式表）是一种用来表现HTML等文件样式的计算机语言，是对HTMl文件中设置的各种标签添加各种各样的样式与表达方式，让网页更生动，更美观（一种设计网页样式的工具）。HTM

项目场景：在实际的开发过程中，我们会遇到一些上传图片的功能，那么如果用React框架来进行开发的话，我们需要用到antd的UI这样一个组件，这个组件我们提供了一个图片开发的一个功能，但是实际上官网提供的这样一个代码是仍需要我们进行一些修改的，否则我们将无法进行一个正常的操作。现在就来看看如何去正常使用这样一个组件源码显示antd图片上传组件链接问题分析：在这里我们虽然可以进行一个图片的上传，但实际这是一个假操作，因为我们并没有将图片的网址上传网址等一系列的后端接口写在上面，但是它显示成功，实际上这

手把手教你写js节流和防抖一、问题场景很多时候，我们的代码中间会出现异步操作，例如向后台发送请求，窗口的resize事件等，这些操作会耗费事件，拿向后台发送请求来说，如果点击按钮发送请求，而用户在短时间内发送多次请求，一方面服务器压力会比较大，另一方面讲实际只有最后一次的请求结果是有用的，在用resize来说，改变窗口尺寸时会触发resize，但其实我们大多数情况下只需要最后一次回调的结果，而不是多次回调。为了解决这个问题，我们引入节流和防抖两种方法二、问题解决节流和防抖都是在使用高阶函数的内容1

web前端开发第一课提示：第一周掌握html学习内容：提示：1、 了解什么是web前端开发2、 掌握 HTML基本语法3、 掌握 HTML基本语法4、 了解HTML5语义化5、 使用HTML搭建出基本的网页结构学习时间：提示：自定义学习产出：提示：1、 技术笔记或CSDN 技术博客3、拍摄视频 ，内容为自己对HTML5的学习认识和理解欢迎进入web前端开发第一周的学习1.什么是web前端发展历程：2005年以后，互联网进入Web2.0时代，各种类似桌面软件的Web应用

前言组件化开发是vue中的重要内容，vue框架写项目的时候，组件化结构很明晰，这样不仅提高了办公的效率，同时使代码有了更好的移植性，本文整理了组件基础内容中的三种传值问题，希望对阅读者有所启发提示：以下是本篇文章正文内容，下面案例可供参考一、三种传值场景1.父组件向子组件传值父组件给子组件传值1.父组件调用子组件的时候 绑定动态属性（这里绑定的是value）2.在子组件里面通过 props接收父组件传过来的数据3.直接在子组件里面使用代码如下（示例）：<!DOCTYPE htm.