- 博客(39)
- 问答 (1)
- 收藏
- 关注
原创 uniapp写h5/小程序引入vant-weapp步骤以及报错
1.下载vant-weapp的dist文件2.在项目中创建一个文件叫wxcomponents,注意这个文件和page文件平级,引入dist注意文件名一定要是wxcomponents(莫名其妙的坑),3.APP.VUE里引入样式4.pages.json全局注册5.报错引入css报错index.wxss里的 url(前面加空格全局替换(引入的字体图标路径有问题
2022-12-06 17:11:14 2403 3
原创 三个常用的hooks
1. State Hook: React.useState()2. Effect Hook: React.useEffect()3. Ref Hook: React.useRef() const [num, setnum] = React.useState(0) const Refinput = React.useRef() //模拟生命周期 React.useEffect(() => { let Atime = setInterval(() => {
2022-05-30 17:49:14 242
转载 ECharts 动态修改折点颜色
series: [{ data: [820, 932, 901, 934, 1290, 1330, 2320], type: 'line', itemStyle: { normal: { // 动态修改颜色 color: function (params) { var colo.
2022-04-28 17:25:46 1063
原创 前端,特殊符号影响html的绑定值
//使用字符串渲染html时//oData的值包含单双引号`<input type='checkbox' class='checkboxes' name='item' value='${oData}'/>`//使用字符实体来替换可能会影响渲染的数据str.replace(/\'/g, "'")str.replace(/\"/g, """)`<input type='checkbox' class='checkboxes' name='item'
2022-04-21 17:07:19 751
原创 vue解决bus多次触发的问题
子组件<script>import Bus from './bus.js'export default { name: "children", methods:{ handleClick(){ Bus.$emit('open','的值') } }, };</script>父组件<template> <children /></template><script&
2022-04-15 10:46:08 1239
原创 前端客制化的实现
前言 :一个项目给多个公司使用时,可以配置个性化界面功能配置客制化文件//constructor是一个构造函数方法,创建对象时自动调用该方法//类中声明的方法不能加function关键字//法之间不要用逗号分隔,否则会报错class TisCustom { constructor() { this.init(); } init(params) { let userInfo = {}; if( window.Tis_Store && wind
2022-03-25 18:39:55 242
原创 前端水印实现
创建watermarkFul.js文件夹let watermarkFull = {};// 添加水印let setWatermark = (str, waterName, appName) => { let id = waterName; var fullscreen = document.getElementById(appName); if (document.getElementById(id) !== null) { fullscreen.removeChild(d
2022-02-26 16:56:10 138
原创 React 解决 react-router-dom旧版本问题
关于控制台报错 :ncaught Error: A is only ever to be used as the child of element, never rendered di旧版//react-router-dom旧版写法<Routes path='/' component={home}></Routes><Routes path='/bn' component={Nav2}></Routes>更新之后//react-router-
2022-02-10 11:45:35 787
原创 fetch()的基本使用
.then()调用fetch(url) .then(response => { //返回的是promise实例 retun response.json() }) .then(json => { //返回数据 console.log(json) }) .catch(err => console.log('Request Failed', err)); 使用 await 语法async function getData() {
2022-01-25 11:23:07 1329
原创 react组件通信---发布订阅
安装下载 pubsub-jsnpm i pubsub-js -S导入pubsubimport pubsub from 'pubsub-js'A组件中订阅一个事件//event1:命名pubsub.subscribe('event1',(msg, data) => {//msg一般不要 console.log(data);}}B组件中发布这一事件//publish发布alertHandler=()=>{pubsub.publish('event1',data)}
2022-01-21 12:04:33 412
转载 React配置多个代理
配置单个(简单)//在package.json中追加如下配置"proxy":"http://localhost:5000"配置多个//创建代理配置文件//在src下创建配置文件:src/setupProxy.js//编写setupProxy.js配置具体代理规则:const proxy = require('http-proxy-middleware')module.exports = function(app) { app.use( proxy('/runner', {
2022-01-19 14:42:43 714
原创 使用xhr post请求后端返回并下载excel
// $ajax 的xhrFields: { responseType: "blob" },设置失败所以使用了xhrlet param = 'templateId=' + oid.toString() +"&"+'templateName='+templateName.toString()// 参数处理 var url = '/imeweb/drawing/exportDrawingInfoExcel' var xhr = new XMLHttpRequest(); xhr
2021-12-08 18:07:49 1468
转载 移动端适配使用postcssrc.js
postcssrc.js文件中module.exports = { 'plugins': { 'postcss-import': {}, // 用于@import导入css文件 'postcss-url': {}, // 路径引入css文件或node_modules文件 'postcss-aspect-ratio-mini': {}, // 用来处理元素容器宽高比 'postcss-write-svg': { utf8: false }, // 用来处理移动端1px的解
2021-12-01 16:52:29 553
原创 Promise.all()和Promise.allSettled()的使用
Promise.all()当多个请求同时上传时,全部成功获取到数据才能执行下一步var allurl = ['http://10.16.xxx.211:8082/api/uploadFont',"http://10.18.xxx.73:8082/api/uploadFont"]//allpost()封装的 $.ajax请求 Promise.all(allurl.map(async (item) => { return await allpost(item)
2021-11-29 17:59:19 852
转载 nodejs 使用 fetch 以及遇到的一些问题
https://blog.csdn.net/qq_19922839/article/details/120276900
2021-10-19 11:16:58 382
原创 js-cookie的基本使用
js-cookie是一个简单的,轻量级的处理cookies的js API。创建//创建简单的cookieCookies.set('name', 'value');//创建有效期为7天的cookieCookies.set('name', 'value', { expires: 7 });//为当前页创建有效期7天的cookieCookies.set('name', 'value', { expires: 7, path: '' });取值Cookies.get('name'); // =&
2021-10-15 14:59:49 9536 1
原创 adobe illustrator条形码插件(三种)
生成文本代码module.exports = function EANcode(文本_代码, type) { //校验 var 字符集_代码 = Array(Array("0001101", "0100111", "1110010"), Array("0011001", "0110011", "1100110"), Array("0010011", "0011011", "1101100"), Array("0111101", "0100001", "1000010"), Array("0
2021-09-28 11:02:14 3888
原创 js生成同样的属性名和属性值
let pasid="abc"let objs={ [pasid]:pasid}或者let pasid="abc"let objs={ [`${pasid}`]:pasid}
2021-09-15 22:04:15 342
原创 纯html上动态渲染onclick事件
在纯html动态渲染事件及传参let html = ''; data.map((item, i) => { html += <div id="${item.value}Btn" onclick="handleUploadSelectData('${item.value}', '${i}')" style="width: 20px;background-color: white;height: 15px;">
2021-09-15 21:57:17 379
原创 jq关于动态获取按钮
//正常click事件拿不到数据渲染的元素$('.selectParmas input:radio').clcik(function(){ var value = $(this).vale() //获取选中的radio的值});//使用on事件即可正确获取数据渲染的元素$(".selectParmas").on('click',"input:radio" ,function() { var value = $(this).vale() //获取数据渲染的radio
2021-09-12 14:27:56 257
原创 js快速将字符串数组转化为数字数组
js快速将字符串数组转化为数字数组(互换)1、数字数组转化为字符串数组var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];arr.map(String); //结果: ['1', '2', '3', '4', '5', '6', '7', '8', '9']2、字符串数组转化为数字数组var a = ['1', '2', '3', '4', '5', '6', '7', '8', '9']a.map(Number); //结果:[1, 2, 3, 4, 5, 6
2021-09-09 11:52:55 1614
转载 关于浏览器Ajax请求Type为Request Payload而不是Form Data
排查了许久。最后得出来是JqGrid插件的问题没办法,底层不能改在你Ajax请求中加上headers : { 'Content-Type' : 'application/x-www-form-urlencoded'},示例:$.ajax({ type : "POST", url : "../user/repwd", headers : { 'Content-Type' : 'application/x-www-form-urlencoded'
2021-08-03 17:52:22 302
转载 axios在catch中获取响应状态码
https://blog.csdn.net/bianliuzhu/article/details/88170549
2021-07-21 14:47:52 1175
原创 vue权限路由过滤法
前几天,做项目发觉addRouter不生效(以前用的是addRouters),忙活了半天也没找出原因,所以换了个思路.注册所有路由,在全局路由守卫里根据后端传来的权限进行判断,如果存在就跳转,如果不存在就让其跳转404页面 //pathnow是角色拥有的路由 if (pathnow[to.name]) { //存在就通过 next() } else { if (to.path === '/404') {
2021-06-30 16:37:44 497
原创 vue关于界面不停刷新的解决方法
//判断刷新过没有 刷新 if (!localStorage.getItem("refresh")) { localStorage.setItem("refresh",1) history.go(0) }
2021-05-26 17:11:15 4764
原创 关闭移动端echars图双指缩放功能
dataZoom: [ { zoomLock: true, //是否锁定选择区域(或叫做数据窗口)的大小。 }, ]
2021-05-13 14:02:10 1031
原创 使用echarts实现类似股票k图可拖拽可悬浮十字线
实现难点需要悬浮出现十字线,再次点击后可拖拽点击屏幕后鼠标悬浮实现思路点击折线图屏幕后开启或者开启可拖拽chartDomBig.getZr().off("click");//不写的话会重复触发 chartDomBig.getZr().on("click", (param) => { this.isShowTools = !this.isShowTools;//关闭开启判断 }); //监听当前数据并更新 watch: {
2021-05-11 14:45:31 1750 1
原创 关于echart图数据标记图片的设置 和设置大小
在series下设置markPoint里symbol:即可markPoint: {//symbol来设置标注的图片,转换base64即可 symbol:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAFtElEQVR4Xu3aQZJQRxADUTi57Zs7fAAcdC2Q4uux/h2jypyEDT9/+IMAAr8k8BMbBBD4NQGB+O1A4H8
2021-05-07 16:33:26 634
原创 echarts使用v-if v-show报错,找不到dom以及被挤成一团的bug
谈一谈当想隐藏切换一个echarts图,会报错我们一般加载echarts图时写的代码位置mounted() { setTimeout(() => { this.drawLine(); }, 1500); },页面加载时如果if判断为隐藏时echarts图插入找不到dom如果改成v-show会被挤成一团建议在切换事件时来加载这个echarts//判断加载那个图 switchBtn(e) { this.btnText = e; i
2021-04-30 15:48:54 1231 1
原创 关于echarts 折线图常见方法 去掉圆点,开启拖拽图,关闭拖拽条和缩放
这段时间接受了一个医院项目,各种折线图,总结了一些常见方法去除圆点 series: [{ data: [150, 230, 224, 218, 135, 147, 260], type: 'line', showSymbol: false,//去除圆点 }]开启y轴实线yAxis: { axisLine: { show: true, } }开启拖拽data
2021-04-30 15:36:13 2574 1
原创 vue点击菜单不跳转切换组件
vue点击菜单不跳转切换组件利用到vue里is 动态组件html部分<div v-for="(item, i) in menu" :key="i" :class="item == markMenu ? 'SidebarItemMenu' : 'SidebarItem'" @click="switchBtn(item)" > <
2021-04-30 11:48:00 1209
空空如也
echarts点击悬浮框时上一个echarts悬浮框不会消失.
2021-05-27
TA创建的收藏夹 TA关注的收藏夹
TA关注的人