6 yingzizizizizizzz

尚未进行身份认证

我要认证

克制自己的懒惰

等级
TA的排名 1w+

React hook 报错Warning...cancel all subscriptions and asynchronous tasks in a useEffect cleanup fn

场景:有两个组件,组件A和组件B。组件B新建保存后,跳转到组件A,同时需要再请求组件A中的数据。我是这么写的,在点击 保存 按钮 时,跳转组件A,下一行是请求接口参考文献:https://blog.csdn.net/u011607490/article/details/88953692...

2020-08-11 14:08:55

React16 useEffect和useLayoutEffect的区别

目录useEffect是什么?有什么作用?useLayoutEffect是什么?有什么作用?两者区别是什么?useEffect的使用场景useLayoutEffect的使用场景useEffect是什么?有什么作用?该 Hook 接收一个包含命令式、且可能有副作用代码的函数。在函数组件主体内(这里指在 React 渲染阶段)改变 DOM、添加订阅、设置定时器、记录日志以及执行其他包含副作用的操作都是不被允许的,因为这可能会产生莫名其妙的 bug 并破坏 UI 的一致性。使用 use

2020-08-03 21:05:25

前端优化---图片预加载

1、图片预加载场景:现在有一个点赞功能,点赞与取消点赞是两张图片,点赞后突然断网了,再点击取消点赞,此时图片会加载失败,显示图片加载失败的那种图片体验非常不好因此,需要把取消点赞的图片预加载出来!!!实现的方法有:https://blog.csdn.net/baidu_24024601/article/details/76167082*******不断补充****...

2019-04-15 15:40:29

node 用socket创建简单的聊天室

//构建简单的TCP聊天服务器var net=require('net');var server=net.createServer();//存放所有连接var sockets=[];server.on('connection',(socket)=>{ console.log('连接'); socket.setEncoding('utf8'); //存连接...

2019-03-19 19:38:48

18总结19目标

工作入职已经有8个月了,有过一段适应期,有过一段满足期,还有一段过渡期,现在是提升期。适应期可以用同事的一句话总结:“接一个项目,上一次火,不是张火疙瘩就是张疖子”。当时每天都想着我不能延期,不能耽误公司的业务,每天都加班到很晚,急急忙忙把项目做完。每次codereview自己的代码时,都不忍直视。满足期可以用自己的傻气总结:“我做的这两个项目基本都是0bug,哈哈哈哈哈”。然后没有好好总结...

2019-03-12 20:10:11

html基础知识

这些年的前端知识被狗吃了吗?竟然不知道标签页是啥在当前标签页(当前窗口)跳转 window.location.href=""在新窗口跳转 window.open("http://www.baidu.com")返回上一页不刷新 window.history.back(-1)...

2019-03-01 16:38:52

css制作各种效果

纯css制作斑马线背景:https://blog.csdn.net/wjnf012/article/details/80242510?utm_source=blogxgwz7纯css制作毛玻璃效果:https://www.cnblogs.com/ghost-xyx/p/5677168.htmlhttp://www.cnblogs.com/xiaohuochai/p/7511823.html...

2019-02-26 20:37:39

JavaScript 复杂判断的更优雅写法

转自:https://juejin.im/post/5bdfef86e51d453bf8051bf8前提我们编写js代码时经常遇到复杂逻辑判断的情况,通常大家可以用if/else或者switch来实现多个条件判断,但这样会有个问题,随着逻辑复杂度的增加,代码中的if/else/switch会变得越来越臃肿,越来越看不懂,那么如何更优雅的写判断逻辑,本文带你试一下。举个例子先看一段代...

2019-02-25 19:54:44

初探微信小程序

* 布局问题一:wx.showModal的content内容换行显示添加‘\r\n’就行,真机上有效果,模拟器上没效果。问题二:小程序布局的单位rpx是怎么回事?参考了网上一些资料,这篇说的比较清楚:https://www.jianshu.com/p/25f28d80ec81rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。 ...

2019-02-15 17:27:35

RN中的flex布局

Flex是CSS3中的一种新的布局模式,是可以自动调整子元素的高和宽,来很好的填充任何不同屏幕大小的显示设备中的可用显示空间,收缩内容防止内容溢出,确保元素拥有恰当的行为的布局方式。flex的主要概念1、容器 和 子项目容器的属性 和成员的属性(这个一定要弄清楚,不能瞎用,否则是浪费时间)2、主轴 和 侧轴主轴默认的方向是水平容器使用主轴的方向主轴和侧轴是垂直关系当你改...

2019-01-11 15:50:33

css3实现文字间歇滚动

场景:假设有4条数据或者标题,视口中只显示两条,采用每次向上滚动一条数据来展示所有的数据。效果如图:用JavaScript也很容易实现,但是需要操作DOM,可以参考这篇博客。考虑到项目中经常使用Vue,已经很少操作DOM了,所以考虑最好通过CSS来实现,可以通过Vue给模板元素动态绑定class来实现相同的功能,如果需要考虑css3兼容性的话,可以去使用JavaScript去完成。...

2018-12-08 11:49:05

React 组件间的通信

在使用 React 的过程中,不可避免的需要组件间进行消息传递(通信),组件间通信大体有下面几种情况:父组件向子组件通信 子组件向父组件通信 跨级组件之间通信 非嵌套组件间通信下面依次说下这几种通信方式。父组件向子组件通信这是最简单也是最常用的一种通信方式:父组件通过向子组件传递 props,子组件得到 props 后进行相应的处理。下面是演示代码:父组件 App.js:...

2018-12-06 15:58:58

jsx中使用判断语句

在react中用jsx渲染dom的时候经常会遇到if条件判断,然而在jsx中竟是不允许if条件判断的。以下有几种判断方式,可以根据自己的应用场景,挑选适合的。方案一:class HelloMessage extends React.Component {  render (){    let userMessage;    if (this.props.loggedIn) {  ...

2018-12-06 14:56:05

Flex Basis与Width的区别

转自:https://www.jianshu.com/p/17b1b445ecd4最近在学习Flex Box,其中的Flex Box属性中的Flex Basis是关于项目宽度属性设置的,这让许多初学Flex Box的人困惑它与CSS盒子模型Width属性的区别在哪?Google了一番,找到一篇解释写得很是不错的文章,尝试着翻译分享一下。原文地址:http://gedd.ski/post/th...

2018-11-20 15:48:32

ant design 如何将后台传送的带特殊字符的数据转义为html解析

目录问题场景解决拓展问题场景ant design 是基于React实现的组件库,会将\n这样的特殊字符转成空格,但是我们想让数据显示在前端界面上,怎么做呢?解决首先,将data中的\n替换为<br >   因为ant design 直接将特殊字符转换成空格了,我们应将特殊字符自己处理一下data = json.data.replace(/\n/g,'...

2018-10-30 18:02:39

TS如何使用第三方库,如jquery

参考博客:https://blog.csdn.net/crazy_rabit/article/details/77849746#commentBox首先,安装jquery和@types/jquerynpminstall--savejquerynpminstall--save-dev@types/jquery什么要安装@types/jquery呢?    因为T...

2018-10-26 17:43:43

短轮询、长轮询和web socket定义及其实现

短轮询定义:其实就是普通的轮询。指在特定的的时间间隔(如每1秒),由浏览器对服务器发出HTTP request,然后由服务器返回最新的数据给客户端的浏览器。应用场景:传统的web通信模式。后台处理数据,需要一定时间,前端想要知道后端的处理结果,就要不定时的向后端发出请求以获得最新情况。优点:前后端程序编写比较容易。缺点:请求中有大半是无用,难于维护,浪费带宽和服务器资源;响应的结果没...

2018-10-26 16:55:24

axios的详细用法

axiosAxios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中特点支持浏览器和node.js 支持promise 能拦截请求和响应 能转换请求和响应数据 能取消请求 自动转换JSON数据 浏览器端支持防止CSRF(跨站请求伪造)一、安装1、 利用npm安装npm install axios --save2、 利用bower安...

2018-10-10 11:36:30

React-Native利用React Navigation实现页面跳转——很好的RN入门DEMO

功能:1、简单的查看电影demo2、点击按钮跳转3、点击列表页中的某一条跳转到相应详情页页面:首页=>电影列表页=>详情页总结:1、练习了props,state,样式,长列表,网络,触摸事件,Flexbox布局(学习资料:http://flexboxfroggy.com/)2、练习了使用导航器跳转页面 https://reactnative.cn/d...

2018-09-11 18:26:54

查看端口是否被占用可以使用如下命令(8081)

1、windows查找占用端口的命令netstat -ano|find "8081"2、windows查看这个PID所在的程序tasklist|findstr "4816"3、结束该进程命令:taskkill /f /t /im node.exe指定新端口https://blog.csdn.net/a944540438/article/details/7162737...

2018-09-05 18:27:05

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。