- 博客(18)
- 收藏
- 关注
RSS订阅原创 mac下run前端项目报错
通过终端命令命令 lsof -i tcp:port （port替换成端口号，比如6379）可以查看该端口被什么程序占用，并显示PID，方便KILL（kill pid）1.查看端口被哪个程序占用sudo lsof -i tcp:port如： sudo lsof -i tcp:80822.看到进程的PID，可以将进程杀死。sudo kill -9 PID如：sudo kill -9 3210...
2021-09-16 15:15:48
190
原创 vue打包后static中的文件未打包进去
在vue中未使用到的静态资源文件，例如：引用在index.html的js的（此处不知为何，vue打包认为其为未引用），后端返回才引用到的图片等文件。目前只涉及到此两类，后续再补充。打包时static中的文件不会一起拷贝到dist的static中。使用webpack中打包拷贝静态文件CopyWebpackPlugin插件copyWebpackPlugin： 作用：用于webpack打包时拷贝文件的插件包 安装：npm installcopyWebpackPlugin@版本号 .
2021-08-20 17:33:51
4229
原创 记录轮子：数组中对象去重
//数组中对象去重let newobj = {}; this.changePeitao = this.changePeitao.reduce((preVal, curVal) => { newobj[curVal.id]?'':newobj[curVal.id]=preVal.push(curVal); return preVal }, [])
2021-05-10 12:22:11
130
原创 echats阴影部分点击事件click
myChart.getZr().on('click',params=>{ var pointInPixel= [params.offsetX, params.offsetY]; if (myChart.containPixel('grid',pointInPixel)) { var xIndex=myChart.convertFromPixel({seriesIndex:0}, [params.offs..
2021-03-04 10:55:28
140
1
原创 前端隐藏y滚动条，且不影响滚动
Chrome浏览器：div::-webkit-scrollbar { width: 0; }Firefox浏览器：scrollbar-width: none;ie：-ms-overflow-style: none;ie的隐藏会隐藏上下左右全部的滚动条，现先不做兼容
2021-02-24 16:51:04
380
原创 微信小程序中的scroll-view中的scroll-top属性设置失效解决方案
scroll-top在设置值的时候，需要每次赋一个不同的值。需要两次设置的值不一样才能生效先业务需求为，实现QQ历史消息，更新上面新消息时候，此滚动条为之前的所在位置。加判断，每次赋值相差：1。以此实现每次赋值都不相同，并且视觉相差不大。...
2021-01-29 18:39:56
903
原创 对于emoji表情作为昵称的过滤，若大于几个只显示4个
Array.from(String(value)).slice(0,4).join("")+"..."
2021-01-18 17:27:02
209
原创 支持20个字符，10个汉字,支持字符类型 为“数字” 大小写“字母”，“_“,‘“-”
let nameReg = /^[0-9A-Za-z\u4e00-\u9fa5_\-]+$/;//中英文数字下划线、减号 let zhuanyiLength=0 if(value){ let zhuanyi=value.replace(/([\u4e00-\u9fa5]+?)/g,'aa'); //中文转成英文两个字符 zhuanyiLength=zhuanyi.length//判断字符长度 ...
2020-12-31 18:14:31
739
原创 关于微信内置浏览器的刷新问题
引入文章https://juejin.cn/post/6844903620819812365刷新会导致重复刷新需在sessionStorage定义一个状态来判断刷新一次
2020-12-29 12:27:28
949
原创 关于elementui分页点击后置顶（仅限于嵌套子组件并置顶子组件的方法）
钩子函数中使用ref 和 hanndleScroll方法来监听子组件的滑动距离。handleScrollBack用于置顶操作，此方法需加在发送请求获取数据后的函数中。不应加在分页标签组件的方法中（问题所在：切换每页显示几行时，由于滚动距离会发生改变【又小变大】，因此置顶失效）！！切记添加到相关的请求中...
2020-12-23 16:01:03
624
1
原创 使用elementui踩坑（实则手贱），组件库显示不出来，需要点击多次才会出现的bug
使用elementui组件库时，z-index在组件库中默认一般为2000左右，自己定义的z-index应该不高于2000！！！！！！！！！！！！ ui库的z-index点击一次会自增1，所以点击多次才会出现（实则被遮盖了）。引以为戒，z-index 自己设置不应该设置较高的值！！！！！！...
2020-12-22 12:05:06
712
原创 修改element-ui默认样式，解决使用穿透＞＞＞或/deep/编译器报错
更改默认样式 >>>报错 使用/deep/ 一般外面包裹的都是div 加个div 解决编译器报错
2020-12-15 19:47:39
846
原创 vue组件绑定事件
vue @click.native 原生点击事件：1，给vue组件绑定事件时候，必须加上native ，不然不会生效（监听根元素的原生事件，使用 .native 修饰符）2，等同于在自组件中： 子组件内部处理click事件然后向外发送click事件：$emit("click".fn)...
2020-11-28 10:58:00
99
原创 umi路由传参
umi•约定 [] 包裹的文件或文件夹为动态路由。传参是react的params传参，会拼接到url栏import { history } from 'umi';// 跳转到指定路由history.push('/list');// 带参数跳转到指定路由history.push('/list?a=b');history.push({ pathname: '/list', query: { a: 'b', },});// 跳转到上...
2020-11-25 18:38:55
8082
1
原创 发送axios的post请求
vue中： // 使用post发送数据需要使用 var param=new URLSearchParams();修改传参方法 // 使用param.append("uname","xixi")添加数据并且使用data发送数据 var parm = new URLSearchParams(); param.append("username","cuicui") axios({ url:"", data:parm, method:"post",
2020-11-22 00:57:28
215
原创 关于react的onclick等事件执行函数的绑定
需要使用不带括号的事件名，因为在react中{}中解析的是js，若带括号会自动调用。声明函数声明为 funa() 时，调用时，this.funa 只是把函数体作为一个参数传递，其中this的指向就会undefined。使用箭头函数fun=(e)=>{}时，传递的fun相当于一个参数，此参数指向的还是后面的函数，因此this指向不会发生变化。注意：react中的逆向传参，传递一定要用箭头函数，否则展示this.setState时this的指向就会undefined，导致不及时渲染页面..
2020-11-16 22:34:30
1010
原创 GET sockjs-node 报错解决办法
在使用vue-cli脚手架创建项目的时候，在cnpm create app命令后，项目创建成功后通过npm run serve命令运行以后，控制台报错，sockjs.js?9be2:1606 GET http://192.168.16.105:8080/sockjs-node/info?t=1574662800493 net::ERR_CONNECTION_TIMED_OUT 错误分析：sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个...
2020-10-28 15:52:28
1664
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人