- 博客(153)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 git 查看本地秘钥
该命令将显示ssh目录下的所有文件，包括秘钥文件和配置文件,如果不存在，说明还没有ssh秘钥。该命令将显示id_rsa.pub文件的内容，其中包含了秘钥。
2023-10-19 09:33:19
799
原创 vue项目proxyTable配置
在开发过程中，可以将所有的API请求都代理到本地的开发环境中，从而避免了跨域请求的问题，并且可以通过简单地更改proxyTable配置来切换后端API的地址。如果请求的URL与proxyTable中的某个属性匹配，则该请求将被代理到指定的后端API服务器，而不是直接向目标服务器发送请求。这一功能的作用是解决由于浏览器的同源策略所限制而导致的跨域请求问题。总之，proxyTable选项的原理是在Webpack开发服务器和反向代理服务器的帮助下，将请求转发到后端API服务器，以实现跨域请求的代理和控制。
2023-04-10 16:28:17
1250
1
原创 vue前端实现的假分页
当接口速度快，响应数据量大的情况下 页面还未渲染完成时，可能会造成短暂的卡顿，所以做下前端假分页 优化下性能。html部分,和平常写法一样的。
2023-03-09 18:09:25
142
原创 git取消合并某个分支代码并重置到某次提交
在需要修改的回退的分支 右键点击“重置当前分支至此次提交”选择“强行合并-丢弃所有改动过的工作副本”点击确定 后，当前分支会出现要拉取的代码。成功后 拉取代码 则为回退后的代码。
2023-03-09 18:04:16
617
原创 虚拟DOM
因为它所包含的信息会告诉 Vue 页面上需要渲染什么样的节点，包括及其子节点的描述信息。我们把这样的节点描述为“虚拟节点 (virtual node)”，也常简写它为“VNode”。“虚拟 DOM”是我们对由 Vue 组件树建立起来的整个 VNode 树的称呼。就像家谱树一样，每个节点都可以有孩子节点 (也就是说每个部分可以包含其它的一些部分)。简言之，浏览器对HTML的理解是DOM树，Vue对HTML的理解是虚拟DOM，最后在patch阶段通过DOM操作的api将其渲染成真实的DOM节点。
2023-01-28 18:00:35
66
原创 css 标点符号换行问题
项目中涉及到输入框的展示的地方 测试喜欢测试一些非 常规的文字，就会出现换行混乱的问题，加上就正常了（line-break: anywhere;解决方案：使用 line-break 属性。
2022-09-05 11:38:16
1657
1
原创 wav后缀 部分机型音频文件不能播放 在浏览器可以
这个例子指出了在嵌套的 元素的 src 属性上设置嵌入音轨，而非直接在 元素上设置。通过这种方法可以同时在 type 属性上包含文件的 MIME 类型，这通常很有用，因为浏览器就能立即决策：自己究竟是能够播放该文件，还是不在不能播放的文件上浪费时间。...
2022-08-16 14:39:19
547
原创 微信小程序scroll-view组件在安卓机上出现横向滚动条的解决办法
在开发微信小程序，scroll-view在安卓机上有横向滚动条现象，iphone没有此bug。
2022-07-23 16:44:46
694
原创 vue里面watch监听当前路由信息
vue里面watch监听当前路由信息开发中有这么个小需求，就是重复路由不触发生命周期监听路由触发初始化方法或者是监听路由变化 做出后续处理
2022-07-14 18:30:00
2827
翻译 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
1528
原创 react点击事件onClick
1、bind绑定第一个参数指向this，第二个参数开始才是事件函数接收到的参数，事件对象event默认是**后一个参数。2、箭头函数箭头函数若要传事件对象event的话，需要在箭头函数中把event作为参数传递给触发的事件。.........
2022-06-20 16:52:34
1717
原创 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
9285
原创 react新建一个路由页面并实现跳转
最近开始学习更新react让我们一起开启react之旅吧1，新建一个注册页 register.js文件2，在react-router-config.js配置路由3,导入这个register.js文件4,在某个页面实现跳转
2022-06-20 15:28:01
1337
原创 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
1918
原创 Vue项目中props传值、data数据初始化、watch（immediate: true）和常用钩子之间先后关系
先后顺序是：beforeCreate > props > data初始化 > watch > created > beforeMount > mounted
2022-01-19 15:36:39
824
原创 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
587
原创 如何优雅的改造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
392
原创 解决：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
1799
原创 工作中使用的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
704
原创 .sync修饰符 简写组件传值
父组件 <myComponent :show.sync='valueChild'></myComponent>子组件在需要传值的地方改写closeDiv() { this.$emit('update:show',false); //触发 input 事件，并传入新值 }
2021-11-20 15:31:00
442
原创 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
742
原创 Vue父组件直接给孙子组件传值 provide和inject 注入
通常，当我们需要从父组件向子组件传递数据时，我们使用 props。想象一下这样的结构：有一些深度嵌套的组件，而深层的子组件只需要父组件的部分内容。在这种情况下，如果仍然将 prop 沿着组件链逐级传递下去，可能会很麻烦。对于这种情况，我们可以使用一对 provide 和 inject。无论组件层次结构有多深，父组件都可以作为其所有子组件的依赖提供者。这个特性有两个部分：父组件有一个 provide 选项来提供数据，子组件有一个 inject 选项来开始使用这些数据。场景：只能父组件给子组件传值，不能传回
2021-10-29 16:49:24
1139
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
156
原创 vue3.0中 defineComponen的作用
vue3中，新增了 defineComponent ，它并没有实现任何的逻辑，只是把接收的 Object 直接返回，它的存在是完全让传入的整个对象获得对应的类型，它的存在就是完全为了服务 TypeScript 而存在的。
2021-10-28 18:34:58
1496
原创 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
58
原创 uniapp ios 沙盒测试支付（苹果支付）
1，使用uniapp ios支付，流程和支付宝和微信支付配置和流程不同，微信和支付宝支付先调取后端接口获取所需参数，前端在调取支付，而苹果是先调取支付获取所需参数，支付成功后返回参数值给后端进行后续处理。,2，苹果测试支付只能走沙盒测试，首先就是在账号里面申请沙盒测试员账号和密码，其实就是虚拟的appid账号，和自己当前登录的不冲突，就是一个虚拟的号，进行沙盒测试的。3，进行苹果支付必须用打包的自定义基座，或者打一个测试包进行，否则不成功，下面这个博主的链接是非常全面的链接地址...
2021-08-05 10:45:34
4386
1
原创 uniapp编译成小程序代码过大的处理方法
小程序内部报[JS 文件编译错误] 以下文件体积超过 500KB，已跳过压缩以及 ES6 转 ES5 的处理。common/vendor.js\ncommon/vendor.js这个错误。到了项目后期，发现项目过大，开始优化，这个最好前期根据项目情况提前做好部署，后期优化成本过大。第一步就是uniapp官网的启用压缩：（1）HBuilderX创建的项目勾选运行–>运行到小程序模拟器–>运行时是否压缩代码（2）cli创建的项目可以在pacakge.json中添加参数–minimize，示
2021-06-09 09:40:13
8057
2
原创 git 查看、切换用户
查看用户名：git config user.name查看用户邮箱：git config user.email修改用户名：git config --global user.name "Your_username"修改用户邮箱：git config --global user.email "Your_email"注：user.name或者user.email后需有一个空格，再写你的用户名或者用户邮箱...
2021-06-02 12:02:28
1112
原创 uniapp项目运行在安卓模拟器上的配置
最近研究了uniapp，在网上找个配置安卓端的方法，记录下来。一：首先要下载一个mumu模拟器官网下载地址：(https://mumu.163.com/)下载完成后，直接安装下一步就OK，不需要其他的操作，下载完成就是这个图标。二：然后打开HBuilderX配置运行----->运行到手机或者模拟器-配置端口7555，配置adb路径，如图所示配置成功之后就可以运行设置MuMu了。...
2021-04-29 10:19:41
3511
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人