自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

树上骑个猴的博客

web前端、vue、elementui

  • 博客(715)
  • 资源 (3)
  • 收藏
  • 关注

原创 我问chatGPT,在JavaScript中构造函数和类的区别

在 JavaScript 中,类是一种使用更加简洁明了的方式来定义对象和对象的行为的方法,而它实际上是在构造函数和原型链的基础上构建的。因此,当我们说类是构造函数的语法糖时,我们的意思是类的实现基本上是通过构造函数和原型链来实现的,但使用类的语法可以让我们以更加直观和简洁的方式来定义对象和行为,从而让代码更加易读易懂。当我们说一个语言的某个特性是“语法糖”时,意思是这个特性的实现是建立在这个语言的基础特性之上的,并不是一个全新的特性。而对象是类的一个实例,是类的具体实现,通过实例化类来创建对象。

2023-02-18 20:41:05 1643 1

原创 Uncaught SyntaxError: Cannot use import statement outside a module

为了让 JavaScript 更模块化、更整洁以及更易于维护,ES6 引入了在多个 JavaScript 文件之间共享代码的机制。它可以导出文件的一部分供其它文件使用,然后在需要它的地方按需导入。为了使用这一功能, 需要在 HTML 文档里创建一个。浏览器报错的原因是我们用了算是在2022年比较现代的es6的语法, 但是浏览器将它作为以前版本的js解析,所以出现问题。

2023-02-18 18:16:37 5801

原创 在JSON.parse之前判断字符串是否是JSON对象字符串

每次使用JSON.parse,如果非JSON格式的会报错,那么可以用下面的方法来提前检测。

2022-12-29 15:04:48 1941

原创 Nothing was returned from render. This usually means a return statement is missing. Or, to render no

例如我的出错是因为getDialogForm返回了undefined。毫无疑问是你返回给render函数的内容为空,导致渲染失败。

2022-12-22 14:27:00 1289

原创 react中 antd使用<a>标签报警告:The href attribute requires a valid value to be accessible...

【代码】react中 antd使用<a>标签报警告:The href attribute requires a valid value to be accessible...

2022-09-19 16:37:48 634

原创 postman interceptor抓取cookie

打开桌面端的postman,点击右下角"capture requests"

2022-08-25 14:39:18 2414

原创 网站备案后没有找到站点 您没有将此域名或IP绑定到对应站点! 配置文件未生效!

等待大概几分钟后,输入域名即可看到自己的网站。登录宝塔面板->网站。

2022-07-26 22:09:56 2381

原创 react 拍平菜单树结构数据转化为一个普通的单层js对象

代码】react拍平菜单树结构数据转化为一个普通的单层js对象。

2022-07-22 10:01:52 394

原创 添加右键新建Markdown文件

安装完成之后,新建文本文档,将下面代码复制进去,保存。修改文本文档后缀为.reg,并运行。运行完成后就添加成功了。typora版本1.3.8。首先,先安装Typora。时间20220715。

2022-07-15 15:39:42 382

原创 Module not found: Error: Can‘t resolve ‘react-dom/client‘

解决方案当你的react版本低于18时,可以采用如下方案

2022-07-04 09:45:14 3782

原创 react的react-router的使用-个人笔记

效果图

2022-06-27 16:46:51 154

原创 Functions are not valid as a React child. This may happen if you return a Component instead of

报错信息:Functions are not valid as a React child. This may happen if you return a Component instead of from render. Or maybe you meant to call this function rather than return it.使用一个{} 去渲染一个组件 就会报这样一个错误例如 是一个组件使用时不小心写成了 所以报上面的错误应该将 改为...

2022-06-26 18:20:44 3136

原创 Matched leaf route at location “/“ does not have an element.This means it will render an<Outle

Matched leaf route at location “/” does not have an element. This means it will render an with a null value by default resulting in an “empty” page.高版本中Switch已经被换成了Routes错误代码:正确代码

2022-06-26 18:16:07 1751

原创 react+antD实现菜单数据递归渲染成导航组件

react+antD实现菜单数据递归渲染成导航组件

2022-06-26 17:08:24 913

原创 Uncaught Error: [About] is not a <Route> component. All component children of <Routes> must be a <Ro

当我把react-router-dom从v5升级到v6,出现了这个错误消息。我的代码:index.js文件代码App.js文件代码在v6中,您应该将组件作为“元素”传递,例如像这样:或受保护的路线:

2022-06-24 13:27:15 2345

转载 yarn : 无法加载文件 C:\Users\xxx\AppData\Roaming\npm\yarn.ps1,因为在此系统上禁止运行脚本

解决方案开始菜单中搜索PowerShell以管理员身份打开执行:set-ExecutionPolicy RemoteSigned 选择y查看执行策略:get-ExecutionPolicy 查看是否为RemoteSigned完成!

2022-06-22 09:57:46 756

原创 win11如何打开IE11

win11

2022-06-13 18:16:25 858

原创 下载最后的免费正版typora

官网地址:https://download.typora.io/windows/typora-update-x64-1117.exe

2022-06-13 13:22:15 330

原创 uniapp 微信小程序 带表情js对象进行序列化字符串后传参

转换: const item = encodeURIComponent(JSON.stringify(val)) uni.navigateTo({ url: '/pages/item-detils' + '?data=' + item })解析:onLoad(e) { this.data = JSON.parse(decodeURIComponent(e.data));}

2022-05-30 18:06:23 634 1

原创 vue封装请求 获取上传文件进度及设置超时时间

效果图:/utils/request.js// 上传文件export function uploadFile({url, data, timeout, callback}) { timeout ? service.defaults.timeout = timeout : '' return service.post(url, data, { headers: { 'Content-Type': 'multipart/form-data' }, onUploadProgress

2022-05-25 22:30:22 3036

原创 uniapp 微信小程序 实现显示倒计时订单关闭

效果图: console.log('订单信息',res.data); this.printConfigInfo = res.data // 如果订单还存在有超时时间,应该在界面上进行显示 if(this.printConfigInfo.timeoutCancel>0){ this.orderCancelTime = this.printConfigInfo.timeoutCancel this.showCancelTimeHandle(

2022-05-23 16:35:13 988

原创 vue .sync修饰符 - 个人笔记

如果想在子组件中修改父组件的props属性,一般这么做:子组件:props:{ title:{ type: String }},methods:{ changeTitle(){ // 当子组件想应用父组件的时候 this.$emit('update:title', '新标题') }}父组件:<document :title="title" @update-title="title = $event"></document>如果用上.sync可

2022-05-22 23:28:11 176

原创 uniapp 微信小程序 点击按钮实现复制功能

copyNumHandle(){ uni.setClipboardData({ data: this.formdata.orderNum, // data的值为你要复制的内容 success: res => { } });},

2022-05-17 23:02:34 1942

原创 uniapp 微信小程序 禁止遮罩层或弹框滑动触发底下页面的滑动

加上这行代码,禁止蒙版下的页面滚动:@touchmove.stop.prevent="" 示例: <!-- 全屏遮罩层 - 文件上进度 --> <u-overlay :show="isShowFileUploadLoading"> <view @touchmove.stop.prevent="" style="display: flex;align-items: center;justify-content: cen

2022-05-17 16:05:42 1721

转载 Win10创建测试用的文档

以管理员身份运行命令提示符,输入并运行以下命令:fsutil file createnew F:\www.windows10.doc 10240000000即可创建10G的文件。

2022-05-16 14:24:21 352

原创 若可框架,关于dicts字典的用法

src\api\system\dict\data.js// 根据字典类型查询字典数据信息export function getDicts(dictType) { return request({ url: '/system/dict/data/type/' + dictType, method: 'get' })}main.jsimport { getDicts } from "@/api/system/dict/data";// 全局方法挂载Vue.prototy

2022-05-15 23:15:26 2329

原创 vue实现按钮权限控制

需求管理端设置页面浏览权限和按钮使用权限,如果用户没有某个按钮的权限,则隐藏该按钮。实现原理主要方式是在el-button按钮上设置标签数值,利用vue的指令功能获取按钮实例对象和按钮上绑定的标签数值,与从接口拿到的按钮权限列表进行匹配,如果匹配成功,证明用户拥有该按钮的使用权限,如果发现没有使用权限,则在指令处理函数中编写代码移除该按钮,界面上就看不到该按钮了。代码src/directive/permission/hasPermi.jsimport store from '@/store'

2022-05-15 23:00:00 8157 2

原创 什么是CDN?CDN能给我们带来什么?

为什么需要CDN?用户可能在全世界的任何一个角度,用户终端与服务器之间的物理距离越长,经过的网络节点越多,那么网络请求时间就会越长。甚至节点之间可能发生阻塞或者丢包等状况。比如打开一个页面超过3S,用户往往会选择关闭页面。如何解决远距离用户的网页卡顿?直接的思路自己部署多个服务器到世界各地,但是每个服务器网点都需要投入人力物力财力来维护。开销很大。根据有需求就有供应,有厂商就会专门做这块。这些厂商在世界各地搭建服务器为你服务,这些服务器形成了一个网络,叫做内容分发网络(CDN,content del

2022-05-15 17:31:56 472

原创 从输入URL到页面渲染的整个过程 - 个人笔记

1、首先是URL地址解析浏览器会判断输入的是一个合法的URL还是一个待搜索的关键词,并且根据输入的内容自动完成字符编码等操作2、接着发起真正的URL请求,如果浏览器本地缓存了这个url请求所需的资源,则会直接将数据转发给浏览器进程,如果没有缓存,则会查询DNS域名解析,首先查找浏览器有没有DNS缓存(比如之前有访问记录),如果有则返回IP。如果没有就寻找本地的host文件,看看有没有域名记录,如果有则返回IP,如果本地host文件没有则直接向本地DNS服务器请求,如果还是没有,继续向上DNS服务器请求,

2022-05-15 16:48:50 3854 1

原创 CSS - 类型、类和ID选择器 - 个人笔记

类型选择器类型选择器也叫元素选择器或标签名选择器,因为它在文档中选择了一个HTML标签/元素的缘故。在下面的示例中,我们已经用了span、em和strong选择器,<span>、<em>和<strong>元素的所有实例这样就都被样式化了。全局选择器全局选择器,是由一个星号(*)代指的,它选中了文档中的所有内容(或者是父元素中的所有内容,比如,它紧随在其他元素以及邻代运算符之后的时候)。下面的示例中,我们已经用全局选择器,移去了所有元素上的外边距。这就是说,和浏览器以

2022-05-15 13:01:09 664

原创 css - 选择器 - 个人笔记

什么是选择器?css选择器是css规则的一部分,它是元素和其他部分组合起来告诉浏览器哪个HTML元素应当被选为应用规则中的CSS属性值的方式。选择器所选择的元素。叫做“选择器对象”。css中,选择器由于CSS选择器规范加以定义,就像是CSS其他部分那样,他们需要浏览器的支持才能工作。你会遇到大多数的选择器规范都是在CSS3中定义的。这是一个成熟的规范,因此大多数浏览器对这些选择器都有良好的支持。选择器列表如果你有多个相同使用相同样式的CSS选择器,那么这些单独的选择器可以混编为选择器列表,这样规则

2022-05-15 12:21:24 212

原创 css - 层叠 - 个人学习笔记

理解层叠有三个因素需要考虑,根据重要性排序如下,前面的更重要:1.重要程度2.优先级3.资源顺序1、资源顺序如果给某个页面元素设置多个样式,这些样式如果权重相同,那么写在后面的样式会在元素上生效。2、优先级有些规则写在后面没有生效,写在前面却生效了,这是因为前面的这些规则限定范围更小,浏览器就把它作为浏览器的样式,或者说浏览器认为他们是优先级更高的。例如类选择的权重大于元素选择器,例如在<style></style>里给界面元素先设定.box { color:

2022-05-14 22:30:42 160

原创 uniapp 微信小程序 uview u-picker和u-action-sheet的层级问题/解决覆盖问题

我的场景:点击按钮拉起u-action-sheet,此时再点击按钮拉起u-picker,结果发现u-picker在u-action-sheet的下面,被遮盖了。解决方案:给他们包裹一层容器,给他们的容器设置布局和层级。<template style="position: absolute;z-index: 100;" v-if="isShowPageRangeComponent"> <u-picker ref="uPicker" class="picker-height" :im

2022-05-13 16:05:20 4014

原创 vue 封装文件上传/下载请求方法

效果图:xxx.vue <el-descriptions class="margin-top" title="" :column="1" :size="serverPackageFormSize" border> <template slot="extra"> <el-upload ref="uploader" class="upload-demo"

2022-05-13 15:58:20 481

原创 uniapp 微信小程序 自定义radio-button按钮

效果图代码<view class="distance-select-list"> <view v-for="(item,index) in distanceList" :key="index"> <view class="distance-select-list-item" :class="{'distance-select-list-item-active': distanceTypeSelect === index}" @tap="tapDis

2022-05-10 11:35:19 714 1

原创 uniapp中使用uview组件尺寸很小如何解决

问题场景:在日常开发uniapp 微信小程序使用uview的过程中,老是发现uview的组件尺寸特别小。例如,尺寸可能这么小解决方案方案一:查看官方文档是否提供修改组件尺寸的属性例如:方案二:利用::v-deep去穿透样式改大小例如:<view class="step-style item-content pmt30"> <u-steps current="100" dot iconSize="40" direction="column"> <u-

2022-05-09 15:37:01 3995 1

原创 uniapp vue ::v-deep失效

多半是因为::v-deep写错位置了,::v-deep不可滥写,否则也不会产生穿透效果。使用的注意事项:1.切记必须是双冒号<style lang="scss" scoped>.a{ ::v-deep .b { /* ... */ }} </style>2.使用方法如下:在想要修改的样式前面加上v-deep就可了::v-deep .v-text-field.v-text-field--enclosed .v-text-field__details {

2022-05-09 15:27:43 12438

原创 uniapp 微信小程序 请求列表数据添加loading增强体验感、减少卡顿

设置一个变量isReady<template> <view class="container"> <!-- 内容区域 --> <view v-if="isReady" class="order_centext" :style="{height:windowHeight - 41 + 'px'}"> <swiper :current="tabIndex" @change="tabChange" :style="{height:window

2022-05-09 14:56:19 1340

原创 uniapp 开发微信小程序解决webView缓存文件

问题描述小程序上传体验版后进行真机测试,但由于缓存的存在,webview的页面一直是旧页面。解决方案:第一步先把小程序里的缓存删除(新手机不用,已经存在缓存的手机需要,该清理方法仅限安卓微信8.0.22及以上版本)我-》设置》通用-》存储空间 -》 点击“前往清理”第二步public/index.html页面设置 <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /&gt

2022-05-08 15:29:42 4932

原创 uniapp 微信小程序阻止点击事件click冒泡

使用uniapp开发小程序的时候,@click.stop来做事件冒泡没有作用。需要把@click.stop改成@tap.stop就可以实现了。

2022-05-08 15:09:36 4037

腾讯地图sig签名生成

腾讯地图sig签名生成

2022-02-14

vue版corn表达式生成器

目前该插件有2个参数,isShow用于控制是否初始化插件,initialData用于回显数据到插件上。

2021-10-20

echarts+vue实现多条统计柱状图表(渐变色柱状图,x、y坐标系修改颜色)项目源码.rar

echarts+vue实现多条统计柱状图表(渐变色柱状图,x、y坐标系修改颜色)项目源码

2019-08-28

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除