摘要: h( ElInput, { class: 'w200 ml8', placeholder: '关键字搜索', clearable: true, modelValue: formData.url_pattern, 'onUpdate:modelValue': (val: string) => { fo 阅读全文
posted @ 2024-02-20 15:02 谢书怜 阅读(148) 评论(0) 推荐(0) 编辑
摘要: 南海诸岛GeoJSON 阅读全文
posted @ 2023-11-29 21:50 谢书怜 阅读(1327) 评论(13) 推荐(4) 编辑
摘要: 问题 连续两天遇到keepalive问题,第一个问题是三级路由嵌套router-view没法缓存问题,第二个问题是使用keepalive导致组件渲染两次问题,深坑。。。 官方bug 解决思路 引入routerHelper,createRouter时三级路由提升为两层 import { deepClo 阅读全文
posted @ 2023-07-11 18:36 谢书怜 阅读(1585) 评论(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 谢书怜 阅读(445) 评论(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 谢书怜 阅读(20) 评论(0) 推荐(0) 编辑
摘要: vue3 pinia 持久化 阅读全文
posted @ 2022-06-14 16:28 谢书怜 阅读(1916) 评论(0) 推荐(0) 编辑
摘要: Vue3, refs 阅读全文
posted @ 2022-04-15 10:43 谢书怜 阅读(2649) 评论(0) 推荐(0) 编辑
摘要: sentry 前端监控 阅读全文
posted @ 2022-02-28 19:52 谢书怜 阅读(666) 评论(0) 推荐(0) 编辑
摘要: 相关链接: https://zhuanlan.zhihu.com/p/137993627 npm publish那些事 使用verdaccio搭建npm私有仓库 阅读全文
posted @ 2021-12-27 17:01 谢书怜 阅读(13) 评论(0) 推荐(0) 编辑
摘要: 1.每个 computed 属性都会生成对应的观察者(Watcher 实例),观察者存在 values 属性和 get 方法。computed 属性的 getter 函数会在 get 方法中调用,并将返回值赋值给 value。初始设置 dirty 和 lazy 的值为 true,lazy 为 tru 阅读全文
posted @ 2021-11-05 10:31 谢书怜 阅读(2026) 评论(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 谢书怜 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 指数运算符 ES2016 新增了一个指数运算符(**)。这个运算符的一个特点是右结合,而不是常见的左结合。多个指数运算符连用时,是从最右边开始计算的。 2 ** 2 // 4 2 ** 3 // 8 // 相当于 2 ** (3 ** 2) 2 ** 3 ** 2 // 512 上面代码中,首先计算 阅读全文
posted @ 2021-07-30 09:30 谢书怜 阅读(77) 评论(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 谢书怜 阅读(229) 评论(0) 推荐(0) 编辑
摘要: Function.prototype.myCall = function () { let thisVal = arguments[0] // 存call第一个参数执行上下文 const isStrict = (function () { return this undefined })() // 阅读全文
posted @ 2021-02-26 17:28 谢书怜 阅读(106) 评论(0) 推荐(0) 编辑
摘要: Vue扩展下拉表格组件:el-combo-grid 再扩展 阅读全文
posted @ 2020-12-31 15:43 谢书怜 阅读(3435) 评论(0) 推荐(2) 编辑
摘要: 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 谢书怜 阅读(199) 评论(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 谢书怜 阅读(150) 评论(0) 推荐(1) 编辑
摘要: 原文地址: https://mp.weixin.qq.com/s/0hxnYlCWqGGdbdnnSDy3Bg npm install 时偶尔遇到报错: 没有安装python或node-sass 安装失败的问题,百度之后发现是被墙了,但根据百度的方法换了淘宝镜像和用了vpn都安装失败,最后发现原来是 阅读全文
posted @ 2020-09-23 09:22 谢书怜 阅读(2782) 评论(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 谢书怜 阅读(981) 评论(0) 推荐(0) 编辑
摘要: https://mp.weixin.qq.com/s/HWZ9hUDykutjkX5yFf1jeQ 阅读全文
posted @ 2020-09-15 09:19 谢书怜 阅读(95) 评论(0) 推荐(0) 编辑
摘要: 讲解了谷歌浏览器部分性能优化插件 https://mp.weixin.qq.com/s/nSWlqeVDGVSkzc7fuzXlfg 某个黑科技链接 https://www.googlespeed.cn/ 阅读全文
posted @ 2020-09-07 11:06 谢书怜 阅读(118) 评论(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 谢书怜 阅读(270) 评论(0) 推荐(0) 编辑
摘要: 首先必须明白,开发者所编写的JavaScript代码都是运行在JavaScript脚本引擎上的。Node.js采用的是V8引擎,这个引擎最初是被用在一些浏览器上,比如Chrome。 浏览器的主要结构就包括渲染引擎(也称浏览器内核,比如常听说的webkit、blink)和JavaScript脚本引擎。 阅读全文
posted @ 2020-05-20 11:41 谢书怜 阅读(261) 评论(0) 推荐(0) 编辑
摘要: setTimeout和setInterval这两个函数, 大家肯定都不陌生, 但可能并不是每个人都了解其内部的实质。 甚至可能会错误的把两个实现定时调用的函数理解成了类似thread一样的东西, 认为会在一个时间片内, 并发的执行调用的函数, 似乎很好很强大。但其实并不是如此, 实际的情况是java 阅读全文
posted @ 2020-05-12 11:51 谢书怜 阅读(513) 评论(0) 推荐(0) 编辑
摘要: 在目前小程序开发的时候我们需要注意的点: 1.小程序针对非空,undefined情况需要想好处理,避免出现任何 JavaScript 异常,导致页面白屏 2.合理控制图片的大小:图片太大会增加下载时间和内存的消耗,应根据显示区域的大小合理控制图片的大小 3.每次联调可以看后端请求接口的时间,所有请求 阅读全文
posted @ 2020-04-30 14:58 谢书怜 阅读(521) 评论(0) 推荐(0) 编辑
摘要: echarts 各类配置项 theme = { // 全图默认背景 // backgroundColor: 'rgba(0,0,0,0)', // 默认色板 color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','# 阅读全文
posted @ 2020-04-27 09:36 谢书怜 阅读(265) 评论(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 谢书怜 阅读(374) 评论(0) 推荐(0) 编辑
摘要: CSS flex-shrink 属性指定了 flex 元素的收缩规则。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩,其收缩的大小是依据 flex-shrink 的值。值为0 该元素不收缩 阅读全文
posted @ 2019-12-31 09:31 谢书怜 阅读(172) 评论(0) 推荐(0) 编辑
摘要: getBoundingClientRect() 这个方法返回一个矩形对象,包含四个属性:left、top、right和bottom。分别表示元素各边与页面上边和左边的距离。 var box=document.getElementById('box'); // 获取元素 alert(box.getBo 阅读全文
posted @ 2019-11-29 15:40 谢书怜 阅读(842) 评论(0) 推荐(0) 编辑
摘要: eslint检查代码风格是好的,不过 有些换行报错 空格报错 还有在代码中有 console也是报错 这有些烦人 为了把这些烦人的报错给禁止掉 我们可以在package.json文件中 找到(或者在.eslintrc.js中找到rules) "eslintConfig": { "root": tru 阅读全文
posted @ 2019-11-28 17:05 谢书怜 阅读(3112) 评论(0) 推荐(0) 编辑