- 博客(36)
- 资源 (6)
- 收藏
- 关注
原创 Vue axios发送x-www-form-urlencoded格式数据(后端收不到参数踩坑)
解决x-www-form-urlencoded前端传参的问题,后端获取不到,数组传参需JSON.stringify转化
2024-09-13 11:38:24 681
原创 vue3: 报错ResizeObserver loop completed with undelivered notifications.解决方法
常用解决方案有重写ResizeObserver或者时间间隔内限制执行方式,可以设置屏蔽方式跳过提示。中使用ant-design-vue表格自适应窗口大小时webpack会报错。修改配置vue.config,在module.exports中增加。组件重新绘制大小时dev环境出现报错提示,如在。重新运行后就不会有提示了。
2024-04-16 21:38:06 3229 2
原创 npm dev时遇到错误“error:0308010C:digital envelope routines::unsupported“的解决办法
顺便看了一下错误堆栈,发现是一个Node的内核文件抛出来的错误,我的第一反应这个错误应该是和Node的版本有关(前几天刚刚升级过Node),所以理所当然地降低Node的版本应该可以解决这个问题。除了切换Node的版本来解决这个问题外,其实还可以尝试启用legacy OpenSSL provider来解决这个问题,通过下面的命令行操作起来更容易。(Linux, macOS, Git bash等)这个方法别的地方看到,我没有试过。(Windows平台上也可以使用。)安装多个不同的Node版本。
2024-03-26 15:29:52 563
原创 uniapp-微信小程序,对子组件实现onShow效果
背景:使用uni-app开发一个微信小程序,使用的vue子组件,发现在子组件里面不能使用onShow生命周期,但是可以在page里面可以调用,需要在使用uni.navigateBack()返回后,该组件能请求接口数据刷新。解决:父级组件中,在子组件上添加ref,在父级onShow中通过子组件ref调用方法。onShow执行子组件方法。
2022-11-30 21:56:51 5059 1
原创 React Native 实现复制文本
搜索百度大部分是在react-native里面引用Clipboard,但是这个方法现在已经弃用,调用会报错。需要额外引用@react-native-clipboard/clipboard
2022-07-23 20:28:52 1407
原创 ES6 map数据结构
JavaScript的对象(Object):是键值对的集合。只能用字符串当作键。这给它的使用带来了很大的限制Map数据结构:类似于对象,也是键值对的集合优点:“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。示例:二、实例的属性和操作方法1、size属性:返回Map结构的成员总数。2、 set(key, value)方法:设置key所对应的键值,然后返回整个Map结构。如果key已经有值,则键值会被更新,否则就新生成该键。3、get(key)方法:读取key对应的
2022-06-01 17:55:05 314
原创 react-封装拖拽组件
环境:"react": "^16.8.6","react-sortable-hoc": "^2.0.0"因项目中需要实现拖拽列,其他地方也需要使用所以单独封装成一个组件,方便其他地方调用。先看成品:功能是拖拽列前面ico图标可以上下替换1、封装sortable组件import React from "react";import { sortableContainer, sortableElement, sortableHandle,} fr...
2022-05-06 20:16:03 1361
原创 饿了么UI 时间控件 el-date-picker时间范围限制
环境:vue:2.6 、element-ui: ^2.13.2需求:需要在日期控件中限制选择31天,根据选择的第一个日期进行判断组件代码:<el-date-picker v-model="formInfo.startTime" value-format="yyyy-MM-dd" type="daterange" range-separator="-" start
2022-04-22 11:05:52 2620
原创 格式化JSON,能在编辑器中展示
JSON.stringify(value,replacer,space) 方法用于将 JavaScript 值转换为 JSON 字符串。value:必需, 要转换的 JavaScript 值(通常为对象或数组)。 replacer:可选。用于转换结果的函数或数组。如果 replacer 为函数,则 JSON.stringify 将调用该函数,并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined,则排除成员。根对象的键是一个空字符串:""。如果 replacer 是一个数组
2022-03-04 14:18:34 857
原创 vue跳转外部链接
href = "www.baidu.com" 需要带上协议否则在当前地址下跳转如图所示这样了,把协议加上https或者http就可以直接跳转window.open(href);或window.location.href = href
2022-02-28 20:34:17 4319
原创 Antd Input 组件不支持autocomplete=“off“
但是支持autoComplete="off"通过查看issure找到的解决方案React文档上有说明:DOM Elements – React
2021-12-29 18:00:17 1552
原创 antd 选择器Select支持搜索 一个字段想搜哪就搜哪
这个问题浪费我了半天时间,想想还是没有认真读文档的锅,文档是个好东西~默认对option的value进行搜索,optionFilterProp="children" 表示对内嵌内容进行搜索,一句解决。ps: 记录是为了下次有迹可循~...
2021-12-28 18:12:25 754
原创 Antd中Select组件中的defaultValue问题
bug: select值是异步加载,需要默认选中第一项,但是没有选中解决方案: 在Select 组件中添加一个key, 值为你所需要的 defaultValue感谢大佬:https://www.jianshu.com/p/fbcbe49b1eed
2021-08-18 17:51:12 1669
原创 git报错报错Incorrect username or password ( access token )
出现这种错误提示十有八九是用户名和密码有问题,直接去控制台修改下解决办法:1、去控制面板--凭据管理器 2、 普通凭据找到对应origin地址 修改正确的用户名和密码؏؏☝ᖗ乛◡乛ᖘ☝؏؏...
2021-04-09 16:24:19 619
原创 wepy init standard myporj创建项目报错
问题:运行wepy init standard myporj报错raw.githubusercontent.com不能访问。然后就找到ipaddress.com网站,访问https://githubusercontent.com.ipaddress.com/raw.githubusercontent.com查询到它的IP Address,然后在本地的/etc/hosts文件里添加IP指向raw.githubusercontent.com解决:在C:\Windows\System32\driv
2021-01-22 14:22:55 192
原创 echarts首次加载不显示,再次刷新照常显示
参照了各种办法比如$nextTick、watch、setOption,然后发现是定位层级的问题,也是无语到无以复加,不过问题解决了 还是可喜可贺~问题:首次打开echart页面,数据有,图标不展示一开始没往样式上想,只以为echart写的方式不对,困扰了一天【捂脸】解决:因为样式问题需要父级设置position: relative;并且设置背景色(如果没背景色其实也可以正常显示),如图父级没有背景色生成echart图表会默认给div加个position: relativ.
2021-01-22 11:27:45 9299
原创 前端优化
项目加载的内容越来越多,但首屏加载的速度却会被拖慢,所以就需要作出对应的优化。1、分析1)、采用webpack-bundle-analyzer插件 用的vue-cli 2.x脚手架已经自带的该分析工具,运行时带上--reportnpm run build --report 或 yarn build --report如果是vue-cli 3的话,可先安装插件(我觉得也可以先运行下,如果没有report.html文件再安装插件)npm install webpack-bundl..
2020-10-09 13:47:05 308
原创 VUE路由去掉“#”
问题:今天做项目优化 发现地址栏带了个#号,觉得有点丑,想要去掉解决方法:在路由文件把mode改为history,原来是hash,果然解决掉了 带#号的问题。但是又发现个新问题,在根目录引入的静态文件 是没有问题的,但是在子页面引用的静态文件就会有问题,引入静态文件是加个@号引入。同样的引入方式同样的文件,home页是能加载出来的,子页面就加载不出来,然后度娘找了下答案,原来是因为hash模式下,根路径是不会变的,但是使用history模式后,根路径就不固定了。那么这种引入方式就不可
2020-09-21 10:34:30 2548
原创 Ant Design Vue之树控件 default-expand-all无效的问题
问题:在代码中设置了default-expand-all属性 树形结构没有展开原因:因为default-expand-all属性是用来设置默认值的,而初始值treeData通常情况下是需要调异步请求来获取数据的 默认是空数组,在treeData是空数组的时候<a-tree>组件已经渲染了,没有树结构节点所以default-expand-all属性看起来也没有发挥作用了。解决:在渲染<a-tree>组件的时候先判断treeData数组长度大于0再渲染...
2020-09-15 10:47:21 1010
原创 Ant Design Vue之布局layout
根据业务需要想直接用layout组件,实现如下效果:然后吧代码复制:<template> <a-layout id="components-layout-demo-custom-trigger"> <a-layout-sider v-model="collapsed" :trigger="null" collapsible> <div class="logo" /> <a-menu theme="dark
2020-09-11 11:35:17 11308 5
原创 vue 动态显示实时时间
成品图:简单来说就两步,首先把时间转换成常规时间,再定时器让其动起来首先data里面定个变量showtime,用timeFormate方法转换当前时间,nowTimes动起来data() { return { showtime: "", }; }, created() { this.showTimes(); }, methods: { // 显示当前时间 timeFormate(timeStamp) { le
2020-08-31 17:47:33 11322 10
原创 vue调用echarts多个图标自适应
在图标的单个组件里面添加事件列表window.addEventListener("resize",()=>{barBox.resize();});当浏览器发生resize事件的时候,让其触发echart的resize事件,重绘canvas。随意拖动浏览器都可以实现自适应...
2020-08-29 15:34:42 383
转载 Vue-Devtools安装配置教程(献给伸手党)
最简便的方法是用FQ来通过google应用商店进行安装,但是大多数人还是处在非FQ的状态尝试过安装Node的方法来安装,但是极其不建议用这个方法安装,非常麻烦,而且必须要有node的基础,非常不接地气下面来一个最简便的方法(送给伸手党):查看过很多博客大多数都是,要安装Vue-Devtools,在一个github下面用git clone或者手动下载一个叫做vue-devtools-master的文件。然后呢,你就要用npm进行install,然后再npm install build。所以这意味着
2020-08-19 11:32:13 433 1
原创 支付宝小程序键盘弹起兼容问题
问题描述:如果有按钮btn需要固定在底部,并且用的css为position: fixed;,就会造成键盘弹起时按钮被顶在键盘上方,苹果系统不会有这种情况发生解决方法:把按钮btn样式改为position: absolute;...
2018-12-11 17:01:41 3408
原创 vue项目cannot get/的解决办法
启动项目报 cannot get/错误, 一般是项目文件引用路径的问题,或者无意删除了已经被import引入的文件 总之 一般是文件路径的问题。 事实上 当你npm run dev之后,除了看浏览器控制台报什么错,还可以从WebStorm编辑器集成的node控制台查看报错信息。这个控制台一般会报类似这样的错误信息:This relative module was ...
2018-11-19 11:15:13 4923
原创 mpvue写微信小程序-图片引入(一)
1、快速上手(http://mpvue.com/mpvue/quickstart/) 按官网给出流程,创建: 运行后,在微信工具查看:编辑器中查看目录结构:为了运行的话 这个项目算是完结,但是在想写自己的项目又遇到了问题。2、实际操作引用图片原来写过的小程序,所以一开始我是把图片文件夹放在pages文件夹同级,然后调用爆出这个问题:...
2018-11-08 12:00:39 4413
转载 不加好友实现QQ在线代码状态临时会话
网友在介绍怎么样使用QQ来强制聊天,才想到以前一直遇到的QQ在线生成代码后,遇到的必须添加好友才能聊天的一个疑问。 公告:“QQ在线状态”V2.0正式发布,解决了QQ2009用户点击“在线状态”后须添加好友才能对话的问题,提高了临时会话使用的安全性, 请您尽快升级。 这倒的确是个好消息,以前以为是QQ刻意这样做的,一方面猜测QQ可能是为了企业QQ的销售,另一方面考虑,也可能是防止...
2018-10-29 10:46:02 3963
原创 小程序左滑删除效果
效果展示:主要是利用小程序的touchstart和touchmove事件。思路:用户拖动item首先获取到touchstart的位置e.touches[0].clientX,在拖动过程中触发touchmove,获取到var moveX = e.touches[0].clientX,在获取两值差this.startX - moveX;通过判断差值(1、等于或小于零 2、大于零),...
2018-10-15 18:13:51 911
原创 微信小程序上拉加载更多
一、代码环境 一开始用的是scroll-view组件,但是真机运用的时候发现上拉加载更多的时候,数据有跳动,对用户交互及其不友好,所以决定修改上拉加载更多的效果 我用的是wepy框架,参照多个网上文档,也参照官方文档主要用的是onReachBottom()事件二、代码视图层:<repeat for="{{recordList}}" key="...
2018-08-20 17:56:53 14454
原创 支付宝小程序笔记
1、在app.js中设置全局变量 如需要在app.js中修改globalData的token值,需要这样定义this.globalData.token = 设置的值其他页面需要调用可定义个变量const app = getApp(), 通过app.globalData.token获取值...
2018-07-16 16:01:50 1108
原创 小程序问题汇总
1、定时器问题 在onLoad生命周期写的定时器需要在onUnload中清除, 在onShow生命周期中的就需要在onHide中清掉2、getCurrentPages() 获取当前页面栈的实例 调用需要加this.getCurrentPages(),可以获取到如下内容: 获取页面栈可以直接this.getCurrentPages(...
2018-07-09 18:20:23 327
原创 安装vue-amap
项目中需要调用高德地图,用的是vue2,所以上网搜索了一下 推荐用vue-amap 按官网推荐安装但是报一堆错误没办法英语不好 ,试几次也没办法 ,想着试试用cnpm安装然后就可以了...
2018-05-17 16:03:32 2091
原创 wepy新建组件报错TypeError: Cannot read property 'charCodeAt' of undefined
用的是vsCode编写的代码,创建一个新的组件方便条调用,然后选择了sass所以就华丽丽的报错了百度搜了一圈,屁没找到。。。 看来没人介么蠢 /捂脸,然后只能自己看了,半个小时过去了~,终于找到,只怪自己不细心把sass换成scss,就有丝滑的运行了。写这个只为自己提醒~...
2018-05-08 16:38:27 4458 1
转载 VS Code 的常用快捷键和插件
一、vs code 的常用快捷键1、注释: a) 单行注释:[ctrl+k,ctrl+c] 或 ctrl+/ b) 取消单行注释:[ctrl+k,ctrl+u] (按下ctrl不放,再按k + u) c) 多行注释:[alt+shift+A] d) 多行注释:/**2、移动行:alt+up/down3、显示/隐藏左侧目录栏 ctrl + b4、复制当前行:shift + alt +up/...
2018-05-04 10:40:56 365
原创 wepy笔记
一、搭建wepy(2018-04-25) 从官方网址https://tencent.github.io/wepy/document.html#/ 一步步安装 都没问题,但是在微信小程序开发工具 中就报错了,忧伤~错误显示: thirdScriptError sdk uncaught third Error ...
2018-04-25 18:15:53 1370
(转)纯html+js+css实现的在线考试系统
2016-08-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人