React Native 基础
TextInput 受控（Controlled）组件 受控的意思说的是使用 JavaScript 中的 state 去控制宿主组件中的值。一个受控的 ControlledTextInput 组件示例如下： 在这个示例中，我们先使用了 useState 创建了一个状态 text 和状态更新函数setText，并将状…
Read articleThe archive
The Journal
Notes on frontend development, engineering, and everyday ideas. Find a subject and start reading.
ReactHooks 汇总
React-hooks是react16.8以后，react新增的钩子API，目的是增加代码的可复用性，逻辑性，弥补无状态组件没有生命周期，没有数据管理状态state的缺陷。笔者认为，react-hooks思想和初衷，也是把组件，颗粒化，单元化，形成独立的渲染环境，减少渲染次数，优化性能。 useCallback✅…
Read articleReactRouter V6 解析
基础使用 基于项目模板安装react-router-dom yarn add react-router-dom@6 核心组件 BrowerRouter 作用：包裹整个应用，一个 React 应用只需要使用一次 两种常用 Router : HashRouter 和 BrowserRouter HashRouter …
Read articleVue 进阶使用
截取自 作者：火狼1 链接： 3.10 v-slot 2.6.0 新增 1.slot,slot-cope,scope 在 2.6.0 中都被废弃,但未被移除 2.作用就是将父组件的 template 传入子组件 3.插槽分类: A.匿名插槽(也叫默认插槽): 没有命名,有且只有一个; B.具名插槽: 相对匿名插槽…
Read articleVue VDom
Vue 虚拟 DOM 执行流程 我们从虚拟 DOM 在 Vue 的执行流程开始讲起。在 Vue 中，我们使用虚拟 DOM 来描述页面的组件，比如下面的 template 虽然格式和 HTML 很像，但是在 Vue 的内部会解析成 JavaScript 函数，这个函数就是用来返回虚拟 DOM： 上面的 templa…
Read articleVue.set()和this.$set()
用以解决Vue2.x的响应式缺陷 受 ES5 的限制，Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时将属性转为 getter/setter，所以属性必须在 data 对象上才能让 Vue.js 转换它，才能让它是响应的。 正确写法：this.$set(this.data,”key…
Read articleMobx 教程
简介 一个可以和React良好配合的集中状态管理工具， mobx和react的关系，相当于vuex和vue 同类工具还有： 1. redux 2. dva 3. recoil 优势 1. 简单 编写无模板的极简代码来精准描述你的意图（原生js） 2. 轻松实现最优渲染 依赖自动追踪最小渲染优化 3. 架构自由 可…
Read articleReact基础
React介绍 目标任务: 了解什么是React以及它的特点 React是什么 一个专注于构建用户界面的 JavaScript 库，和vue和angular并称前端三大框架，不夸张的说，react引领了很多新思想，世界范围内是最流行的js前端框架，最近发布了18版本，加入了很多新特性 React英文文档（…
Read articleNode 笔记（9）深入事件循环
阻塞IO和非阻塞IO 操作系统为我们提供了阻塞式调用和非阻塞式调用： 阻塞式调用： 调用结果返回之前，当前线程处于阻塞态（阻塞态CPU是不会分配时间片的），调用线程只有 在得到调用结果之后才会继续执行。 非阻塞式调用： 调用执行之后，当前线程不会停止执行，只需要过一段时间来检查一下有没有结果返回即可。 所以我们开…
Read articleWebAPI：setTimeout是怎么实现的
那在接下来的两篇文章中，我会通过setTimeout和XMLHttpRequest这两个 WebAPI 来介绍事件循环的应用。这两个 WebAPI 是两种不同类型的应用，比较典型，并且在 JavaScript 中的使用频率非常高。你可能觉得它们太简单、太基础，但有时候恰恰是基础简单的东西才最重要，了解它们是如何工…
Read articleVue Router 浅析
路由原理hash和history 众所周知， hash 和 history 在前端面试中是很常考的一道题目。在学习本文内容之前，周一对 hash 和 history 的认知可能就在 hash 的 url 里面多了个 # ，而 history 就不会。然后，我认知里还有一个是只有 history 才能做前后端分离，…
Read articlePinia 学习笔记
前言 Pinia.js 是新一代的状态管理器，由 Vue.js团队中成员所开发的，因此也被认为是下一代的 Vuex，即 Vuex5.x，在 Vue3.0 的项目中使用也是备受推崇。 Pinia.js 有如下特点： 完整的 typescript 的支持； 足够轻量，压缩后的体积只有1.6kb; 去除 mutatio…
Read articleNo matching articles
Try another keyword or reset your filters.