- 博客(14)
- 收藏
- 关注
RSS订阅原创 简单手写VUE响应式原理--助你更快理解响应式
它们产生关联后，我们需要在系统能登记，要不然，谁来证明他们有关联的呢对吧？并且此时我们需要obj.age发生变化时，我们可以准确匹配到对应关联的函数。每次修改obj.age的时候使用该函数触发，那么他们就产生了关联。顾名思义，响应式就是根据你产生的行为，及时的对你的这些行为做出回应。同时用户定义了一个改变obj.age 属性值的函数。我能不能做到改变数据的同时，视图自己也更新呢？为什么数据层改变后，视图层不刷新呢？我们通过观察的过程发现的。随着这些疑问的产生，响应式应运而生。那这个过程是如何做到的呢？
2023-05-28 20:25:58
74
原创 事件循环--Event Loop （Chrome又称为消息循环 -- Message Loop）
程序运行需要有他自己的专属内存空间，可以把这个内存空间简单的理解为进程每个应用至少有一个进程，进程之间相互独立，可以有效防止一个进程崩溃影响到其他进程，即使要通信，也要双方同意。
2023-05-18 23:26:49
433
原创 前端对Node的理解
Node.js是一个基于 Chrome V8 引擎的JavaScript运行时avaScript 诞生于 1995 年，几乎是和互联网同时出现；Node.js 诞生于 2009 年，比 JavaScript 晚了 15 年左右。在 Node.js 之前，JavaScript 只能运行在浏览器中，作为网页脚本使用，为网页添加一些特效，或者和服务器进行通信。有了 Node.js 以后，JavaScript 就可以脱离浏览器，像其它编程语言一样直接在计算机上使用，想干什么就干什么，再也不受浏览器的限制了。
2023-05-09 21:44:04
495
原创 React常用Hook系列
useState接收一个初始值，这个初始值可以是对象，也可以是简单数据类型。不过我们如果总是使用索引来获取这两个元素总是不方便的, 因此在开发中我们通常是会对数组进行解构(当然要取什么名字是自定义的): 接收一个初始化状态的值(设置初始值)，再第一次被组件调用时使用来作为初始化值(如果不设置则默认为undefined);·只能在 React 的函数组件和自定义hook中调用 Hook。·只能在函数组件的顶层调用 Hook。: 当前状态的值(第一次调用为初始化值);: 是一个设置状态值变化的函数;
2023-04-15 16:46:25
241
原创 React-redux简单理解
管理不断变化的state非常麻烦，如果一个model的变化引起另一个model的变化，那么当view变化时，就可能引起对应model以及应一个model的变化，依次可能引起对应的view变化。就有可能产生混乱，而redux就是为了解决这个问题。随着单页面开发日趋复杂，js需要管理更多的state（状态），这些state可能包括服务器响应，缓存数据，本地生成未持久化到服务器的数据，也包括ui状态等等。
2023-04-10 23:02:10
145
原创 ES6的前生今世
promise是解决回调地狱的一种异步编程解决的方案promise可以理解为一个容器，容器内已经预设好了事件成功和失败的结果。从语法上说，promise是一个对象，从它可以获取异步操作消息。1. 对象状态不受外界影响，promise有三种状态:pending 进行中fulfilled 已成功rejected 已失败只有异步操作的结果可以决定当前是什么状态，任何其他操作均无法改变这个状态，这也是 promise名字由来，它的英文意思就是“承诺”，其他手段无法改变。
2023-04-09 22:36:48
53
原创 JS面试大全
检测数组中的元素是否符合条件,返回的是布尔值,每一项都要去判断是否符合条件,只要有一项不满足,返回就是false。创建一个新的数组,然后把符合条件的元素,放到这个数组里面,形成一个新的数组,原数组没有改变。返回符合条件的第一个元素,如果有了,则返回,没有呢,返回undefined。返回字符串值在字符串中最后一次出现的位置,也就是下标,如果没有,返回-1;返回第一个符合条件的元素的位置,也就是下标,原数组没有影响,如果没有,则返回-1;用于检索字符串中指定的子字符串,如果存在,返回下标,不存在,返回-1。
2023-04-08 16:19:37
357
原创 React基础语法的学习---7.路由
路由内需要定义BrowserRouter: 浏览器自带API，可以理解为一个盛放Route,Link的容器。Routes:提高路由匹配效率。编程式:useNavigate。Route:当前展示的视图。Link:指定跳转的路由。
2023-04-05 18:40:25
307
原创 React基础语法的学习---3.函数组件,Class组件,Props，State是什么，事件处理。
组件，概念上是类似于JS内的函数，接受任意入参(props），并返回页面用于展示的react元素。
2023-03-16 21:19:43
128
原创 React基础语法的学习---2.JSX和项目配置文件分析
可以 很好的描述UI应该呈现出它应有交互的本质形式。JSX可能会使人联想到模板语言，但是他具有JS的全部功能，在React开发中，会经常使用一种特殊语法来描述React组件，它叫做JSX，JSX可以生成React"元素"它被称之为JSX，是JS的一个语法拓展，建议在React中配合JSX，但是用第二种方法创建这个有趣的标签，它既不是字符串，也不是HTML。通过比较我们可以发现，用 用第二种方法创建更为直观和简洁。JSX其实是一个语法糖。JSX它表示的是对象。
2023-03-16 20:53:30
133
原创 React基础语法的学习---1.虚拟DOM
当执行此函数时，会返回一个js对象，这个对象就是所谓的虚拟dom。第一个参数是必选，传入标签名称，如ul，li，div等。第二个参数是选填，表示属性，如className。如此，标签，属性，内容都被定义。第二个参数是选填，表示子节点。
2023-03-12 14:09:17
77
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人