![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
弃之
终究是不配
展开
-
vue打包后chunk-vendors太大解决方式
vue打包后chunk-vendors太大解决方式原创 2023-01-14 21:59:21 · 1421 阅读 · 0 评论 -
vue图片懒加载
vue图片懒加载原创 2023-01-14 21:55:31 · 114 阅读 · 0 评论 -
将 base64 转换为 file 文件流
将 base64 转换为 file 文件流原创 2022-12-26 13:31:53 · 777 阅读 · 0 评论 -
将文件 url 转换未 base64 格式
将文件 url 转换未 base64 格式原创 2022-12-26 13:30:52 · 125 阅读 · 0 评论 -
svg格式的图片转化为 png 格式
svg格式的图片转化为 png 格式原创 2022-12-26 13:22:24 · 2310 阅读 · 0 评论 -
图片url生成svg元素节点
图片url生成svg元素节点原创 2022-12-26 13:10:00 · 274 阅读 · 0 评论 -
vue子组件的表单使用父组件的数据并修改值,同步数据到父组件
vue子组件的表单使用父组件的数据并修改值,同步数据到父组件原创 2022-11-24 15:53:39 · 1439 阅读 · 0 评论 -
富文本、输入框内容转义存储
富文本、输入框内容转义存储原创 2022-10-19 13:02:49 · 153 阅读 · 0 评论 -
将html截图成为图片
将html截图成为图片原创 2022-09-15 00:30:26 · 247 阅读 · 0 评论 -
浏览器过滤掉options请求
浏览器过滤掉options请求原创 2022-08-15 17:54:44 · 944 阅读 · 0 评论 -
移动端局域网测试本地项目打不开-vue
移动端局域网测试本地项目打不开-vue原创 2022-07-28 11:14:57 · 396 阅读 · 0 评论 -
图片裁剪cropperjs的使用
文档地址:https://fengyuanchen.github.io/cropperjs/使用方式:.1 下载包yarn add cropperjs.2 导入包importCropperfrom"cropperjs"import"cropperjs/dist/cropper.css".3 自定义裁剪比例 const sizeList = [ { name: "1:1", size: 1 / 1, }, { name: "16:9",...原创 2022-03-14 16:39:40 · 2263 阅读 · 0 评论 -
前端实现图表x轴数据格式
在使用图表的时候,x轴会用到['2020-01-02', '2020-01-03']的数据格式一般来讲 ,后端会同数据一起返回,但是如果后端没有返回,自己也可以实现.1 封装方法export function formatEveryDay(start, end) { let dateList = [] var startTime = getdates(start) var endTime = getdates(end) while (endTime.getTime() -原创 2022-02-28 14:39:24 · 356 阅读 · 0 评论 -
js 求相差多少天
var startTime = moment([2020, 7, 8])var endTime = moment([2021, 7, 9])let spt = endTime.diff(startTime, "days")原创 2022-02-28 14:32:03 · 79 阅读 · 0 评论 -
react 路由跳转 路由相同参数不同 页面没有刷新
componentWillReceiveProps(nextProps) { const id = nextProps.location.state.id this.setState( { id, } ) }原创 2022-02-28 14:30:03 · 849 阅读 · 2 评论 -
h5 拉起小程序
前提是公众号必须是认证过的服务号!!!h5 端:.1 下载安装包yarn add weixin-jsapiyarn add weixin-js-sdkjweixin-1.6.0.js 必须是这个版本 低于这个的版本不支持那个开放标签weixin-jsapi 至于这个包 是用来导出 wx 的 从 sdk 里面导出无效.2 导入importwxfrom"weixin-jsapi"import"weixin-js-sdk".3 权限验证 /* @params原创 2022-02-28 14:26:06 · 1308 阅读 · 0 评论 -
webpack 配置文件随机数(文件指纹)
首先在 webpack.config.js 里定义一个时间戳随机数constVersion=newDate().getTime();然后搜索 filename 找到 output 对象下面的 filename 与 chunkFilename 并配置filename:isEnvProduction?'static/js/[name].[contenthash:8].'+Version+'.js':isEnvDevelopment&&'static/js/bundle.j原创 2022-02-28 14:19:37 · 1066 阅读 · 0 评论 -
react开启 gzip 压缩
.1 下载包yarn add compression-webpack-plugin@^5.2 找到 node_modules/react-scripts/webpack.config.js.3 导入包constCompressionPlugin=require('compression-webpack-plugin').4 搜索 HtmlWebpackPlugin 找到 plugins 在它里面加入 plugins: [ new CompressionPlug原创 2022-02-28 14:17:00 · 792 阅读 · 0 评论 -
ios 开放标签需要手动刷新才显示-解决方式
.1 在使用开放标签的上一个页面设置localStorage.setItem("reloadpage",1).2 在使用开放标签的页面设置 // 这段代码 要在页面加载完成之前执行 所以放在constructor函数中 if (!!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) { let num = Number(localStorage.getItem("reloadpage"))原创 2022-02-28 14:14:57 · 1672 阅读 · 0 评论 -
h5实现文件预览 (兼容ios 、android)
ios :通过 window.open 即可实现,但是在 android 上是下载 ,而不是预览。所以单独为 pdf 的预览做处理其实 word 和 excel 也是下载,但是是在是懒得管了,直接当作不可预览文件好了。android:部分文件可通过 open 预览,其他的单独做处理其实window.open能实现大部分文件格式的预览、在android上,目前除了word、excel、pdf、(其他的没有试)都是可以实现预览的,无法预览的借助插件单独实现。html结构:&原创 2022-02-28 13:54:32 · 10520 阅读 · 0 评论 -
富文本wangeditor的使用
文档网址:https://www.wangeditor.com/1 安装npm i wangeditor --save2 导入import E from "wangeditor"3 准备数据state = {editor: null,formData: {newHtml: newHtml,},}4 准备结构<div id="editor"></div>5 配置富文本编辑器setEditor = () =>原创 2021-07-12 18:15:55 · 445 阅读 · 0 评论 -
react qrCode 二维码的使用
文档网址:https://www.npmjs.com/package/qrcode.react1 安装yarn add qrcode.react2 导入import QRCode from "qrcode.react"3 使用<QRCodevalue={`${api.links}invite?name=${ qrname }&agentId=${qrid}`} //value 参数为生成二维码的链接size={100} //二维码的宽高尺寸fgColo原创 2021-07-05 11:24:47 · 420 阅读 · 0 评论 -
无法找到模块‘braft-utils‘的声明文件
首先我根据提示信息运行了一下代码 但是报错 在淘宝源无法找到这个包 懒得切换源了 就没去换源尝试了yarn add @type/braft-utilsnpm i --save-dev @types/braft-utils接下来 在src根目录下新建一个 declaration.d.ts 文件在这个文件中添加这句代码即可declare module 'braft-utils';如果添加了此文件还是无法找到模块的话 那么建议npma换源重新执行以上代码......原创 2021-06-28 09:36:17 · 2018 阅读 · 0 评论 -
WebSocket即时通讯简单使用方法
WebSocket即时通讯简单使用方法第一步 初始化WebSocket对象http协议时:that.ws = new WebSocket(`ws://www.test.com/send_message/${id}-${name}`);https协议时:that.wss = new WebSocket(`ws://www.test.com/send_message/${id}-${name}`);第二步 与服务端建立连接触发that.ws.onopen = function () {原创 2021-05-08 16:42:11 · 1173 阅读 · 0 评论 -
钉钉内部应用免密登录
钉钉内部应用免密登录免密登录:当用户在钉钉内部打开应用,无需输入用户名和密码,直接获取当前钉钉信息进行登录。前端实现流程:1.首先获取企业id并向钉钉服务器获取免密登录所需要的的codedd.ready(function() { dd.runtime.permission.requestAuthCode({ corpId: "企业id", // 企业id onSuccess: function(info) {原创 2021-05-08 16:03:21 · 2133 阅读 · 3 评论