- 博客(354)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 elementUi el-date-picker时间控件精确到时分秒
【代码】elementUi el-date-picker时间控件精确到时分秒。
2024-04-16 19:54:31
263
原创 微信小程序订阅消息授权弹窗问题整理
正常情况下，用户选择了总是保持以上选择后，点击了拒绝，之后就不会再次弹窗，如果下次进入时想要弹窗，需要通过微信小程序wx.openSetting()去引导用户到设置页面主动设置接收订阅消息。1.通过wx.getSetting()判断用户是否选择了"永远保持以上选择"，如果选中了，需要通知后端，同时通知后端拒绝或者接受订阅的模板。我试着加了第三个模板ID：发现第二次弹窗只谈了加的模板id对应的模板title，之前被拒绝过的没有再显示。原因：tmplIds参数必须是数组。
2024-04-16 19:45:41
607
原创 test 分支上git pull时报版本落后于本来的test 分支
解决：使用git stash缓存本地或者直接删掉当前本地的东西，在merge，再push。
2024-03-25 20:48:35
507
原创 vue项目编译错误69% building 5904/5945 modules 41 active ...les\readable-stream\writable-browser.js
vue文件中使用的scss，用了一下格式写css就有问题。总结：&后的css选择器名字不要用 “-”
2024-03-17 18:20:09
172
原创 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
676
转载 vue项目中引入神策埋点
埋点：用于跟踪应用使用的情况，记录用户在系统中的操作行为轨迹，后续用来进一步优化产品或提供运营的数据支撑，包括访问数、访客数、停留时长、页面浏览数和跳出率。埋点采集信息大致分为两大类：页面统计，操作行为统计。
2024-01-17 17:56:09
350
转载 详解神策埋点
1、什么是神策埋点神策埋点是指在Web或移动应用上通过代码追踪用户行为，收集用户行为数据并进行分析的一种技术。在产品开发过程中，通过埋点，可以收集用户在产品中的各种操作行为，如页面浏览、点击事件、购买记录等，并将这些数据发送到特定的平台进行分析和处理，以便于团队更好地了解用户使用行为、研究用户偏好，优化产品设计和营销策略。2、为什么需要神策埋点通过埋点采集用户行为数据，可以更深入地了解用户的操作行为，为产品迭代和优化提供依据。
2024-01-17 17:16:47
713
转载 vue项目代码规范eslint和prettier插件
Prettier用于统一代码格式，它主要关注代码外观，例如缩进、换行、引号等ESlint 用于代码质量和规范，它主要可以检查代码错误，不良习惯和潜在问题在VScode中下载插件。
2024-01-16 11:46:55
785
原创 ref()和reactive()的区别，toRef()和toRefs()，watch和watchEffect
例如通过reactive创建的响应式对象，然后需要单独对这个响应式对象里面的某个值进行响应式处理时，就可以使用toRef()对对象的特定属性进行toRef()对使用reactive()方式创建的响应式对象数据，可以使用toRefs()对这个响应式对象里面的所有属性进行解构，且解构后的值具有响应性。第二个参数是数据发生变化后的回调函数，该函数接收三个参数：新值、旧值，以及一个用于注册副作用清理的回调函数。对执行环境下所有声明的响应式数据进行监听，某一个数据发生改变，都会执行watchEffect()
2024-01-09 16:40:06
441
转载 CDN加速及webpack中配置CDN加速
实际上最影响用户体验的还是网页首次打开时的加载等待。导致这个问题的根本是网络传输过程耗时大，CDN 的作用就是加速网络传输。CDN 又叫内容分发网络，通过，从而加速资源的获取速度。CDN 其实是通过优化物理链路层传输过程中的网速有限、丢包等问题来提升网速的。
2023-12-20 19:52:32
287
原创 项目开发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
491
原创 微信小程序生成二维码海报并分享
背景：点击图标，生成海报后，点击保存相册，可以保存生成海报：插件wxa-plugin-canvas，此处使用页面异步生成组件方式二维码：调用后端接口生成二维码。
2023-12-15 17:32:48
954
原创 原生小程序中对特定数据进行计算（wxml中wxs的使用）
使用wxs编写方法，module.exports导出，wxml中使用module名进行获取{{goodsRate.getRate(goodsInfoList)}}背景：商品详情页对好评数进行统计，但是现在只有商品数据。
2023-12-14 19:50:53
1013
原创 微信小程序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
708
原创 微信小程序支付流程
微信支付有JSAPI支付、APP支付、H5支付、Native支付、小程序支付、付款码支付(V2)、合单支付、刷脸支付、资金/交易账单、退款等支付相关功能。无论哪种模式开发的小程序，在使用面对用户的微信支付能力时，都以该小程序AppID为主体ID来调用微信开放平台提供的API。商户已有小程序，用户通过好油分享或扫描二维码在微信内打开小程序时，可以调用微信支付完成下单购买的流程。注意小程序不能通过拉起H5页面做jsapi支付，小程序内只能使用小程序支付。
2023-12-14 11:38:29
475
原创 微信小程序基础bug
data: {...data: {},1.必须在根目录下创建文件夹，文件夹名一定是的component组件（名字必须是index,否则渲染不出来）2.自定义tabBar必须使用自定义组件实现，如果使用页面js操作，不便于监听徽标的变化。
2023-12-06 16:07:00
4489
1
原创 微信小程序基础
使用 name 属性，作为模板的名字。然后在内定义代码片段右击创建components创建自定义组件使用时：页面js文件中usingComponent中引入；wxml页面中引入组件注意：在组件wxss中不应使用ID选择器、属性选择器和标签名选择器。自定义组件名只能是小写字母、中划线和下划线的组合使用字段引入；自定义组件和页面所在项目根目录名不能以“wx-”为前缀，否则会报错。出于性能考虑，使用时，setData内容不会被直接深复，即后。
2023-12-05 17:07:45
1205
原创 接口获取数据控制台打印有值但是展开又没有了
谷歌浏览器只会展现响应式数据最后的结果，证明原来接口是有值的，后面对这个数据进行操作后，最终没有值了。所以对数据进行操作时最好对数据进行一次深拷贝 JSON.parse(JSON.stringify(data))
2023-12-04 10:36:47
658
原创 koa2项目jwt结合jsonwebtoken进行加密和验签
koa-generator快速生成koa项目 koa2 admin-servernpm run dev启动服务。
2023-11-30 16:36:18
654
转载 [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
356
原创 element-plus的el-dropdown去除鼠标悬浮或点击时的黑边框
【代码】element-plus的el-dropdown去除鼠标悬浮或点击时的黑边框。
2023-11-23 10:47:54
1278
原创 npm ERR! Cannot read properties of null (reading ‘pickAlgorithm‘)
node版本问题，版本太高，降低就行，我将到v16.14.1就行了。
2023-11-21 19:08:31
253
原创 通过css设置元素隐藏和显示
解决：通过display:none和display:block显示和隐藏元素；使用 div +p选择器选择当前div的下一个紧跟的p元素。背景：鼠标悬浮时显示删除，放开后显示组件名。
2023-11-20 17:46:40
293
原创 面包屑实现
通过this.$route.matched获取所有匹配路由，将处理首页外的其他路由设置到一个数组中，再通过数组循环方式显示。背景：面包屑根据菜单内容显示不同内容。首页永远存在，后面的活动管理及多级菜单的面包屑展示。监听路由，获取路由栈this.$route.matched。通过路由中的meta属性设置title用于显示面包屑;
2023-11-08 14:12:50
209
原创 elmentUI多级菜单动态显示
背景：根据后端返回数据生成多级菜单，菜单项可能会有很深的层级，如果直接使用elementUI 去编写会写很深的层级，代码繁杂，一旦后面菜单项有改动又不利于维护如何做到多级菜单？使用递归组件。
2023-11-07 15:02:52
476
原创 elementUI的el-menu组件做内部组件和外链区分
场景：左侧菜单栏的菜单项有内部组件切换，也会有点击后进入外链的情况，如何同时处理这种情况？AppLink封装：插槽形式显示el-menu-item。
2023-11-07 11:11:52
573
原创 element-plus的el-tag标签关闭标签时的高亮显示逻辑
首页的tag一开始就会存在，而且是不能进行删除的当点击左侧栏的时候,如果tag没有该菜单名称则新增，如果已经有了那么当前tag背景为蓝色。删除当前tag，如果是最后一个，那么路由调整到它前面那个标签并且背景变蓝，如果不是最后一个那么路由调整到它后面那个标签并且背景变蓝。还有我们注意这个tag不论路由如何切换都是会存在的，所以这个tag一定要存在我们之前定义的Main.vue中。
2023-11-01 19:25:29
674
原创 vue3动态路由配置总结
路由不在router文件中写死，而是在登录后通过后端获取路由数据，然后进行动态路由设置。为什么要使用动态路由？可以进行权限管理，比如后端根据不同用户和超管会有返回不同的数据，这个数据控制路由、菜单、页面按钮等的显示和隐藏，从而进行权限控制。
2023-11-01 15:54:47
1625
原创 双端diff算法
如下图，如果使用简单diff算法真实 DOM 节点会，但是实际上通过简单的观察可以发现只需要移动一次p-3就可以。所以得出结论：简单diff算法的性能在某些场景下并不是最好的。对于上述的例子，使用双端diff算法的性能会更高。
2023-10-27 15:20:16
125
常见布局方案
2019-03-13
Windows服务器上MQ发送消息，通过springboot接收阿里云服务器上消息
2018-07-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人