javascript
吹口琴的喵
暂无
展开
-
JavaScript监听DOM元素大小变化
window如果是window的话,可以监听window.resize事件普通dom元素可以通过定时器检查来实现,本文介绍另外一种方案,使用iframe,借助iframe中的resize 事件来监听dom元素的大小变化。<iframe ref="resizeFrame" class="resizeFrame" frameborder="0" ></iframe>.resizeFrame { position: absolute; z-index: -1; le原创 2021-08-11 14:37:01 · 3752 阅读 · 0 评论 -
如何使tinymce在默认情况下粘贴为纯文本
从Tinymce3.4.2开始,你可以简单地:tinymce.init({ plugins: "paste", paste_as_text: true});原创 2021-08-04 10:07:01 · 578 阅读 · 0 评论 -
vue中$watch的使用(解决RangeError: Maximum call stack size exceeded)
碰到的问题:在一个需求中,对一个表单的更改需要做一个历史记录的功能,由于这个表单非常大(是对一篇文章进行编辑),所以不可能具体到某一个属性,所以采用了watch监听的方法,设置{deep: true}。然而,在预览的时候碰到了RangeError: Maximum call stack size exceeded的错误,经过一番排查,定位到是watch监听引起的,再具体的就不知道什么问题了。即使业务代码什么也没有写,只是简单的console.log也不行。只要设置了deep: true就会报错,非常头疼原创 2021-07-07 10:25:48 · 1064 阅读 · 0 评论 -
安装、升级vue-cli
vue-cli官网https://cli.vuejs.org/zh/guide/installation.html安装vue-clinpm install -g @vue/cli# ORyarn global add @vue/cli查看版本vue --version升级npm update -g @vue/cli# ORyarn global upgrade --latest @vue/cli原创 2021-07-06 21:36:04 · 101 阅读 · 0 评论 -
用 npm 安装 yarn
安装命令npm install -g yarn --registry=https://registry.npm.taobao.org配置一下镜像源:yarn config set registry https://registry.npm.taobao.org -gyarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g原创 2021-07-06 21:32:34 · 170 阅读 · 0 评论 -
前端几个常用的api文档网站(备份)
框架vue2:https://cn.vuejs.org/v2/guide/vue3:https://vue3js.cn/docs/zh/移动端UI库,vant2:https://youzan.github.io/vant/#/zh-CN/home移动端UI库,vant3:https://vant-contrib.gitee.io/vant/next/#/zh-CN/quickstartpc端UI库,element-ui:https://element.eleme.cn/#/zh-CN/compo原创 2021-06-25 12:52:56 · 346 阅读 · 0 评论 -
IDE vscode识别webpack中alias配置路径
在vue项目中,有特殊需求的话,除了@用来表示src的话,可能还会有其他的别名。配置方式如下:项目的webpack的配置alias: { '@': require('path').resolve(__dirname, '../src'), '@report': require('path').resolve(__dirname, '../src/views/report')},根目录中的tsconfig.json文件中配置path{ "compilerOptions": {原创 2021-06-25 10:45:35 · 329 阅读 · 0 评论 -
XMLHttpRequest重新定义的问题
问题项目上线后,遇到了接口请求的问题,提示Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'.debug后发现详情如下:原来XMLHttpRequest是被重新定义了。开发环境下正常的情况应该是这样的:解决下面是适合我的项目的解决办法:项目是基于vue-element-admin二次开发的,然后在项目中全局搜索XMLHttpRequest,果然发现在mock中有redefine原创 2021-06-25 10:31:52 · 658 阅读 · 0 评论 -
Nodejs 操作文件流 fs 同步异步
// 默认读取文件是异步的var fs = require('fs');console.log('begin read a file');var data = 321;fs.readFile('./wechat-menu.json', function(err, data){ data = data; console.log(data);});console.log('finished read a file');console.log(data);console.log('fin转载 2021-03-03 14:56:36 · 312 阅读 · 1 评论 -
react dom-to-image失真,修改生成后的清晰度
前言最近旧项目发现一个BUG,业务内容是一个弹窗页面的打印功能,因为使用的antd组件库,直接打印dom的话需要修改太多打印样式,所以就想到了把页面转成canvas处理成img元素再用iframe打印。用的是html2canvas,一切正常。直到上个月开始,客户反应打印后的PDF字体都变小了。随即用了很多浏览器测试发现真的字体会比原来的小一号,间距变大。查了资料也没有头绪,不懂为什么,求大神告知是什么原因。总之既然出问题了,那就先改吧。字号变小那我就在生成canvas之前把页面内容字号变大一号打印转载 2021-03-03 13:06:20 · 1526 阅读 · 1 评论 -
clipboard使用总结
Mac VSCode 升级中替换了内置格式化插件导致代码格式化自动换行问题:1、设置(CMD+,)2、搜索栏中搜索 vetur3、点击右边三个点的按钮,-> open settings.json4、把下面代码拷贝进去 "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatter.js": "vscode-typ=script", "vetur.forma转载 2020-12-21 19:43:17 · 2730 阅读 · 0 评论