摘要:
h( ElInput, { class: 'w200 ml8', placeholder: '关键字搜索', clearable: true, modelValue: formData.url_pattern, 'onUpdate:modelValue': (val: string) => { fo 阅读全文
摘要:
南海诸岛GeoJSON 阅读全文
摘要:
问题 连续两天遇到keepalive问题,第一个问题是三级路由嵌套router-view没法缓存问题,第二个问题是使用keepalive导致组件渲染两次问题,深坑。。。 官方bug 解决思路 引入routerHelper,createRouter时三级路由提升为两层 import { deepClo 阅读全文
摘要:
看到这个vueuse库打开新天地后,看到一句warning: Consider using vue-virtual-scroller instead, if you are looking for more features. 于是用起来。 好用,前提是看懂文档 业务需要使用grid,它的grid竟 阅读全文
摘要:
/* @param {String} str * @param {String} charset utf-8, utf-16 * @return {Number} */ var sizeof = function(str, charset){ var total = 0, charCode, i, 阅读全文
摘要:
相关链接: https://zhuanlan.zhihu.com/p/137993627 npm publish那些事 使用verdaccio搭建npm私有仓库 阅读全文
摘要:
1.每个 computed 属性都会生成对应的观察者(Watcher 实例),观察者存在 values 属性和 get 方法。computed 属性的 getter 函数会在 get 方法中调用,并将返回值赋值给 value。初始设置 dirty 和 lazy 的值为 true,lazy 为 tru 阅读全文
摘要:
/* 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; 阅读全文
摘要:
指数运算符 ES2016 新增了一个指数运算符(**)。这个运算符的一个特点是右结合,而不是常见的左结合。多个指数运算符连用时,是从最右边开始计算的。 2 ** 2 // 4 2 ** 3 // 8 // 相当于 2 ** (3 ** 2) 2 ** 3 ** 2 // 512 上面代码中,首先计算 阅读全文
摘要:
https://www.html5tricks.com/tag/loading%E5%8A%A8%E7%94%BB https://www.webhek.com/post/css3-loading-animation.html 阅读全文
摘要:
Function.prototype.myCall = function () { let thisVal = arguments[0] // 存call第一个参数执行上下文 const isStrict = (function () { return this undefined })() // 阅读全文
摘要:
Vue扩展下拉表格组件:el-combo-grid 再扩展 阅读全文
摘要:
let xhr = new XMLHttpRequest() xhr.open('get', imgUrl='www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png', true) xhr.responseType = 'blob' x 阅读全文
摘要:
https://www.jianshu.com/p/f7acfafc9fa2 https://zhuanlan.zhihu.com/p/32752030?edition=yidianzixun&yidian_docid=0I5ffTxm /** design by zhangyingying at 阅读全文
摘要:
原文地址: https://mp.weixin.qq.com/s/0hxnYlCWqGGdbdnnSDy3Bg npm install 时偶尔遇到报错: 没有安装python或node-sass 安装失败的问题,百度之后发现是被墙了,但根据百度的方法换了淘宝镜像和用了vpn都安装失败,最后发现原来是 阅读全文
摘要:
/** * 播放视频流,需要先在HTML里面引入kurento-client.min.js和kurento-utils.min.js * @param container 播放视频的HTML元素 * @param rtspUrl rtsp流地址 * @param serverUrl 后台服务地址 * 阅读全文
摘要:
https://mp.weixin.qq.com/s/HWZ9hUDykutjkX5yFf1jeQ 阅读全文
摘要:
讲解了谷歌浏览器部分性能优化插件 https://mp.weixin.qq.com/s/nSWlqeVDGVSkzc7fuzXlfg 某个黑科技链接 https://www.googlespeed.cn/ 阅读全文
摘要:
<body> <div id="red" style="border: 1px solid #000; width: 400px; height: 400px;"> <div id="blue" style="border: 1px solid #000; width: 300px; height: 阅读全文
摘要:
首先必须明白,开发者所编写的JavaScript代码都是运行在JavaScript脚本引擎上的。Node.js采用的是V8引擎,这个引擎最初是被用在一些浏览器上,比如Chrome。 浏览器的主要结构就包括渲染引擎(也称浏览器内核,比如常听说的webkit、blink)和JavaScript脚本引擎。 阅读全文
摘要:
setTimeout和setInterval这两个函数, 大家肯定都不陌生, 但可能并不是每个人都了解其内部的实质。 甚至可能会错误的把两个实现定时调用的函数理解成了类似thread一样的东西, 认为会在一个时间片内, 并发的执行调用的函数, 似乎很好很强大。但其实并不是如此, 实际的情况是java 阅读全文
摘要:
在目前小程序开发的时候我们需要注意的点: 1.小程序针对非空,undefined情况需要想好处理,避免出现任何 JavaScript 异常,导致页面白屏 2.合理控制图片的大小:图片太大会增加下载时间和内存的消耗,应根据显示区域的大小合理控制图片的大小 3.每次联调可以看后端请求接口的时间,所有请求 阅读全文
摘要:
echarts 各类配置项 theme = { // 全图默认背景 // backgroundColor: 'rgba(0,0,0,0)', // 默认色板 color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','# 阅读全文
摘要:
html : <!-- 公告 --> <div class="notice-container" v-show="noticeList.length"> <span class="notice-icon"></span> <div class="notice-items" ref="noticeBo 阅读全文
摘要:
CSS flex-shrink 属性指定了 flex 元素的收缩规则。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩,其收缩的大小是依据 flex-shrink 的值。值为0 该元素不收缩 阅读全文
摘要:
getBoundingClientRect() 这个方法返回一个矩形对象,包含四个属性:left、top、right和bottom。分别表示元素各边与页面上边和左边的距离。 var box=document.getElementById('box'); // 获取元素 alert(box.getBo 阅读全文
摘要:
eslint检查代码风格是好的,不过 有些换行报错 空格报错 还有在代码中有 console也是报错 这有些烦人 为了把这些烦人的报错给禁止掉 我们可以在package.json文件中 找到(或者在.eslintrc.js中找到rules) "eslintConfig": { "root": tru 阅读全文