javascript
zyf1910
这个作者很懒,什么都没留下…
展开
-
前端实现HTML转PDF
主要通过html2canvas和jspdf两个插件实现通过html2canvas将HTML页面转换成图片,然后再将图片转换成base64,通过jspdf生成pdf文件1、安装插件npm install html2canvas jspdf --save2、写实现方法import html2Canvas from 'html2canvas'import JsPDF from 'jspdf'export default (elementId, fileName) => { if (!e原创 2022-01-13 20:23:18 · 2250 阅读 · 0 评论 -
git恢复删除的分支
命令:git branch recover_branch_abc [commit ID]原创 2021-07-12 20:08:49 · 106 阅读 · 0 评论 -
js通过canvas进行图片压缩
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </head> <body> <input id="input" type="file" val原创 2021-05-13 21:48:58 · 213 阅读 · 0 评论 -
vue.config.js配置gzip文件压缩,图片压缩
const path = require('path');const CompressionWebpackPlugin = require('compression-webpack-plugin')const compress = new CompressionWebpackPlugin({ filename: info => { return `${info.path}.gz${info.query}` }, algorithm: 'gzip', threshold: 10240,原创 2021-05-13 16:20:59 · 1318 阅读 · 0 评论 -
前端性能测试(H5性能测试)
前端性能测试(H5性能测试):https://www.cnblogs.com/wendyw/p/12443529.html#_label3在线分析网站响应速度 PageSpeed Insights:https://developers.google.com/speed/pagespeed/insights/原创 2021-05-12 15:30:21 · 362 阅读 · 0 评论 -
客户端直连S3实现分片续传思路与实践
详细文档请查阅:客户端直连S3实现分片续传思路与实践原创 2021-05-11 17:13:24 · 213 阅读 · 0 评论 -
前端js计算抽奖概率
很好用的js计算抽奖概率的公式let weightList = [20, 8, 30, 50, 80, 10] // 权重数组weightList = [...weightList, 0, 0]let total = 0weightList.forEach((item: any) => { total += item})let random: any = Math.random() * totallet result = 0for (let i = 0, len = weigh原创 2021-04-10 20:14:44 · 2145 阅读 · 0 评论 -
如何定位前端线上问题(如何排查前端生产问题)
引用自:https://www.cnblogs.com/warm-stranger/p/10430346.html原创 2021-03-09 14:51:05 · 847 阅读 · 0 评论 -
iView采用组件按需引入时,部分组件报错问题
最近在项目中使用iView组件按需引入时,部分组件引入后会报错,官方文档在按需引入时也没有说明,现在将解决方式记录下来,希望对遇到同样问题的童鞋有帮助。问题:通过报错信息可以看到,是 ‘node_modules/_view-design@4.5.0@view-design/src/directives/v-click-outside-x.js’ 这个文件解析失败,需要使用加载器来处理,所以我们就知道应该怎样解决了。解决方式:在webpack配置一下,使用babel-loader来处理:...原创 2021-03-01 15:28:04 · 767 阅读 · 1 评论 -
webpack配置接口地址代理
前言在实际项目中,本地开发环境请求服务器接口的时候,存在跨域问题,解决跨域问题有两种方式:1、关闭浏览器跨域限制2、使用webpack-dev-server的proxy代理第一种方式,前面有文章介绍过:各浏览器开启跨域模式现在说明第二种方式:1、在webpack.config.js中配置devServer: { ... proxy: { '/service-core': { target: 'https://test.******.org',原创 2021-02-18 16:21:36 · 1174 阅读 · 0 评论 -
git官网下载太慢解决方法
使用淘宝镜像下载https://npm.taobao.org/mirrors/git-for-windows/选择版本进入后,选择要的版本。原创 2021-01-16 00:04:48 · 475 阅读 · 0 评论 -
使用webpack.ProvidePlugin配置全局api
在使用vue开发过程中,基本每个组件都需要import引入api接口,用webpack配置ProvidePlugin后,将不用再引入api,直接使用就可以。配置方法:1、 在webpack.dev.conf.js和webpack.prod.conf.js中添加 plugins: [ ... new webpack.ProvidePlugin({ 'api': 'api' }) ... ]2、 在webpack.base.conf.js中添加resolve: { extensi原创 2021-01-05 14:21:10 · 664 阅读 · 0 评论 -
忽略Eslint不需要检查的代码
在使用eslint进行代码格式检查的时候,有时候一些代码不需要检查,这时候就需要对不需要检查的代码单独处理1、如果只是对一行代码处理,在需要忽略的代码前加一行注释:// eslint-disable-next-line2、如果是对一段代码忽略,在代码前加:/* eslint-disable */3、如果对全局变量忽略,显然加注释的方法有些繁琐,解决方法:找到.eslintrc.js,添加 "globals": { "你的全局变量": null }...原创 2021-01-05 14:20:06 · 1626 阅读 · 0 评论 -
前端将pdf文件转成canvas
从服务器请求pdf文件转成canvas进行前端展示最近做一个vue项目,需要将pdf文件在页面展示,由于踩了两个坑,所以记录一下,共大家参考。开始我用的是vue-pdf插件,但是遇到一个问题,不显示pdf上面的印章???,所以自己下载pdf.js和pdf.worker.js,然后修改了一行代码,再进行压缩引入。下面是将这个功能封装的一个组件:/** * @param {string} fileUrl 文件地址 */<template> <div ref="parent"&g原创 2020-12-30 16:57:33 · 1883 阅读 · 0 评论 -
指针指向,及堆内存的理解
先看一段代码let a = { n: 1};let b = a;a.x = a = {n: 2};console.log(a.x);console.log(b);//undefined//{// n: 1,// x: {// n: 2// }//}一张图辅助理解输出的结果原创 2020-12-21 16:37:55 · 165 阅读 · 0 评论 -
各浏览器开启跨域模式
google浏览器开启跨域模式命令:open -a Google\ Chrome --args --disable-web-security --user-data-diropen -a “/Applications/Google Chrome.app” --args --disable-web-security --user-data-dir=/Users/yourname/chromeDevUserData/原创 2020-12-07 16:59:22 · 1087 阅读 · 0 评论 -
前端将pdf文件转成canvas预览
将服务器请求回来的pdf转成canvas进行前端展示这篇文章主要介绍了js 通过ajax请求,将pfd转为canvas展示,现在分享给大家,也给大家做个参考。直接上代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scal原创 2020-11-03 13:17:36 · 3171 阅读 · 3 评论 -
echars饼图,解决文字重叠
echars饼图,解决文字重叠如图:下面再来说下我的解决方案:第一步:调整文字的显示大小,手机上文字可以更小,这里我用的是8px字号第二步:设置最小扇区角度,minAngle(最小的扇区角度(0 ~ 360),用于防止某个值过小导致扇区太小影响交互)第三步:avoidLabelOverlap(是否启用防止标签重叠策略,默认默认开启)第四步:文字换行展示,echarts给我们提供了一个...原创 2019-08-29 10:23:18 · 3240 阅读 · 0 评论