摘要: 背景问题 在浏览网站时,经常遇到目标网站未引入 jQuery 等常用库的情况,这给我们进行页面调试、数据抓取或功能测试带来了不便。 解决方案 通过在浏览器控制台执行以下代码,可以动态引入所需的第三方库: /** * 动态引入第三方库到当前页面 * @param {string} src - 库的CD 阅读全文
posted @ 2025-09-08 16:20 谢书怜 阅读(8) 评论(0) 推荐(0)
摘要: 组件定义: <!-- 展开收起 组件 --> <script setup lang="ts"> import { getUuid } from '@/utils'; interface Props { /** 赋予input的id */ id?: string | number; /** 字符串 * 阅读全文
posted @ 2024-12-25 15:17 谢书怜 阅读(103) 评论(0) 推荐(0)
摘要: h( ElInput, { class: 'w200 ml8', placeholder: '关键字搜索', clearable: true, modelValue: formData.url_pattern, 'onUpdate:modelValue': (val: string) => { fo 阅读全文
posted @ 2024-02-20 15:02 谢书怜 阅读(873) 评论(0) 推荐(0)
摘要: 南海诸岛GeoJSON 阅读全文
posted @ 2023-11-29 21:50 谢书怜 阅读(4748) 评论(15) 推荐(7)
摘要: 问题 连续两天遇到keepalive问题,第一个问题是三级路由嵌套router-view没法缓存问题,第二个问题是使用keepalive导致组件渲染两次问题,深坑。。。 官方bug 解决思路 引入routerHelper,createRouter时三级路由提升为两层 import { deepClo 阅读全文
posted @ 2023-07-11 18:36 谢书怜 阅读(2287) 评论(0) 推荐(0)
摘要: 看到这个vueuse库打开新天地后,看到一句warning: Consider using vue-virtual-scroller instead, if you are looking for more features. 于是用起来。 好用,前提是看懂文档 业务需要使用grid,它的grid竟 阅读全文
posted @ 2023-06-21 18:06 谢书怜 阅读(924) 评论(0) 推荐(0)
摘要: /* @param {String} str * @param {String} charset utf-8, utf-16 * @return {Number} */ var sizeof = function(str, charset){ var total = 0, charCode, i, 阅读全文
posted @ 2023-03-07 18:33 谢书怜 阅读(35) 评论(0) 推荐(0)
摘要: vue3 pinia 持久化 阅读全文
posted @ 2022-06-14 16:28 谢书怜 阅读(2060) 评论(0) 推荐(0)
摘要: Vue3, refs 阅读全文
posted @ 2022-04-15 10:43 谢书怜 阅读(2926) 评论(0) 推荐(0)
摘要: sentry 前端监控 阅读全文
posted @ 2022-02-28 19:52 谢书怜 阅读(736) 评论(0) 推荐(0)
摘要: 相关链接: https://zhuanlan.zhihu.com/p/137993627 npm publish那些事 使用verdaccio搭建npm私有仓库 阅读全文
posted @ 2021-12-27 17:01 谢书怜 阅读(20) 评论(0) 推荐(0)
摘要: 1.每个 computed 属性都会生成对应的观察者(Watcher 实例),观察者存在 values 属性和 get 方法。computed 属性的 getter 函数会在 get 方法中调用,并将返回值赋值给 value。初始设置 dirty 和 lazy 的值为 true,lazy 为 tru 阅读全文
posted @ 2021-11-05 10:31 谢书怜 阅读(2100) 评论(0) 推荐(0)
摘要: /* animation */ .a-bounce,.a-flip,.a-flash,.a-shake,.a-swing,.a-wobble,.a-ring{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease; 阅读全文
posted @ 2021-09-09 17:32 谢书怜 阅读(194) 评论(0) 推荐(0)
摘要: 指数运算符 ES2016 新增了一个指数运算符(**)。这个运算符的一个特点是右结合,而不是常见的左结合。多个指数运算符连用时,是从最右边开始计算的。 2 ** 2 // 4 2 ** 3 // 8 // 相当于 2 ** (3 ** 2) 2 ** 3 ** 2 // 512 上面代码中,首先计算 阅读全文
posted @ 2021-07-30 09:30 谢书怜 阅读(87) 评论(0) 推荐(1)
摘要: https://www.html5tricks.com/tag/loading%E5%8A%A8%E7%94%BB https://www.webhek.com/post/css3-loading-animation.html 阅读全文
posted @ 2021-07-13 14:47 谢书怜 阅读(283) 评论(0) 推荐(0)
摘要: Function.prototype.myCall = function () { let thisVal = arguments[0] // 存call第一个参数执行上下文 const isStrict = (function () { return this undefined })() // 阅读全文
posted @ 2021-02-26 17:28 谢书怜 阅读(112) 评论(0) 推荐(0)
摘要: Vue扩展下拉表格组件:el-combo-grid 再扩展 阅读全文
posted @ 2020-12-31 15:43 谢书怜 阅读(4096) 评论(0) 推荐(4)
摘要: let xhr = new XMLHttpRequest() xhr.open('get', imgUrl='www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png', true) xhr.responseType = 'blob' x 阅读全文
posted @ 2020-12-21 18:19 谢书怜 阅读(255) 评论(0) 推荐(1)
摘要: https://www.jianshu.com/p/f7acfafc9fa2 https://zhuanlan.zhihu.com/p/32752030?edition=yidianzixun&yidian_docid=0I5ffTxm /** design by zhangyingying at 阅读全文
posted @ 2020-09-27 10:04 谢书怜 阅读(154) 评论(0) 推荐(1)
摘要: 原文地址: https://mp.weixin.qq.com/s/0hxnYlCWqGGdbdnnSDy3Bg npm install 时偶尔遇到报错: 没有安装python或node-sass 安装失败的问题,百度之后发现是被墙了,但根据百度的方法换了淘宝镜像和用了vpn都安装失败,最后发现原来是 阅读全文
posted @ 2020-09-23 09:22 谢书怜 阅读(2934) 评论(0) 推荐(0)
摘要: /** * 播放视频流,需要先在HTML里面引入kurento-client.min.js和kurento-utils.min.js * @param container 播放视频的HTML元素 * @param rtspUrl rtsp流地址 * @param serverUrl 后台服务地址 * 阅读全文
posted @ 2020-09-16 17:37 谢书怜 阅读(1045) 评论(0) 推荐(0)
摘要: https://mp.weixin.qq.com/s/HWZ9hUDykutjkX5yFf1jeQ 阅读全文
posted @ 2020-09-15 09:19 谢书怜 阅读(102) 评论(0) 推荐(0)
摘要: 讲解了谷歌浏览器部分性能优化插件 https://mp.weixin.qq.com/s/nSWlqeVDGVSkzc7fuzXlfg 某个黑科技链接 https://www.googlespeed.cn/ 阅读全文
posted @ 2020-09-07 11:06 谢书怜 阅读(125) 评论(0) 推荐(0)
摘要: <body> <div id="red" style="border: 1px solid #000; width: 400px; height: 400px;"> <div id="blue" style="border: 1px solid #000; width: 300px; height: 阅读全文
posted @ 2020-07-30 17:18 谢书怜 阅读(276) 评论(0) 推荐(0)
摘要: 首先必须明白,开发者所编写的JavaScript代码都是运行在JavaScript脚本引擎上的。Node.js采用的是V8引擎,这个引擎最初是被用在一些浏览器上,比如Chrome。 浏览器的主要结构就包括渲染引擎(也称浏览器内核,比如常听说的webkit、blink)和JavaScript脚本引擎。 阅读全文
posted @ 2020-05-20 11:41 谢书怜 阅读(280) 评论(0) 推荐(0)
摘要: setTimeout和setInterval这两个函数, 大家肯定都不陌生, 但可能并不是每个人都了解其内部的实质。 甚至可能会错误的把两个实现定时调用的函数理解成了类似thread一样的东西, 认为会在一个时间片内, 并发的执行调用的函数, 似乎很好很强大。但其实并不是如此, 实际的情况是java 阅读全文
posted @ 2020-05-12 11:51 谢书怜 阅读(519) 评论(0) 推荐(0)
摘要: 在目前小程序开发的时候我们需要注意的点: 1.小程序针对非空,undefined情况需要想好处理,避免出现任何 JavaScript 异常,导致页面白屏 2.合理控制图片的大小:图片太大会增加下载时间和内存的消耗,应根据显示区域的大小合理控制图片的大小 3.每次联调可以看后端请求接口的时间,所有请求 阅读全文
posted @ 2020-04-30 14:58 谢书怜 阅读(550) 评论(0) 推荐(0)
摘要: echarts 各类配置项 theme = { // 全图默认背景 // backgroundColor: 'rgba(0,0,0,0)', // 默认色板 color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','# 阅读全文
posted @ 2020-04-27 09:36 谢书怜 阅读(273) 评论(0) 推荐(0)
摘要: html : <!-- 公告 --> <div class="notice-container" v-show="noticeList.length"> <span class="notice-icon"></span> <div class="notice-items" ref="noticeBo 阅读全文
posted @ 2019-12-31 11:50 谢书怜 阅读(398) 评论(0) 推荐(0)
摘要: CSS flex-shrink 属性指定了 flex 元素的收缩规则。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩,其收缩的大小是依据 flex-shrink 的值。值为0 该元素不收缩 阅读全文
posted @ 2019-12-31 09:31 谢书怜 阅读(180) 评论(0) 推荐(0)