- 博客(30)
- 收藏
- 关注
RSS订阅原创 图片裁剪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
原创 前端实现图表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
354
原创 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
原创 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
1304
原创 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
1059
原创 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
782
原创 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
1668
原创 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
10491
原创 富文本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
443
原创 antd 全局 设置中文语言环境
import { ConfigProvider } from "antd"import zhCN from "antd/lib/locale/zh_CN"<ConfigProvider locale={zhCN}> <App /> </ConfigProvider>,
2021-07-05 11:28:10
1619
原创 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
原创 无法找到模块‘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
原创 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
1170
原创 钉钉内部应用免密登录
钉钉内部应用免密登录免密登录：当用户在钉钉内部打开应用，无需输入用户名和密码，直接获取当前钉钉信息进行登录。前端实现流程：1.首先获取企业id并向钉钉服务器获取免密登录所需要的的codedd.ready(function() { dd.runtime.permission.requestAuthCode({ corpId: "企业id", // 企业id onSuccess: function(info) {
2021-05-08 16:03:21
2129
3
原创 vue中动态渲染元素使用layui文件上传按钮失效问题
vue中按钮动态循环渲染的时候 第一次layui文件上传可以使用 之后按钮失效解决办法：移除对象 重新加入 使layui重新去绑定它//shareholderfront 代表按钮本身$(`#shareholderfront${gudongNum}`).remove()//uploadBox1 代表按钮的父元素$(`#uploadBox1${gudongNum}`).html(`<button class="layui-btn" id="shareholderfront${gudongNu
2021-03-11 13:23:09
712
原创 vue与element实现动态渲染菜单栏的方法
此种方法适用于固定的三层动态数据渲染菜单，若要实现无线菜单需使用递归。@select ： 菜单栏激活回调数据结构：menuData :[ { index: '/', icon: 'el-icon-menu', title: '导航', id:1, // children:[ // { // index: '/', /
2021-01-07 13:36:14
5029
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人