摘要: React-Redux在项目中的应用 在这里,我就默认大家已经会使用Redux了,它为我们的应用提供一个全局的对象(store)来管理状态。那么如何将Redux应用在React中呢?想一下,我们的最终目的是实现跨层级组件间通信与状态的统一管理。所以可以使用Context这个特性。 创建一个Provi 阅读全文
posted @ 2020-12-06 13:13 陌路y 阅读(78) 评论(0) 推荐(0) 编辑
摘要: 前言 Koa 应用程序是一个包含一组中间件函数的对象,它是按照类似堆栈的方式组织和执行的。当一个中间件调用 next() 则该函数暂停并将控制传递给定义的下一个中间件。当在下游没有更多的中间件执行后,堆栈将展开并且每个中间件恢复执行其上游行为。 以上两句话,是我在官方文档中找到其对 Koa 中间件的 阅读全文
posted @ 2020-12-06 13:11 陌路y 阅读(402) 评论(0) 推荐(0) 编辑
摘要: 挂载(Mounting) 挂载指的是组件被实例化并插入到dom中 顺序如下: constructor -> getDerivedStateFromProps -> render -> componentDidMount 更新(Updating) 当state变化或者props变化会引起更新 顺序如下 阅读全文
posted @ 2020-12-06 13:05 陌路y 阅读(101) 评论(0) 推荐(0) 编辑
摘要: 现有状态管理的问题 我们都知道,react 是单向数据流的,数据只能从外部通过 props 传入,再通过 props 上面传入的回调函数再传出去,直接修改 props 或者上面的对象,不会带来界面的更新,而且会导致数据不可预期。 基于这种单向数据流的 flux 思想,redux 还遵循了函数式编程的 阅读全文
posted @ 2020-12-06 13:04 陌路y 阅读(150) 评论(0) 推荐(0) 编辑
摘要: vue 最佳实践,是参考 vue 官方风格指南并根据过去 Vue 实际项目开发中的经验总结的一套规范建议。本项目的目的是希望每个 Vue 开发者都能尽快熟悉并上手项目代码,志在帮助 Vue 新手开发者及时避免一些不规范的设计和由此而引发的问题。本建议如有不妥之处,敬请指正!非常欢迎有志同道合的开发者 阅读全文
posted @ 2020-12-06 13:03 陌路y 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 主题(Subjects) 什么是主题?Rxjs 主题就是一个特性类型的 Observable 对象,它允许值多路广播给观察者(Observers)。当一个简单的 Observable 是单播的(每个订阅的观察者它们自己都依赖 Observable 的执行)时候,主题(Subjects)就是多播的。 阅读全文
posted @ 2020-12-06 13:02 陌路y 阅读(180) 评论(0) 推荐(0) 编辑
摘要: 越来越多人开始尝试使用 Typescript 编写他们的 vue 项目,vue 本身也在不断加强对 Typescript 的支持(官方提供 vue-class-component 库、使用 Typescript 编写 Vue 3.0 等),但是对于组件中模板部分的类型检查仍然有很大的局限性。 为此我 阅读全文
posted @ 2020-12-06 13:00 陌路y 阅读(1965) 评论(0) 推荐(0) 编辑
摘要: enablePullDownRefresh enablePullDownRefresh是最容易实现下拉刷新的方法,在json文件中将enablePullDownRefresh设置为true,在Page中监听onPullDownRefresh事件即可,支持点击顶部标题栏回到顶部,自定义标题栏时会失效, 阅读全文
posted @ 2020-12-06 12:59 陌路y 阅读(661) 评论(0) 推荐(0) 编辑
摘要: 什么是 jsX 要了解 jsX,首先先了解什么三个主要问题,什么事 VDOM,差异更新和 JSX 建模: VDOM,也叫虚拟 DOM,它是仅存于内存中的 DOM,因为还未展示到页面中,所以称为 VDOM var vdom = document.createElement("div"); 上面这一句就 阅读全文
posted @ 2020-12-06 12:57 陌路y 阅读(278) 评论(0) 推荐(0) 编辑
摘要: 在开始之前 你的PC需要以下内容: 安装 Node.js version 10.x 或以上版本。可以通过在终端中运行以下命令来验证你是否安装了此版本的Node.js: node -v Visual Studio Code editor (或类似的代码编辑器) 全局安装 vue 的最新版本 Vue C 阅读全文
posted @ 2020-12-06 12:56 陌路y 阅读(295) 评论(0) 推荐(0) 编辑
摘要: 写业务时,我们经常需要抽象一些使用频率较高的逻辑,但是除了高阶组件可以抽象逻辑,RenderProps也是一种比较好的方法。 RenderProps,顾名思义就是将组件的props渲染出来。实际上是让组件的props接收函数,由函数来渲染内容。将通用的逻辑抽象在该组件的内部,然后依据业务逻辑来调用函 阅读全文
posted @ 2020-12-06 12:51 陌路y 阅读(169) 评论(0) 推荐(0) 编辑
摘要: react 中的一个常见模式是一个组件返回多个元素。Fragments 允许你将子列表分组,而无需向 DOM 添加额外节点。 render() { return ( <react.Fragment> <ChildA /> <ChildB /> <ChildC /> </React.Fragment> 阅读全文
posted @ 2020-12-06 12:50 陌路y 阅读(362) 评论(0) 推荐(0) 编辑
摘要: 概述 本指南介绍了如何迁移到安全的Buffer构造函数方法,迁移修复了以下弃用警告: 由于安全性和可用性问题,不建议使用 Buffer()和 new Buffer()构造函数,请改用 new Buffer.alloc()、Buffer.allocUnsafe()或 Buffer.from()构造方法 阅读全文
posted @ 2020-12-06 12:49 陌路y 阅读(328) 评论(0) 推荐(0) 编辑
摘要: 到底什么是Node.js 先看一下Node.js官网中是如何形容Node.js的,打开官网看到的第一句话就是Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.(Node.js是一个JavaScript运行时 阅读全文
posted @ 2020-12-06 12:48 陌路y 阅读(126) 评论(0) 推荐(0) 编辑
摘要: 数据单向流动prop react也是一样prop 1. prop / $emit (常用 父子组件传递) //父传给子 <child :title="title"></child> //子通过props接收 export default { name: 'demo', data: function( 阅读全文
posted @ 2020-12-06 12:46 陌路y 阅读(184) 评论(0) 推荐(0) 编辑