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