- 博客(9)
- 收藏
- 关注
RSS订阅原创 React 中 useState 和 useRef 与全局变量的区别
我们在上面稍微了解了下这几种存储数据的区别，我们再用表格再对比下。useRef()useState()全局变量存储的数据类型全部全部全部数据的生命周期当前所在组件的生命周期当前所在组件的生命周期当前页面的生命周期组件被多次引用时每个数据都是独立的每个数据都是独立的共享该数据是否引起组件重新渲染否是否是否立即生效立即生效下次渲染时生效立即生效各位同学可以依据自己的使用场景，选择更适合自己的数据存储方式。前端小茶馆。
2024-09-13 23:19:39
2445
原创 一个操作 cookie 的原生方法 cookieStore
本人博客地址：https://www.xiabingbao.com/post/js/cookiestore.html我们平时对 cookie 的增删改查等操作，都是在操作 document.cookie，这里我们介绍一个新方法cookieStore。1. 平时如何操作 cookiedocument.cookie 能获取到当前域所有的 cookie 字符串。每个 cookie 用分号进行隔开：document.cookie; // "a=1; b=2; c=wenzi"操作 cookie，均是在
2021-03-25 09:43:56
550
原创 前端业务的监控与埋点数据的上报
我曾经在 2018 年 12 月底的时候，发表过Vue 单页面中进行业务数据的上报，现在这 1 年多以来，我对此也有了更深的理解。这里，我们还是主要探讨业务数据的上报，关于页面性能和错误日志的收集上报，不在此讨论范围内。我们前端团队的业务数据上报功能，主要集中在新闻客户端内部，依赖于新闻客户端提供的特性，因此其他团队的前端上报组件是没办法适应我们的需求的，这里我本人基于之前上报的经验，开发了一套完整的前端业务埋点数据上报组件。在开发这套组件之前，我们要先明确几个问题：哪些数据是可以自行收集的，哪些
2020-08-26 16:31:15
1203
原创 抢金达人中多级缓存的使用
在之前的文章NodeJs：腾讯新闻构建高性能的 react 同构直出方案里，我们简单介绍了下缓存的使用，不过讲解的不深，这里我再着重讲解下。缓存有很多种方式：前端缓存：例如 cookie, localStorage, 状态管理等，对单个设备有效；浏览器缓存：设置 cache-control 或者 etag，对单个设备有效；nginx 缓存；进程缓存：把数据缓存到进程中，无需额外的 I/O 开销，读写速度快；但缺点是数据容易失效，一旦程序出现异常时缓存直接丢失，同时内存缓存无法达到进程之间的共享。
2020-08-17 16:01:03
296
原创 深入理解 node 中的 crypto 加密模块
我们在日常的业务中经常会遇到这样的场景：对比两个文件的内容是否相同；生成 token；密码保护；加密和解密数据；等等，有各种各样的需要加密的场景。在 node 中也有原生的 crypto 模块，该模块提供了 hash、hmac、加密解密、签名、验证功能等一整套的封装。使用const crypto = require('crypto');即可引入该模块。1. hash 算法hash 算法也被称为摘要算法，该算法可以将任意长度的数据，转换为固定长度的 hash 值，这种方式具有不可逆性。你可
2020-07-30 11:44:00
1264
原创 前端中的 hash 和 history 路由
我们在使用 Vue 或者 React 等前端渲染时，通常会有 hash 路由和 history 路由两种路由方式。hash 路由：监听 url 中 hash 的变化，然后渲染不同的内容，这种路由不向服务器发送请求，不需要服务端的支持；history 路由：监听 url 中的路径变化，需要客户端和服务端共同的支持；我们一步步实现这两种路由，来深入理解下底层的实现原理。我们主要实现以下几个简单的功能：监听路由的变化，当路由发生变化时，可以作出动作；可以前进或者后退；可以配置路由；1. ha
2020-07-30 11:34:30
541
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人