- 博客(353)
- 资源 (5)
- 收藏
- 关注
原创 git链接仓库报错The authenticity of host ‘gitee.com (180.76.198.77)‘ can‘t be established.
解决:在任意目录下输入以下,然后直接三次enter键,不需要输入具体名字。然后自动在对应目录下生成的文件复制到gitee上即可。
2024-08-13 18:23:44 497
原创 elementUi el-date-picker时间控件精确到时分秒
【代码】elementUi el-date-picker时间控件精确到时分秒。
2024-04-16 19:54:31 2421
原创 vue项目编译错误69% building 5904/5945 modules 41 active ...les\readable-stream\writable-browser.js
vue文件中使用的scss,用了一下格式写css就有问题。总结:&后的css选择器名字不要用 “-”
2024-03-17 18:20:09 373
原创 typescript基础
简单数据类型声明,自动类型判断,字面量声明,any类型和弊端,unknow未知类型,类型断言as,ts中的函数声明(形参类型,返回值类型,设置返回值类型为 never),对象声明(一般是对象属性类型声明: ?和[]使用),数组声明(letarr: string[]或者let arr: Array);元组(定长的数组),枚举(定义一些定值的常量),联合类型声明( | ),别名 type myType = 'string' | 'number',ts文件编译(单文件tsc a.ts -w和所
2024-02-01 15:50:59 810
转载 vue项目中引入神策埋点
埋点:用于跟踪应用使用的情况,记录用户在系统中的操作行为轨迹,后续用来进一步优化产品或提供运营的数据支撑,包括访问数、访客数、停留时长、页面浏览数和跳出率。埋点采集信息大致分为两大类:页面统计,操作行为统计。
2024-01-17 17:56:09 609
转载 详解神策埋点
1、什么是神策埋点神策埋点是指在Web或移动应用上通过代码追踪用户行为,收集用户行为数据并进行分析的一种技术。在产品开发过程中,通过埋点,可以收集用户在产品中的各种操作行为,如页面浏览、点击事件、购买记录等,并将这些数据发送到特定的平台进行分析和处理,以便于团队更好地了解用户使用行为、研究用户偏好,优化产品设计和营销策略。2、为什么需要神策埋点通过埋点采集用户行为数据,可以更深入地了解用户的操作行为,为产品迭代和优化提供依据。
2024-01-17 17:16:47 2541
转载 vue项目代码规范eslint和prettier插件
Prettier用于统一代码格式,它主要关注代码外观,例如缩进、换行、引号等ESlint 用于代码质量和规范,它主要可以检查代码错误,不良习惯和潜在问题在VScode中下载插件。
2024-01-16 11:46:55 2386
原创 ref()和reactive()的区别,toRef()和toRefs(),watch和watchEffect
例如通过reactive创建的响应式对象,然后需要单独对这个响应式对象里面的某个值进行响应式处理时,就可以使用toRef()对对象的特定属性进行toRef()对使用reactive()方式创建的响应式对象数据,可以使用toRefs()对这个响应式对象里面的所有属性进行解构,且解构后的值具有响应性。第二个参数是数据发生变化后的回调函数,该函数接收三个参数:新值、旧值,以及一个用于注册副作用清理的回调函数。对执行环境下所有声明的响应式数据进行监听,某一个数据发生改变,都会执行watchEffect()
2024-01-09 16:40:06 615
转载 CDN加速及webpack中配置CDN加速
实际上最影响用户体验的还是网页首次打开时的加载等待。导致这个问题的根本是网络传输过程耗时大,CDN 的作用就是加速网络传输。CDN 又叫内容分发网络,通过,从而加速资源的获取速度。CDN 其实是通过优化物理链路层传输过程中的网速有限、丢包等问题来提升网速的。
2023-12-20 19:52:32 566
原创 项目开发git使用流程总结
git init 本地仓库初始化git clone 仓库地址git remote add "仓库地址" 添加远程版本库git branch -a查看本地和远程分支,-r查看所有远程分支git checkout -b dev-lmf 创建本地分支git add . 暂存分支到本地:git commit -m "ss" 提交分支到本地。
2023-12-19 11:48:21 688
原创 微信小程序生成二维码海报并分享
背景:点击图标,生成海报后,点击保存相册,可以保存生成海报:插件wxa-plugin-canvas,此处使用页面异步生成组件方式二维码:调用后端接口生成二维码。
2023-12-15 17:32:48 1605
原创 原生小程序中对特定数据进行计算(wxml中wxs的使用)
使用wxs编写方法,module.exports导出,wxml中使用module名进行获取{{goodsRate.getRate(goodsInfoList)}}背景:商品详情页对好评数进行统计,但是现在只有商品数据。
2023-12-14 19:50:53 1116
原创 微信小程序scroll-view的scroll-into-view和vanUI的tabs标签结合使用
背景:当tabs下的tab切换时,scroll-view滑动到对应的位置。scroll-into-view的值必须是动态值,即tab切换后的值。js:clickTab点击切换后更改动态的viewId才能正常切换。van-tab的name属性代表标签名称,作为匹配的标识符。van-tabs和scroll-view标签分开编写。
2023-12-14 19:18:51 1002
原创 微信小程序支付流程
微信支付有JSAPI支付、APP支付、H5支付、Native支付、小程序支付、付款码支付(V2)、合单支付、刷脸支付、资金/交易账单、退款等支付相关功能。无论哪种模式开发的小程序,在使用面对用户的微信支付能力时,都以该小程序AppID为主体ID来调用微信开放平台提供的API。商户已有小程序,用户通过好油分享或扫描二维码在微信内打开小程序时,可以调用微信支付完成下单购买的流程。注意小程序不能通过拉起H5页面做jsapi支付,小程序内只能使用小程序支付。
2023-12-14 11:38:29 592
原创 微信小程序基础bug
data: {...data: {},1.必须在根目录下创建文件夹,文件夹名一定是的component组件(名字必须是index,否则渲染不出来)2.自定义tabBar必须使用自定义组件实现,如果使用页面js操作,不便于监听徽标的变化。
2023-12-06 16:07:00 8281 1
原创 微信小程序基础
使用 name 属性,作为模板的名字。然后在内定义代码片段右击创建components创建自定义组件使用时:页面js文件中usingComponent中引入;wxml页面中引入组件注意:在组件wxss中不应使用ID选择器、属性选择器和标签名选择器。自定义组件名只能是小写字母、中划线和下划线的组合使用字段引入;自定义组件和页面所在项目根目录名不能以“wx-”为前缀,否则会报错。出于性能考虑,使用时,setData内容不会被直接深复,即后。
2023-12-05 17:07:45 1298
原创 接口获取数据控制台打印有值但是展开又没有了
谷歌浏览器只会展现响应式数据最后的结果,证明原来接口是有值的,后面对这个数据进行操作后,最终没有值了。所以对数据进行操作时最好对数据进行一次深拷贝 JSON.parse(JSON.stringify(data))
2023-12-04 10:36:47 773
原创 koa2项目jwt结合jsonwebtoken进行加密和验签
koa-generator快速生成koa项目 koa2 admin-servernpm run dev启动服务。
2023-11-30 16:36:18 822
转载 [Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking eve
浏览器页面警告:[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See Chrome51 版本更新以后,增加了新的事件捕获机制-Passive Event Listeners。下载default-passive-events。
2023-11-23 12:34:45 1890
原创 element-plus的el-dropdown去除鼠标悬浮或点击时的黑边框
【代码】element-plus的el-dropdown去除鼠标悬浮或点击时的黑边框。
2023-11-23 10:47:54 2292
原创 npm ERR! Cannot read properties of null (reading ‘pickAlgorithm‘)
node版本问题,版本太高,降低就行,我将到v16.14.1就行了。
2023-11-21 19:08:31 304
原创 通过css设置元素隐藏和显示
解决:通过display:none和display:block显示和隐藏元素;使用 div +p选择器选择当前div的下一个紧跟的p元素。背景:鼠标悬浮时显示删除,放开后显示组件名。
2023-11-20 17:46:40 373
原创 面包屑实现
通过this.$route.matched获取所有匹配路由,将处理首页外的其他路由设置到一个数组中,再通过数组循环方式显示。背景:面包屑根据菜单内容显示不同内容。首页永远存在,后面的活动管理及多级菜单的面包屑展示。监听路由,获取路由栈this.$route.matched。通过路由中的meta属性设置title用于显示面包屑;
2023-11-08 14:12:50 256
原创 elmentUI多级菜单动态显示
背景:根据后端返回数据生成多级菜单,菜单项可能会有很深的层级,如果直接使用elementUI 去编写会写很深的层级,代码繁杂,一旦后面菜单项有改动又不利于维护如何做到多级菜单?使用递归组件。
2023-11-07 15:02:52 864
原创 elementUI的el-menu组件做内部组件和外链区分
场景:左侧菜单栏的菜单项有内部组件切换,也会有点击后进入外链的情况,如何同时处理这种情况?AppLink封装:插槽形式显示el-menu-item。
2023-11-07 11:11:52 835
原创 element-plus的el-tag标签关闭标签时的高亮显示逻辑
首页的tag一开始就会存在,而且是不能进行删除的当点击左侧栏的时候,如果tag没有该菜单名称则新增,如果已经有了那么当前tag背景为蓝色。删除当前tag,如果是最后一个,那么路由调整到它前面那个标签并且背景变蓝,如果不是最后一个那么路由调整到它后面那个标签并且背景变蓝。还有我们注意这个tag不论路由如何切换都是会存在的,所以这个tag一定要存在我们之前定义的Main.vue中。
2023-11-01 19:25:29 904
原创 vue3动态路由配置总结
路由不在router文件中写死,而是在登录后通过后端获取路由数据,然后进行动态路由设置。为什么要使用动态路由?可以进行权限管理,比如后端根据不同用户和超管会有返回不同的数据,这个数据控制路由、菜单、页面按钮等的显示和隐藏,从而进行权限控制。
2023-11-01 15:54:47 2477
原创 双端diff算法
如下图,如果使用简单diff算法真实 DOM 节点会,但是实际上通过简单的观察可以发现只需要移动一次p-3就可以。所以得出结论:简单diff算法的性能在某些场景下并不是最好的。对于上述的例子,使用双端diff算法的性能会更高。
2023-10-27 15:20:16 204
原创 简单diff算法
在vue中用于比较新旧vnode的子节点都是一组节点时,为了以最小的性能开销完成更新,需要比较两个子节点,用与比较的算法就叫作diff算法。
2023-10-27 11:40:18 256
常见布局方案
2019-03-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人