js
CahierX
前端小菜鸟
展开
-
js replaceAll 的代替方法,一行代码实现!
es2021 新出了 string.replaceAll,但是如果在项目中使用可会会提示是否需要更改目标库? 请尝试将 lib 编译器选项更改为 es2021 或更高版本。ts(2550)原因主要是当前框架使用的 lib es 版本不是 2021 的,因此使用 replaceAll 可能会报错,如果盲目升级 es的版本可能会造成其它未知问题(主要还是防止变成背锅侠),因为我们可以使用别的方法代替 replaceAll 方法!const str = "123cbz456cbz789"]// co原创 2021-07-27 15:25:48 · 2479 阅读 · 0 评论 -
Antd Table rowSelection切换导致选中的数据丢失
官网例子没有这个问题是因为它的 table 数据是一次通过接口拉下来的,后续分页不在请求接口, 而实际情况是需要点击一次分页拉一次数据就导致 table 重新渲染导致selectedRowKeys数据丢失。解决方案:preserveSelectedRowKeys 当数据被删除时仍然保留选项的 key boolean - 4.4.0当使用 rowSelection 时,请设置 rowSelection.preserveSelectedRowKeys 属性以保留 key。 const rowSelec原创 2021-07-22 10:01:17 · 2487 阅读 · 8 评论 -
echarts 5.x 版本词云无法正常显示问题
将echarts版本设置为5.01echarts-wordCloud 版本使用2.0设置颜色的时候去掉normal ps:"textStyle": { "color": "#5b9bd5" }原创 2021-03-26 16:45:49 · 2597 阅读 · 3 评论 -
完美解决截图时图片跨域导致截图不全的问题
截图工具使用dom-to-image因为dom-to-image不支持proxy代理, 因此修改dom-to-image.js如下图位置让dom-to-image支持代理使用方法: async screenShot(id, name) { // 截图 const data = await domtoimage.toPng(document.getElementById(id), { cacheBust: true, proxy: 'https原创 2020-12-14 17:59:03 · 3082 阅读 · 0 评论 -
Video.js 播放m3u8直播流
谷歌浏览器全面禁止flash导致直播流无法播放, 通过video.js结合videojs-contrib-hls实现播放m3u8直播流粘贴到html打开即可<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>前端播放m3u8格式视频</title> <link href="https://cdn.bootcdn.n原创 2020-11-30 16:44:17 · 4378 阅读 · 4 评论 -
已经做好的HTML快速自适应各种分辨率不变形
假如现在有已经做好的10个1920*1080的HTML页面, 如何快速适配不同分辨率并保持页面不变形呢? 一点点改样式? no no no可以通过一个函数快速适配哦 autoAdjust (targetWidth = 1920) { const isFox = navigator.userAgent.indexOf('Firefox') > -1 ? true : false; let adjustWindow = () => {原创 2020-09-11 17:15:47 · 2964 阅读 · 5 评论 -
js在指定字符串后面添加指定字符串
addStr(oldStr, addItem, afterWhich) { // 在指定字符串后面添加指定字符串 var strArr = oldStr.split(''); strArr.splice(oldStr.indexOf(afterWhich) + afterWhich.length, 0, addItem); return strArr.join(''); },...原创 2020-05-28 15:23:09 · 11153 阅读 · 0 评论 -
vue 数据改变页面没有实时渲染(不是一般的情况, 如果一般情况无法解决可能是这个原因)
css3里面的渐变色属性 background-image: linear-gradient(121deg, rgba(36, 237, 255, 1) 0%, rgba(24, 102, 231, 1) 95.6298828125%); -webkit-background-clip: text; -webkit-text-fill-color: transparen...原创 2019-12-24 11:00:12 · 3829 阅读 · 1 评论 -
JS将对象的路径当做参数传递 函数接受参数后获取相应路径的值
objectUrlEval (data, type, result = '') { // 此方法的用法: // 若存在 此数据结构的数据 ps: a: { b: c: { d: { name: 'xx'}} } // 调用此方法仅需 objectUrlEval(a, 'd.c.d.name') 即可返回 'xx' // 若 objectUrlEv...原创 2019-09-18 14:34:07 · 979 阅读 · 3 评论 -
js获取前n天的日期
timestampToTime(type, hhmmss) { // type =0 为当天 type = 1 为前一天 // hhmmss 自己传需要的时分秒 let now = new Date(); let ...原创 2019-09-11 10:35:48 · 754 阅读 · 0 评论