ranyonsue

CSS实现文本一行垂直居中，两行垂直居中，超出两行文字显示省略号的方法

摘要：实现单行垂直居中，两行垂直居中，超过两行省略…显示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> span{ display:-webkit-box; -webk 阅读全文

posted @ 2023-01-10 13:43 ranyonsue 阅读(735) 评论(0) 推荐(0)

如何正确搭配使用 useEffect 与 setInterval

摘要：先说一下useEffect的return回调，会在再次调用当前useEffect之前return一次（执行一次）。这是 effect 可选的清除机制。每个 effect 都可以返回一个清除函数。背景useEffect 看似很简单，其实不然。由于没有理解 useEffect 的工作原理，我被狠狠坑了阅读全文

posted @ 2022-11-24 13:47 ranyonsue 阅读(309) 评论(0) 推荐(0)

浏览器缓存浅解

摘要：缓存为什么有缓存?缓存在活中其实很常见。往往初次打开一个新的软件或者网页的时候都会相对较慢, 但是再次打开就会快很多, 这就是缓存的功劳。大大提高了效率,也大大提高了用户体验。什么数据可以缓存?不能缓存的数据实时更新替换的数据(例如: 弹幕,留言,评论,经常更换的广告图片)网页的 HTML 结构阅读全文

posted @ 2022-10-31 13:58 ranyonsue 阅读(170) 评论(0) 推荐(0)

html2Canvas 前端保存页面为图片

摘要： html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个canvas图片，通过读取DOM并将不同的样式应用到这些元素上实现。它不需要来自服务器任何渲染，整张图片都是在客户端浏览器创建。当浏览器不支持Canvas时，将采用Flash 阅读全文

posted @ 2022-10-25 13:54 ranyonsue 阅读(456) 评论(0) 推荐(0)

如何使用SVN将文件回退到某个版本

摘要：在使用SVN对文件进行版本管理的时候，如果我们想把这个文件回退到某个历史版本该怎么做呢？下面我就简单给大家介绍一下如何通过TortoiseSVN来回退文件到某个历史版本。方法/步骤首先选中要回退的文件，右键——【TortoiseSVN】——【Show log】，打开【Log Messages】窗阅读全文

posted @ 2022-10-20 15:53 ranyonsue 阅读(8504) 评论(0) 推荐(0)

SVN中Revert changes from this revision 跟Revert to this revision的区别

摘要：假如有个文件，有十个版本，假定版本号是1，2，3，4，5，6，7，8，9，10。Revert to this revision：如果是在版本6这里点击“Revert to this revision”，表示7～10的修改全部作废，历史倒退到了版本6那个年代。Revert changes from 阅读全文

posted @ 2022-10-20 10:57 ranyonsue 阅读(687) 评论(0) 推荐(0)

快速删除 node_modules

摘要： node_modules 文件夹中包含了大量 node 需要的依赖包，如果直接删除的话，非常耗时。我们可以通过以下方式快速删除node_modules: 安装 rimraf rimraf包的作用：以包的形式包装rm -rf命令，用来删除文件和文件夹的，不管文件夹是否为空，都可以删除。执行 npm 阅读全文

posted @ 2022-10-18 16:34 ranyonsue 阅读(651) 评论(0) 推荐(0)

react 方法内返回dom的方法

摘要： function MyComponent() { return ( <React.Fragment> Some text. <h2>A heading</h2> More text. <h2>Another heading</h2> Even more text. </React.Fragment> 阅读全文

posted @ 2022-10-14 13:40 ranyonsue 阅读(35) 评论(0) 推荐(0)

react 加载img出错使用onError解决

摘要：使用场景：src的url路径是通过接口拿到的，如果拿到的url显示404，前端是无法判断404的，这个时候可以使用onError事件做一个备用图处理 1.onError <img src='要显示的图片路径' onError={(e) => {e.target.onerror = null;e.ta 阅读全文

posted @ 2022-09-22 13:27 ranyonsue 阅读(1268) 评论(0) 推荐(0)

replace()函数清除或替换多个不同字符

摘要：定义：replace(str,替换的文字) 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。参数1是要替换的字符，也可以用正则匹配，参数2是要替换完成显示的字符，两个参数必填案例一 let str1 = "ni-hao"//清除-let str2 = str1.re 阅读全文

posted @ 2022-08-03 10:47 ranyonsue 阅读(4783) 评论(0) 推荐(0)