自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(156)
  • 资源 (1)
  • 收藏
  • 关注

原创 Git提交错误代码如何回退代码

1,找到需要回退的提交行,点击右键,点击重置当前分支到此次提交。4,如果当前账号没有开启本分支强推权限 需要去git开启。5,如果没有推送,处于待推送不须执行3,4步骤。3,执行git pull -f 强行推送。

2024-08-27 20:15:46 355

原创 解决el-image只能点击关闭按钮才能关闭的问题

问题:el-image打开大图预览时,只能点击关闭按钮才能关闭,点击蒙层不能关闭的。

2024-05-24 15:50:40 454

原创 html2canvas图片跨域问题

使用画图 页面上链接图片报了跨域问题,控制台报跨域问题。

2024-05-08 14:59:37 713

原创 elementUi表单触发数组格式的校验

需要设置不同的prop,数组格式为:数组名+索引+当前字段值名。对象格式:对象名+当前字段值名。

2023-12-15 16:46:09 342

原创 elementUi表单验证 上一下两项都有必填校验,添加v-if后失效

需在el-form-item 在不一样的key区分就在页面会生效。

2023-12-15 16:42:35 170

原创 git 查看本地秘钥

该命令将显示ssh目录下的所有文件,包括秘钥文件和配置文件,如果不存在,说明还没有ssh秘钥。该命令将显示id_rsa.pub文件的内容,其中包含了秘钥。

2023-10-19 09:33:19 1241

原创 vue项目proxyTable配置

在开发过程中,可以将所有的API请求都代理到本地的开发环境中,从而避免了跨域请求的问题,并且可以通过简单地更改proxyTable配置来切换后端API的地址。如果请求的URL与proxyTable中的某个属性匹配,则该请求将被代理到指定的后端API服务器,而不是直接向目标服务器发送请求。这一功能的作用是解决由于浏览器的同源策略所限制而导致的跨域请求问题。总之,proxyTable选项的原理是在Webpack开发服务器和反向代理服务器的帮助下,将请求转发到后端API服务器,以实现跨域请求的代理和控制。

2023-04-10 16:28:17 1535 1

原创 命令行删除node_modules

1、安装npm包–rimraf,一个工具包。2,选择需要删除的项目 执行以下命令行。

2023-03-09 18:16:57 736

原创 vue前端实现的假分页

当接口速度快,响应数据量大的情况下 页面还未渲染完成时,可能会造成短暂的卡顿,所以做下前端假分页 优化下性能。html部分,和平常写法一样的。

2023-03-09 18:09:25 207

原创 git取消合并某个分支代码并重置到某次提交

在需要修改的回退的分支 右键点击“重置当前分支至此次提交”选择“强行合并-丢弃所有改动过的工作副本”点击确定 后,当前分支会出现要拉取的代码。成功后 拉取代码 则为回退后的代码。

2023-03-09 18:04:16 721

原创 数组根据id去重

【代码】数组根据id去重。

2023-03-09 18:01:20 81

原创 虚拟DOM

因为它所包含的信息会告诉 Vue 页面上需要渲染什么样的节点,包括及其子节点的描述信息。我们把这样的节点描述为“虚拟节点 (virtual node)”,也常简写它为“VNode”。“虚拟 DOM”是我们对由 Vue 组件树建立起来的整个 VNode 树的称呼。就像家谱树一样,每个节点都可以有孩子节点 (也就是说每个部分可以包含其它的一些部分)。简言之,浏览器对HTML的理解是DOM树,Vue对HTML的理解是虚拟DOM,最后在patch阶段通过DOM操作的api将其渲染成真实的DOM节点。

2023-01-28 18:00:35 103

原创 单独校验饿了么表单部分项

【代码】单独校验饿了么表单部分项。

2022-10-20 20:15:31 447

原创 ElementUI +vue 在输入框中按回车键会刷新页面

【代码】ElementUI +vue 在输入框中按回车键会刷新页面。

2022-09-25 17:20:40 442

原创 Element 中图片预览后如何快速关闭

Element 中的图片有预览大图的功能,但是预览完毕后只能点击右上角的关闭图标才能关闭,有点不方便。

2022-09-20 14:07:59 734

原创 css 标点符号换行问题

项目中涉及到输入框的展示的地方 测试喜欢测试一些非 常规的文字,就会出现换行混乱的问题,加上就正常了(line-break: anywhere;解决方案:使用 line-break 属性。

2022-09-05 11:38:16 1795 1

原创 Vue props传递的类型和写法

1、props常用属性。2、props的语法。

2022-08-18 11:27:07 2865

原创 wav后缀 部分机型音频文件不能播放 在浏览器可以

这个例子指出了在嵌套的 元素的 src 属性上设置嵌入音轨,而非直接在 元素上设置。通过这种方法可以同时在 type 属性上包含文件的 MIME 类型,这通常很有用,因为浏览器就能立即决策:自己究竟是能够播放该文件,还是不在不能播放的文件上浪费时间。...

2022-08-16 14:39:19 656

原创 Js 中 a++ 和 ++a 的区别

代码】Js中a++和++a的区别。

2022-07-26 10:10:38 195

原创 微信小程序scroll-view组件在安卓机上出现横向滚动条的解决办法

在开发微信小程序,scroll-view在安卓机上有横向滚动条现象,iphone没有此bug。

2022-07-23 16:44:46 794

原创 vue里面watch监听当前路由信息

vue里面watch监听当前路由信息开发中有这么个小需求,就是重复路由不触发生命周期监听路由触发初始化方法或者是监听路由变化 做出后续处理

2022-07-14 18:30:00 2894

翻译 React 父组件调用子组件中的方法

Child.js使用 React.createRef()ParentCmp.jsChildCmp.js使用回调Refs回调 Refs 是另一种设置 Ref 的方式,它能助你更精细地控制何时 refs 被设置和解除。不同于传递 createRef() 创建的 ref 属性,需要传递一个函数。访问 Ref 的时候也不需要 current。ParentCmp.jsChildCmp.jsFunction组件默认情况下,不能在函数组件上使用 ref 属性,因为它们没有实例。所以上面的两种

2022-06-21 16:53:03 1583

原创 react点击事件onClick

1、bind绑定第一个参数指向this,第二个参数开始才是事件函数接收到的参数,事件对象event默认是**后一个参数。2、箭头函数箭头函数若要传事件对象event的话,需要在箭头函数中把event作为参数传递给触发的事件。.........

2022-06-20 16:52:34 1832

原创 React 路由传参的三种方式

一、params传参1,刷新页面后参数不消失,2,参数会在地址栏显示3,需要在Route中配置参数名称1、params传递单个参数路由页面使用Link传参使用js传参在另一个页面获取参数2、params传递多个参数路由页面使用Link传参使用js传参获取参数二、query传参刷新页面后参数消失路由页面(无需配置)使用Link传参使用js传参获取参数三、state传参刷新页面后参数不消失参数不会在地址栏显示路由页面(无需配置)使用Link传参使用js传参获

2022-06-20 16:32:08 9816

原创 react新建一个路由页面并实现跳转

最近开始学习更新react让我们一起开启react之旅吧1,新建一个注册页 register.js文件2,在react-router-config.js配置路由3,导入这个register.js文件4,在某个页面实现跳转

2022-06-20 15:28:01 1447

原创 react路由跳转方式

react

2022-06-20 15:18:36 242

原创 前端导出pdf文档-jspdf用法

导出pdf

2022-06-08 14:09:54 1462

原创 Element el-input 手动触发 focus

给 el-input 标签 加上 ref 属性<el-autocomplete v-model="query" value-key="name" :fetch-suggestions="getContactNameByLike" placeholder="请输入内容" size="small" @select="handleSelect" @change="changeQuery" @focus="focusSelect()" @blur="blueSelect()" ref="i

2022-03-07 15:13:56 2132

原创 Vue项目中props传值、data数据初始化、watch(immediate: true)和常用钩子之间先后关系

先后顺序是:beforeCreate > props > data初始化 > watch > created > beforeMount > mounted

2022-01-19 15:36:39 858

原创 ES6日常使用场景

用ES6的解构赋值来取值const {a,b,c,d,e} = obj;const f = a + d;const g = c + e;如果想创建的变量名和对象的属性名不一致,可以这么写:const {a:a1} = obj;console.log(a1);// 1ES6的解构赋值虽然好用。但是要注意解构的对象不能为undefined、null。否则会报错,故要给被解构的对象一个默认值。const {a,b,c,d,e} = obj || {};合并两个数组,合并两个对象const

2022-01-18 18:08:01 644

原创 如何优雅的改造if/else

使用if/else的代码方式编写function fileterNum(num1,num2,action) { if (action === 'add') { return num1 + num2 }else if (action === 'edit') { return num1 - num2 }else if(action === 'delete') { return num1 * num2 }else if (acti

2022-01-18 11:04:01 419

原创 解决:vue文本识别 “ \n ” 的换行问题

如何让 \n 页面中显示为换行效果?1:通过 css属性实现white-space: pre-wrap;2:使用v-html+正则实现this.text = res.data.replace(/\\n/g, '<br>')// HTML部分<div v-html="text"></div>

2021-12-29 09:13:03 1898

原创 工作中使用的git提交规范

git提交规范遇到的问题1,版本回退时无法快速定位到指定版本2,无法知道项目中封版操作是哪一个commit3,无法清晰的知道每次提交的记录以下是commit提交规范每次提交,Commit message 都包括三个部分:Header,Body 和 Footer。其中,Header 是必需的,Body 和 Footer 可以省略。<type>(<scope>): <subject>// 空一行<body>// 空一行<footer&

2021-12-01 10:28:12 721

原创 .sync修饰符 简写组件传值

父组件 <myComponent :show.sync='valueChild'></myComponent>子组件在需要传值的地方改写closeDiv() { this.$emit('update:show',false); //触发 input 事件,并传入新值 }

2021-11-20 15:31:00 475

原创 uni-app+ts vuex持久化存储

安装依赖cnpm install --save vuex-persistedstate修改store/index.jsimport createPersistedState from 'vuex-persistedstate'const vuexPersisted = createPersistedState({ storage: { getItem: key => uni.getStorageSync(key), setItem: (key, va

2021-11-19 13:54:04 776

原创 Vue父组件直接给孙子组件传值 provide和inject 注入

通常,当我们需要从父组件向子组件传递数据时,我们使用 props。想象一下这样的结构:有一些深度嵌套的组件,而深层的子组件只需要父组件的部分内容。在这种情况下,如果仍然将 prop 沿着组件链逐级传递下去,可能会很麻烦。对于这种情况,我们可以使用一对 provide 和 inject。无论组件层次结构有多深,父组件都可以作为其所有子组件的依赖提供者。这个特性有两个部分:父组件有一个 provide 选项来提供数据,子组件有一个 inject 选项来开始使用这些数据。场景:只能父组件给子组件传值,不能传回

2021-10-29 16:49:24 1223 1

原创 vue3.0知识点分析

ref让数据变成响应式,即改变会引发视图层的变化ref通过给value属性设置setter和getter实现数据劫持1.ref推荐定义基本数据类型(ref值也可以是对象,但是一般情况下是对象直接使用reactive更合理)。2.在 Vue 的模板中使用 ref 的值不需要通过 value 获取 (Vue 会通过自动给 ref 的值加上 .value)。3.在 js 中使用 ref 的值必须使用 .value 获取。//watchEffect是立即执行的,没有惰性。immediate//watc

2021-10-29 16:45:37 222

原创 vue3.0中 defineComponen的作用

vue3中,新增了 defineComponent ,它并没有实现任何的逻辑,只是把接收的 Object 直接返回,它的存在是完全让传入的整个对象获得对应的类型,它的存在就是完全为了服务 TypeScript 而存在的。

2021-10-28 18:34:58 1554

原创 vue自定义指令

<template> <div class="hello"> <div v-test='name'></div> </div></template><script>export default { data () { return { name:'我是名字', } }, directives:{ test:{ inserted: function (e

2021-10-25 15:02:30 75

原创 uniapp ios 沙盒测试支付(苹果支付)

1,使用uniapp ios支付,流程和支付宝和微信支付配置和流程不同,微信和支付宝支付先调取后端接口获取所需参数,前端在调取支付,而苹果是先调取支付获取所需参数,支付成功后返回参数值给后端进行后续处理。,2,苹果测试支付只能走沙盒测试,首先就是在账号里面申请沙盒测试员账号和密码,其实就是虚拟的appid账号,和自己当前登录的不冲突,就是一个虚拟的号,进行沙盒测试的。3,进行苹果支付必须用打包的自定义基座,或者打一个测试包进行,否则不成功,下面这个博主的链接是非常全面的链接地址...

2021-08-05 10:45:34 4826 1

vue-devtools.rar

vue-devtools依赖包,便于在浏览器调试Vue项目,可以方便快捷的找到所需的内容,在浏览器上方有个高亮的绿色vue就是

2020-07-14

空空如也

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

TA关注的人

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