reactHook+Typescript从入门到实践

《React》

@本文章作者 Ruoduan.cn 转载请注明出处 缘起 公司中台系统要新增公司项目 —— IM即时聊天 的后台管理，由本人全程负责，前端技术选型 想采用目前比较新比较hot的技术 —— reactHook + react-Router5 + Typescript + （mobx | useContext + useState）,至于括号内的稍后解答，个人觉得可以一定程度上替代 mobx 和 redux 的状态管理 本文将会从 Typescript，React-Hook，...

阅读全文

小程序云开发服务端(云函数-函数式编程)数据库取出数据突破限制

《web-other》

获取集合中的所有待办事项清单：因为有默认 limit 100 条的限制，因此很可能一个请求无法取出所有数据，需要分批次取： 步骤 定义最大条数也就是 下面👇示🌰中的 MAX_LIMIT 获取数据总条数 countResult.total 总条数 / MAX_LIMIT 想上取整计算出 要取几次 batchTimes 关键步骤： 遍历batchTimes 利用skip() 向数据库取对应次数的数据 返回的若干的Promise 储存在 tasks数组中 创建储存数据的列表 dat...

阅读全文

小程序数据监听(observers),避免赋值死循环

《web-other》

在小程序开发过程中，我们通过 observers 监听处理 properties 组件数学列表的过程中，免不了对 当前数据进行处理在我们对监听的数据进行赋值时候，会造成死循环，其实这个问题在大多数框架中都有这个问题。 小栗子🌰[错误示范] 12345678910111213 properties: { playlist: { type: Object }},// 数据监听observers: { ['playlist.p...

阅读全文

Mac-osx-Capitan关闭Rootlees

《Code-Tools》

全新的 OS X El Capitan 10.11系统上已经使用了 Rootlees , 可以理解为一个更高等级的系统的内核保护措施，系统默认将会锁定 /system /sbin /usr 这三个目录. 但是这个保护也是可以关闭的。关闭来OSX 10.11关闭rootless内核保护如下 1.重启电脑开后按住 Command-R 进入恢复分区. 然后在 实用工具 栏找到 终端启动运行. 　　- 输入: csrutil disable; reboot 2.你会看到系统保护被关闭的字样并且...

阅读全文

websocket

《记》

岗位 web前端 我的csdn：me.csdn.net/Chad97 个人博客：Ruoduan.top 敲黑板 知识点:websocket：websocket是HTML5的一个新协议，它允许服务端向客户端传递信息，实现浏览器和客户端双工通信。websocket弥补了HTTP不支持长连接的特点，那么在学习websocket之前我们先来了解以下HTTP HTTPHTTP是用于传输如HTML文件,图片文件，查询结果的应用层协议。它被设计于用于服务端和客户端之间的通信。在工作的时候，客户端打...

阅读全文

Python-Class(类)生命周期和魔法方法

《Python》

内置属性和方法 方法名 类型- 作用 __init__ 方法 类实例化时自动调用这个函数 __del__ 方法 对象被内存中销毁前，会被自动调用 __str__ 方法 类的实例打印时调用这个函数(返回)用户看到的 __repr__ 方法 和上面的str函数一样,只是这个时返回开发者看到的 __ getattr __ 方法 当调用不存在的属性时访问这个方法 __call__ 方法 如果类实现了这个方法，相当于把这个类型的对象当作函数来使用，相当于 重载了括号运...

阅读全文

ES2018(ES9)

《ECMA JavaScript》

ES2018 原文链接 异步迭代在async/await的某些时刻，你可能尝试在同步循环中调用异步函数。例如：12345async function process(array) { for (let i of array) { await doSomething(i); }} 这段代码是不会正常执行的，循环本身依旧保持同步，并在在内部异步函数之前全部调用完成。 ES2018引入异步迭代器（asynchronous iterator...

阅读全文

localForage离线缓存技术(兼容低版本浏览器)

《Code-Tools》

localforag离线缓存技术 ocalForage 是一个 JavaScript 库，通过简单类似 localStorage API 的异步存储来改进你的 Web 应用程序的离线体验。它能存储多种类型的数据，而不仅仅是字符串。localForage 有一个优雅降级策略，若浏览器不支持 IndexedDB 或 WebSQL，则使用 localStorage。在所有主流浏览器中都可用：Chrome，Firefox，IE 和 Safari（包括 Safari Mobile）。LOCALFOR...

阅读全文

mobx-basic

《React》

Mobx-basic(快速上手)莞式教程之前写过一篇redux的教程 可以参考redux的教程 本篇讲通过通俗易懂的方式让你快速上手mobx 的基本使用，虽然已经可以满足大部分开发中的需求但是详细 请参考中文官方文档 本篇配教程代码 https://github.com/Chad97/mobx-basic 如果对想要快速入门的你有所帮助请给点个小小的start吧~ 概述 本篇采用的是mobx5 和react 16.8, 均才用最新版本库所做示范在有的API和其他版本可能有所差异...

阅读全文

本网站作品部分来自于网络，感谢开源社区的诸多开发者 My_Github and My_E-mail

Copyright © 2013 - 2019 Ruoduan's Blog All Rights Reserved.

滇ICP备19003866号 本网站版权归本站作者Ruoduan所有

访客数 : | 访问量 :

{% if theme.fireworks %} {% endif %} {% if theme.canvas_nest %} {% endif %} {% if theme.Background_music %} {% endif %}