react生命周期弃用
发表于|更新于
|浏览量:
强本而节用，则天不能贫；养备而动时，则天不能病；修道而不贰，则天不能祸。——荀子
在运行apache-shenyu发现很多警告
大致说是生命周期弃用了，并且提供了一个指南链接
https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html
指南中大致提到了几点，以及相关的例子
https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#examples
例如请求数据渲染时使用componentDidMount代替componentWillMount之类的场景
我也针对新建了一个issue，去处理优化掉这些弃用的生命周期
相关推荐
2025-04-29
vue-countTo
从工作里爱了生命，就是通彻了生命最深的秘密。 —— 纪伯伦 https://github.com/PanJiaChen/vue-countTo/https://panjiachen.github.io/countTo/demo/ vue-countTo：一个简单高效的数字递增动画组件在前端开发中，数字递增动画是一种常见的交互效果，通常用于数据展示和统计页面。vue-countTo 是一个轻量级的 Vue 组件，可以快速实现目标数字递增的动画效果，让你的项目更加生动和吸引人。 什么是 vue-countTo？vue-countTo 是由 PanJiaChen 开发的一个 Vue.js 组件，用于在指定的时间内将数字从起始值递增到目标值。它简单易用，且支持高度定制化，适合各种场景的数字动画需求。 核心特点： 轻量化：组件体积小，性能优异。 易于使用：通过简单的配置即可实现数字递增动画。 高度定制：支持设置起始值、目标值、持续时间以及动画的回调函数。 Vue.js 集成：无缝嵌入 Vue 项目，兼容性强。 使用场景vue-countTo 适用于以下常见场景： 数据统计展示在...
2022-05-13
vue props注意
等到看你银色满际，等到分不清季节更替，才敢说沉溺。——《水星记》 官方文档：https://cn.vuejs.org/v2/guide/components-props.html 我们在使用vue的prop时 如果prop其数据类型为一个对象 则传入的是一个对象的地址引用 我们如果在子组件中使用watch将其赋值给一个data，用于外部组件状态发生变化时，内部的某一data也能同时响应： 12345678 watch: { productionData: { immediate: true, handler() { this.myData = this.myProp }, }} 这时候如果我们对myData里的属性进行更改，发现外部(父组件)传过来的对象数据源也发生了变更 如果我们想要深拷贝 则可以使用： 1234567891011function deepClone( obj ){ let clone = obj; if (obj &...
2020-09-03
vue2.0配置路由
古希腊哲学家芝诺的学生问他：“老师，难道你有不懂得的东西吗？”芝诺风趣地回答：“如果用小圆代表你们学到的知识，用大圆代表我学到的知识，那么大圆的面积是多一点；但两圆之外的空白，都是我们的无知面，圆越大，其圆周接触的无知面就越多。” 先说下端口配置吧 项目根目录下新建一个文件叫vue.config.js 12345module.exports = { devServer: { port: 3000 }} 然后npm run serve运行项目，可以看到端口号变了 然后再配置个路由吧 1cnpm i vue-router 在main.js中引入 123456789101112import Vue from 'vue'import App from './App.vue'import router from '@/router'Vue.config.productionTip = falsenew Vue({ router, rend...
2024-07-05
uniapp中h5视频播放器部分机型显示在最上层问题
家贫不是贫，路贫贫煞人。——吴敬梓 这里在浏览器里看了下b站播放器的代码，试了试转成blob可以解决这个问题 代码如下： 资源路径与blobUrl互转 | 阿超
2020-11-23
js打字机动画效果实现
坦白使人心地轻松的妙药。——西塞罗 实现打字机效果 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> ...
2022-07-17
vue3中css里的v-bind
一旦别人问起自己想要什么，那一刹那反倒什么都不想要了。——太宰治 官方文档：状态驱动的动态 CSS 编写一个组件： 123456789101112131415161718192021222324252627<template> <div class="ruben"> <p>You clicked {{ count }} times</p> <button @click="increment">Click me</button> </div></template><script>export default { data() { return { count: 1 } }, methods: { increment...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog