- 博客(35)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 vue3: 报错ResizeObserver loop completed with undelivered notifications.解决方法
常用解决方案有重写ResizeObserver或者时间间隔内限制执行方式，可以设置屏蔽方式跳过提示。中使用ant-design-vue表格自适应窗口大小时webpack会报错。修改配置vue.config，在module.exports中增加。组件重新绘制大小时dev环境出现报错提示，如在。重新运行后就不会有提示了。
2024-04-16 21:38:06
149
原创 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
399
原创 uniapp-微信小程序，对子组件实现onShow效果
背景：使用uni-app开发一个微信小程序，使用的vue子组件，发现在子组件里面不能使用onShow生命周期，但是可以在page里面可以调用，需要在使用uni.navigateBack()返回后，该组件能请求接口数据刷新。解决：父级组件中，在子组件上添加ref，在父级onShow中通过子组件ref调用方法。onShow执行子组件方法。
2022-11-30 21:56:51
4400
1
原创 React Native 实现复制文本
搜索百度大部分是在react-native里面引用Clipboard，但是这个方法现在已经弃用，调用会报错。需要额外引用@react-native-clipboard/clipboard
2022-07-23 20:28:52
1234
原创 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
272
原创 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
1268
原创 饿了么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
2461
原创 格式化JSON，能在编辑器中展示
JSON.stringify(value，replacer，space) 方法用于将 JavaScript 值转换为 JSON 字符串。value：必需， 要转换的 JavaScript 值（通常为对象或数组）。 replacer：可选。用于转换结果的函数或数组。如果 replacer 为函数，则 JSON.stringify 将调用该函数，并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined，则排除成员。根对象的键是一个空字符串：""。如果 replacer 是一个数组
2022-03-04 14:18:34
679
原创 vue跳转外部链接
href = "www.baidu.com" 需要带上协议否则在当前地址下跳转如图所示这样了，把协议加上https或者http就可以直接跳转window.open(href);或window.location.href = href
2022-02-28 20:34:17
4274
原创 Antd Input 组件不支持autocomplete=“off“
但是支持autoComplete="off"通过查看issure找到的解决方案React文档上有说明：DOM Elements – React
2021-12-29 18:00:17
1333
原创 antd 选择器Select支持搜索 一个字段想搜哪就搜哪
这个问题浪费我了半天时间，想想还是没有认真读文档的锅，文档是个好东西~默认对option的value进行搜索，optionFilterProp="children" 表示对内嵌内容进行搜索，一句解决。ps: 记录是为了下次有迹可循~...
2021-12-28 18:12:25
665
原创 Antd中Select组件中的defaultValue问题
bug: select值是异步加载，需要默认选中第一项，但是没有选中解决方案: 在Select 组件中添加一个key， 值为你所需要的 defaultValue感谢大佬：https://www.jianshu.com/p/fbcbe49b1eed
2021-08-18 17:51:12
1580
原创 git报错报错Incorrect username or password ( access token )
出现这种错误提示十有八九是用户名和密码有问题，直接去控制台修改下解决办法：1、去控制面板--凭据管理器 2、 普通凭据找到对应origin地址 修改正确的用户名和密码؏؏☝ᖗ乛◡乛ᖘ☝؏؏...
2021-04-09 16:24:19
557
原创 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
162
原创 echarts首次加载不显示，再次刷新照常显示
参照了各种办法比如$nextTick、watch、setOption，然后发现是定位层级的问题，也是无语到无以复加，不过问题解决了 还是可喜可贺~问题：首次打开echart页面，数据有，图标不展示一开始没往样式上想，只以为echart写的方式不对，困扰了一天【捂脸】解决：因为样式问题需要父级设置position: relative;并且设置背景色（如果没背景色其实也可以正常显示），如图父级没有背景色生成echart图表会默认给div加个position: relativ.
2021-01-22 11:27:45
8815
原创 前端优化
项目加载的内容越来越多，但首屏加载的速度却会被拖慢，所以就需要作出对应的优化。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
259
原创 VUE路由去掉“#”
问题：今天做项目优化 发现地址栏带了个#号，觉得有点丑，想要去掉解决方法：在路由文件把mode改为history,原来是hash,果然解决掉了 带#号的问题。但是又发现个新问题，在根目录引入的静态文件 是没有问题的，但是在子页面引用的静态文件就会有问题，引入静态文件是加个@号引入。同样的引入方式同样的文件，home页是能加载出来的，子页面就加载不出来，然后度娘找了下答案，原来是因为hash模式下,根路径是不会变的，但是使用history模式后，根路径就不固定了。那么这种引入方式就不可
2020-09-21 10:34:30
2436
原创 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
911
原创 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
10706
5
原创 vue 动态显示实时时间
成品图：简单来说就两步，首先把时间转换成常规时间，再定时器让其动起来首先data里面定个变量showtime,用timeFormate方法转换当前时间，nowTimes动起来data() { return { showtime: "", }; }, created() { this.showTimes(); }, methods: { // 显示当前时间 timeFormate(timeStamp) { le
2020-08-31 17:47:33
10906
10
原创 vue调用echarts多个图标自适应
在图标的单个组件里面添加事件列表window.addEventListener("resize",()=>{barBox.resize();});当浏览器发生resize事件的时候，让其触发echart的resize事件，重绘canvas。随意拖动浏览器都可以实现自适应...
2020-08-29 15:34:42
346
转载 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
412
1
原创 支付宝小程序键盘弹起兼容问题
问题描述：如果有按钮btn需要固定在底部，并且用的css为position: fixed;，就会造成键盘弹起时按钮被顶在键盘上方，苹果系统不会有这种情况发生解决方法：把按钮btn样式改为position: absolute;...
2018-12-11 17:01:41
3304
原创 vue项目cannot get/的解决办法
启动项目报 cannot get/错误， 一般是项目文件引用路径的问题，或者无意删除了已经被import引入的文件 总之 一般是文件路径的问题。 事实上 当你npm run dev之后，除了看浏览器控制台报什么错，还可以从WebStorm编辑器集成的node控制台查看报错信息。这个控制台一般会报类似这样的错误信息：This relative module was ...
2018-11-19 11:15:13
4690
原创 mpvue写微信小程序-图片引入（一）
1、快速上手（http://mpvue.com/mpvue/quickstart/） 按官网给出流程，创建： 运行后，在微信工具查看：编辑器中查看目录结构：为了运行的话 这个项目算是完结，但是在想写自己的项目又遇到了问题。2、实际操作引用图片原来写过的小程序，所以一开始我是把图片文件夹放在pages文件夹同级，然后调用爆出这个问题：...
2018-11-08 12:00:39
4317
转载 不加好友实现QQ在线代码状态临时会话
网友在介绍怎么样使用QQ来强制聊天，才想到以前一直遇到的QQ在线生成代码后，遇到的必须添加好友才能聊天的一个疑问。 公告：“QQ在线状态”V2.0正式发布，解决了QQ2009用户点击“在线状态”后须添加好友才能对话的问题，提高了临时会话使用的安全性， 请您尽快升级。 这倒的确是个好消息，以前以为是QQ刻意这样做的，一方面猜测QQ可能是为了企业QQ的销售，另一方面考虑，也可能是防止...
2018-10-29 10:46:02
3775
原创 小程序左滑删除效果
效果展示：主要是利用小程序的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
862
原创 微信小程序上拉加载更多
一、代码环境 一开始用的是scroll-view组件，但是真机运用的时候发现上拉加载更多的时候，数据有跳动，对用户交互及其不友好，所以决定修改上拉加载更多的效果 我用的是wepy框架，参照多个网上文档，也参照官方文档主要用的是onReachBottom()事件二、代码视图层：<repeat for="{{recordList}}" key="...
2018-08-20 17:56:53
14270
原创 支付宝小程序笔记
1、在app.js中设置全局变量 如需要在app.js中修改globalData的token值，需要这样定义this.globalData.token = 设置的值其他页面需要调用可定义个变量const app = getApp(), 通过app.globalData.token获取值...
2018-07-16 16:01:50
1030
原创 小程序问题汇总
1、定时器问题 在onLoad生命周期写的定时器需要在onUnload中清除， 在onShow生命周期中的就需要在onHide中清掉2、getCurrentPages() 获取当前页面栈的实例 调用需要加this.getCurrentPages(),可以获取到如下内容： 获取页面栈可以直接this.getCurrentPages(...
2018-07-09 18:20:23
298
原创 安装vue-amap
项目中需要调用高德地图，用的是vue2,所以上网搜索了一下 推荐用vue-amap 按官网推荐安装但是报一堆错误没办法英语不好 ，试几次也没办法 ，想着试试用cnpm安装然后就可以了...
2018-05-17 16:03:32
2026
原创 wepy新建组件报错TypeError: Cannot read property 'charCodeAt' of undefined
用的是vsCode编写的代码，创建一个新的组件方便条调用，然后选择了sass所以就华丽丽的报错了百度搜了一圈，屁没找到。。。 看来没人介么蠢 /捂脸，然后只能自己看了，半个小时过去了~，终于找到，只怪自己不细心把sass换成scss，就有丝滑的运行了。写这个只为自己提醒~...
2018-05-08 16:38:27
4408
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
345
原创 wepy笔记
一、搭建wepy（2018-04-25） 从官方网址https://tencent.github.io/wepy/document.html#/ 一步步安装 都没问题，但是在微信小程序开发工具 中就报错了，忧伤~错误显示： thirdScriptError sdk uncaught third Error ...
2018-04-25 18:15:53
1337
（转）纯html+js+css实现的在线考试系统
2016-08-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人