- 博客(57)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 html2canvas和dom-to-image的优缺点对比
前段时间因为需求需要用到截图功能，一番调研后了解到html2canvas和dom-to-image可以实现截图功能。原理都是获取到dom元素，将dom绘制成canvas,然后转成图片。刚开始用的是html2canvas插件，后面因为html2vancas没法更改生成图片的样式，果断放弃了选择了dom-to-image插件。3.只能生成可见元素的dom（可以用dom-to-image的升级版本dom-to-image-more解决）1.无法对图片进行样式设置，就是说布局是什么样子的，生成的图片就是什么样的。
2024-03-06 11:44:43
469
原创 es6解构赋值
版权声明：本文为CSDN博主「一颗不甘坠落的流星」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/qq_45677671/article/details/115798682。- 上面代码表示，可以从数组中提取值，按照对应位置，对变量赋值。对象的属性没有次序，变量必须与属性同名，才能取到正确的值。// 此时x，y是用来匹配右边对象的属性名，a，b才是变量。等号左边的模式，只匹配一部分的等号右边的数组。
2023-08-10 16:41:53
78
转载 Eslint教程
https://www.jianshu.com/p/ad1e46faaea2https://www.jianshu.com/p/ad1e46faaea2两个月之前在项目中就开始使用 Eslint ，当时直接 copy 别人的 .eslintrc.js 文件，感觉好复杂，一直没吃透，中间去把 Eslint 官方文档看了数遍，依然无果。今天刚好没事，回过头来想整理一下 Eslint 的使用，突然发现变得好简单。总结下在这过程中走得弯路。先要知道 Lint 是什么，Eslint 又是什么； 因为想要的
2022-03-30 09:36:04
1426
转载 Vue - Table表格渲染上千数据优化
https://xuliangzhan_admin.gitee.io/vxe-table/#/table/start/installhttps://xuliangzhan_admin.gitee.io/vxe-table/#/table/start/install基于vue的表格组件
2022-01-24 09:49:23
822
转载 react-router-dom中的BrowserRouter和HashRouter
react-router-dom中的BrowserRouter和HashRouter - 尚码园HashRouter包裹下访问根服务：假设为 localhost:3000/html 1 import { HashRouter as Router, Route, Redirect } from 'https://www.shangmayuan.com/a/af68203cea59416a9a5cd04e.htmlHashRouter包裹下访问根服务：假设为 localhost:3000/html 1
2021-11-16 13:56:57
808
转载 聊聊JS的二进制家族：Blob、ArrayBuffer和Buffer
https://zhuanlan.zhihu.com/p/97768916前端较少涉及对二进制数据的处理，但即便如此，我们偶尔总能在角落里看见它们的身影，今天我们就来聊一聊JS的二进制家族：Blob、ArrayBuffer和Buffer（Buffer由Node.js提供）概述Blob: 前端的一个专门用于支持文件操作的二进制对象 ArrayBuffer：前端的一个通用的二进制缓冲区，类似数组，但在API和特性上却有诸多不同 Buffer：Node.js提供的一个二进制缓冲区，常用来处理I/O
2021-07-02 11:05:11
401
1
转载 记录项目使用webpack-parallel-uglify-plugin报错Maximum call stack size exceeded
转载https://blog.csdn.net/weixin_42381896/article/details/110438792?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-1&spm=1001.2101.3001.4242
2021-03-24 16:14:46
178
原创 SourceTree push 代码每次都要输入密码解决办法 git
打开终端，输入如下命令： git config --global credential.helper osxkeychain 第一次push仍会要求输入密码，之后都不用输入密码了
2021-03-22 10:35:01
626
转载 this.$refs 获取不到解决办法
问题描述页面一进来初始化之后，需要通过获取this.$refs 调用子组件中的某个方法，但是获取不到，返回undefind解决过程：楼主查询了原因，是这样解释的：ref 需要在dom渲染完成后才会有，在使用的时候确保dom已经渲染完成。比如在生命周期 mounted(){} 钩子中调用，或者在 this.$nextTick(()=>{}) 中调用。 如果ref 是循环出来的，有多个重名，那么ref的值会是一个数组 ，此时要拿到单个的ref 只需要循环就可以了。这里就涉及到VUE生命周期
2021-01-06 17:52:35
8235
转载 新手究极搭建react-native环境解决pod install 卡住
https://www.jianshu.com/p/35c928bac18d首先说明，react-native对新手很不友好，按照官网说的会遇到很多的问题。第一个遇到的问题，高版本的react-native需要安装许多地依赖，而且一般的网络环境很难装成功，这也是我浪费了整整一天的时间得来的教训。react-native init MyApp#默认创建最新的版本接着就会提示image-20201016095511241接着cd ./MyApp/iospod..
2020-11-25 16:08:07
1034
转载 解决两个浮点型数字相加、相减精度丢失问题
https://blog.csdn.net/qq_43639075/article/details/102936534两字数据相加精确处理/** * @param {*} 数字1 * @param {*} 数字2 * @description 两字数据相加精确处理 */export const addNum = function () { let args = arguments// 获取所有的参数 let d = 0// 定义小数位的初始长度，默认为整数，即小数位为0.
2020-11-24 16:15:16
2032
转载 JS中使用Element的消息确认框并可触发回调函数！！
https://blog.csdn.net/m0_46627730/article/details/108446544JS中使用Element的消息确认框并可触发回调函数！！一：JS文件引入element的消息确认框 二：JS文件使用MessageBox，同时可触发回调函数最近在弄只有通过身份验证后才能登入组件，未通过的先通过element-ui的消息提示框告知用户未登录，待用户按下确认键后自动跳转到登录界面。虽然在js中引入messagebox并使用它是比较简单的，但我按照原本的用法..
2020-11-04 14:32:07
1209
转载 vue项目如何避免子元素触发父元素的mouseout事件
https://blog.csdn.net/wsxc451/article/details/104239969使用yarn安装时，有时候会出现版本问题；造成mouseover mouseout全部分类菜单放上后子元素会触发mouseout ；最终查到原因是因为浏览器兼容性问题；项目中给父元素加了mouseover、mouseout事件，但是，鼠标移动到子元素上总会自动触发mouseout事件，使用prevent、stop或者self修饰符都没什么用。如果用mouseover mouseo..
2020-10-30 16:43:13
1522
原创 vue项目中z-index强制被修改成1的问题
原因是之前的写法不被cssnano新版本支持需要修改postcssrc.js将cssnano下的内容修改为"cssnano-preset-advanced":{ zindex: false, autoprefixer: false}
2020-10-30 16:35:29
774
转载 setinterval不会清除定时器队列，每重复执行1次都会导致定时器叠加，最终卡死你的网页
setinterval和settimeout的区别在vue.js项目中，经常需要对数据实时更新——每隔xx秒需要刷新一次接口——即需要用到定时器相关原理我们先看一看2种常用定时器： 1 2 setInterval(function(){}, milliseconds)——会不停的调用函数 setTimeout(function(){}, milliseconds)——只执行函数一次 乍看之下，setInterval会符合我们的业务需求，然而
2020-10-30 15:30:30
6091
转载 vue项目在ie浏览器中打开空白问题
vue项目运行编译，发现在IE浏览器一片空白，解决方法：1、安装babel-polyfill： npm install babel-polyfill --save-dev2、在main.js文件中引入：import'babel-polyfill'3、在webpack.base.config.js中将entry中的app:./src/main.js'改为下面格式entry:{app:['babel-polyfill','./src/main.js']},4、重新...
2020-10-30 15:20:09
1049
原创 数字千分位格式化问题
当系统中涉及到很多金额并且数额较大时需要对数字进行千分位格式化，提升数字的可阅读性具体方式，可以封装一个方法export function formatCurrency(num) {if (num || num == 0) {// 将num中的$,去掉，将num变成一个纯粹的数据格式字符串num = num.toString().replace(/\$|\,/g, '')// 如果num不是数字，则将num置0，并返回if (num === '' || isNaN(num)) {
2020-10-30 14:04:20
996
转载 js中有关小数点失精问题
今天用vue做小数点转换百分比的时候遇到：0.55*100 =55.00000000000001，起初以为是vue计算方式有问题，后来想到js有小数点失精的问题，结果测试了一下果然是这个问题：js失精算法console.log(0.1+0.2); //0.30000000000000004console.log(0.07*100); // 7.000000000000001console.log(0.119*100); // 11.899999999999999.........
2020-10-30 13:55:56
1091
转载 axios不会对url中的功能性字符进行编码
在请求中如果url包括特殊字符的话，可能会导致接口接收参数失败，所以前端一般会对特殊字符进行encode，方法有两种encodeURI()对整个url进行编码，会避开url中的功能性字符，例如，& ? [ ]编码前：http://10.10.67.67:8080/api/chain/basic/users?params=+[编码后：http://10.10.67.67:8080/api/chain/basic/users?params=%2b[encodeURIComponent()
2020-10-30 13:51:15
1188
1
原创 小程序自定义弹框，滑动屏幕穿透底层页面跟着滚动问题
小程序在开发过程中有时候需要自定义弹窗，那么问题就来了，自定义的弹窗在上下滑动时，会穿透到底层页面跟着一起滑动，这样用户体验相当不好，具体解决办法即给自定义弹框添加一个属性catchtouchmove="true"见如下代码：ps：需要在真机上测试才有效果。网上有伙伴说这个方法失效，目前我暂时使用是ok的，不排除有其他的情况，后面遇到了再补充...
2020-04-23 15:10:42
1396
原创 小程序中textarea层级问题
小程序开发中，有些原生组件，比如textarea存在层级太高的问题，一般发生在两种场景:1.页面较长，然后底部有固定fixed的按钮2.页面有自定义弹窗时这两种情况下，textarea中的文字都会穿透固定按钮和弹窗浮在最上层。找了很多方法，可能最合适的就是自定义一个替代元素，以下附上完整的代码(wepy框架小程序)：template中的html：<viewclas...
2020-04-23 14:57:36
1059
转载 vue watch handler
普通监听缺点：不能深度监听（对象属性的改变），刷新或首次加载不能执行。watch: { carts: function (val, oldVal) { console.log('new: %s, old: %s', val, oldVal) } }高级监听 handle：wat...
2019-12-18 15:18:06
4282
转载 有关sessionStorage在同一网站多个标签页内共享数据的问题总结，这取决于标签页如何打开
文章转载自：https://github.com/lmk123/blog/issues/66一直以来，我所以为的sessionStorage的生命周期是这样的：在 sessionStorage 中存储的数据会在当前浏览器的同一网站的多个标签页中共享，并在此网站的最后一个标签页被关闭后清除。注意：这是错误的。我之所以会这么认为，是因为我写代码的时候，sessionStorage 给我的表...
2019-12-17 16:01:16
1706
转载 vscode 代码格式化
如果你想快速配置自己的 vscode 支持保存自动格式化功能一、安装以下几个 vscode 扩展程序：ESLintPrettier - Code formatterVetur如图：二、打开 settings 文件打开方式：先按步骤打开 setting 界面，Code --> preferences -->setting （也可以快捷键 command...
2019-11-26 17:33:25
2062
转载 使用ESLint+Prettier来统一前端代码风格
加分号还是不加分号？tab还是空格？你还在为代码风格与同事争论得面红耳赤吗？正文之前，先看个段子放松一下：去死吧！你这个异教徒！想起自己刚入行的时候，从svn上把代码checkout下来，看到同事写的代码，大括号居然换行了。心中暗骂，这个人是不是个**，大括号为什么要换行？年轻气盛的我，居然满腔怒火，将空行一一删掉。但是关于代码风格，我们很难区分谁对谁错，不同的人有不同偏好，唯有...
2019-11-26 16:56:51
311
转载 wepy小程序框架中events的使用
注意：下面以红色文字标注的位置是特别强调events的使用场景的组件通信与交互wepy.component基类提供$broadcast、$emit、$invoke三个方法用于组件之间的通信和交互，如：this.$emit('some-event', 1, 2, 3, 4);用于监听组件之间的通信与交互事件的事件处理函数需要写在组件和页面的events对象中，如：import...
2019-11-26 16:39:49
1377
转载 wepy 开发文档
快速入门 1，项目创建和使用 安装wepy，一下都是通过npm安装 npm install wepy-cli -g 2，在开发目录生成开发DEMO。 wepy new project 3，开发实时编译 wepy build --watch 4,项目目录结构...
2019-11-26 16:30:00
468
转载 wepy-plugin-replace插件
安装npm install wepy-plugin-replace --save-dev配置wepy.config.js为 plugins 添加 replace 对象，支持单个或者多个规则，多个规则可以以 Array 或者 Object 实现，filter 的对象为生成后文件的路径， 例如'dist/app.js'，每个规则也同时支持多个替换条目，同样是以 Array 或者 Obj...
2019-11-26 16:21:14
415
转载 基于Wepy开发小程序插件推荐
开发wepy-plugin-autopages使用 wepy 开发项目时不需要手动配置 app.wpy 下的 config.pages，autopages 插件会自动监控 pages 目录下文件的变化，自动生成更新对应 app.json 下的 pages。注意：该插件只会对编译文件dist里配置添加，源文件是不会改动的。注意：我还发现有个问题是他是按命名顺序添加的，所以开发阶段可以用...
2019-11-26 16:18:56
927
转载 WePY根据环境变量来改变运行时的参数
参考：https://github.com/Tencent/wepy/wiki/WePY%E6%A0%B9%E6%8D%AE%E7%8E%AF%E5%A2%83%E5%8F%98%E9%87%8F%E6%9D%A5%E6%94%B9%E5%8F%98%E8%BF%90%E8%A1%8C%E6%97%B6%E7%9A%84%E5%8F%82%E6%95%B0在package.json中使用s...
2019-11-26 15:58:59
548
原创 elementUI中el-upload上传文件时附带额外参数传递
公司vue项目中，文件上传这块先前一直使用的单独接口，即只是单纯的上传文件接口，上传完了拿到文件的id之后再调用文件关联绑定关系的接口，上传的代码如下即可：需要上传的url地址 以及hearders中的token等等后面因为后台人员对接口进行了优化，上传以及保存绑定关系接口合并成一个，这里就需要上传文件时附带需要传递其他参数，搜索了一下官网，有专门的:data属性来传递额外的参数。...
2019-11-26 10:30:05
12070
2
转载 vue中使用原生WebSocket
1、优化参考了网上几篇文章，对其中代码做了优化，加了重连机制和心跳检测，添加相应注释。我刚尝试的时候因为没有websocket服务端，无意中发现一个免费的服务端。一个帅哥服务端如果你想自己玩玩WebSocket, 但是你又不想自己部署一个WebSocket服务器，你可以使用ws = new WebSocket('wss://echo.websocket.org/'), 你向ech...
2019-10-30 17:08:43
1018
转载 Vue如何给组件绑定原生事件
由于组件上面的事件默认为自定义事件，那么此例中<child @click="handleClick"></child>不会被系统识别为我们理解中的点击事件必须通过$emit方法绑定它才行。这样组件内外都要定义方法未免有点麻烦，那么想在组件上直接使用原生事件怎么办？给事件加个后缀.native就行：显然，我们推荐第二种方法，代码少了不是一行两行啊～...
2019-10-14 17:52:57
560
转载 npm和yarn的区别，我们该如何选择?
周一入职，同事JJ让我熟悉一下基于React的新项目。按照以往，我的步骤都是：这时，JJ给我来了下面一段“咦，yarn是什么鬼？难道npm更高级的替代品？为什么要替代npm？难道有什么好的地方？”，内心一连串的问题冒出来。我就默默的问了一下JJ：“yarn是跟npm一样的东西吗？”，“嗯。”JJ忙碌的敲着键盘，显然这个问题不值得继续问下去了。我也默默的把刚才脑子里一连串的问题记了...
2019-10-12 15:58:29
138
转载 MAC应用无法打开或文件损坏的处理方法
https://xclient.info/a/74559ea2-7870-b992-ed53-52a9d988e382.html有些用户下载了一些程序之后，却发现无法在MAC中安装，安装时会弹出下图所示警告框：“打不开 xxx，因为它来自身份不明的开发者”。那么该如何解决这个问题呢？在MAC下安装一些软件时提示"来自身份不明开发者"，其实这是MAC新系统启用了新的安全机制。默认只信任M...
2019-10-12 14:05:11
800
转载 安全与隐私没有允许任何来源选项
https://jingyan.baidu.com/article/eae07827b403931fec548586.html在mac10.12的版本里边安全与隐私一项中没有了允许任何来源的选项了，不知道大家发现没有！工具/原料 苹果电脑一台 打开终端输入命令 方法/步骤 打开电脑搜索 输入终端 3 打开终端输入 sud...
2019-10-12 14:03:45
1039
转载 SourceTree和Github Desktop
SourceTree和Github Desktop都是管理git代码仓库（http://www.git-scm.com）的图形化界面。最近发现SourceTree还是蛮好用的，因此与Github Desktop做一些比较。SourceTree（https://www.sourcetreeapp.com）是Atlassian旗下的一款免费的git客户端软件。我最先知道这个软件，是在大概二三年前，...
2019-10-12 10:20:04
3481
1
转载 vue.component和vue.use的用法
注册全局组件。使用Vue.component()方法注册全局组件。第一个参数是自定义元素名称，也就是将来在别的组件中使用这个组件的标签名称。第二个参数是将要注册的Vue组件。使用Vue.use注册插件。这个方法接收一个参数。这个参数必须具有install方法。Vue.use函数内部会调用参数的install方法。如果插件没有被注册过，那么注册成功之后会给插件添加一个installed的...
2019-07-15 15:24:43
3751
转载 前端中使用百度地图如何去掉地图左下角的百度logo图标
只需要添加如下css样式即可：.BMap_cpyCtrl {display: none;}.anchorBL {display: none;}
2019-05-15 14:58:56
5924
2
sessionStorage测试.zip
2019-12-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人