- 博客(24)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 vue3 + pinia 路由守卫中使用store 报错pinia未挂载注册的解决方法
vue3 + pinia 路由守卫中使用store 报错pinia未挂载注册的解决方法
2022-09-21 11:13:32
3896
3
原创 vue 微信公众号H5网页接入 微信支付分免押（需确认模式）
1.引入微信JSAPI官方文档演示使用的1.5版本，我使用1.6版本也可以。 // index.html 引入 <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>2.调用创建接口唤起微信支付分小程序 // 调用后端创建支付分接口，拿到支付分订单信息 createOrder().then(res => { // 拿到订单信息 const { paySco
2021-10-13 10:40:05
1048
原创 支付宝内h5网页调支付宝支付 支付后 网页被关闭的坑 VUE
问题描述：在支付宝内的h5网页调支付宝网页支付，支付成功后会弹窗支付宝自带的支付成功界面，点击右上角完成时 回到我们自己的网页后网页直接被退出了。在微信网页里面并不会这样 即使点击完成 依旧会回到我们的网页，网上找了半天也没有找到相似的问题与解决方法。在此记录一下，同时为以后遇到相似问题的网友提供一个思路。思路:那天偶然翻支付宝H5文档时，注意到这样的提示（老版支付宝H5文档）注意我圈出来的一段话，他的意思是说 如果重复打开一个已存在的界面 ，则会关闭这个应用的所以界面。我的理解是 支付成功
2021-08-17 09:50:38
2417
原创 vue 手写list 滚动底部加载
之前在使用vant-list组件时 出现了奇怪的bug。在官方提交了issue等待解决，但项目还得接着弄。所以就来手写一个。1. 核心思路底部的触发判断： 滚动条的高度 + 可视区域的高度 >= 界面高度 // 滚动条 const scrollTopPx = document.documentElement.scrollTop || document.body.scrollTop //可视区 const clientHeightPx = document.documentEle
2021-03-31 16:28:01
618
原创 CSS word-wrap word-break 强制文本断行
CSS word-wrap wod-breakword-wrap作用css的 word-wrap 属性用来标明是否允许浏览器在单词内进行断句，这是为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象。注：word-wrap 属性原本属于微软的一个私有属性，在 CSS3 现在的文本规范草案中已经被重名为 overflow-wrap 。 word-wrap 现在被当作 overflow-wrap 的 “别名”。 稳定的谷歌 Chrome 和 Opera 浏览器版本支持这种新语法。与wo
2021-03-04 19:44:28
535
1
原创 JS 预编译 作用域 作用域链 立即执行函数
JS执行三部曲语法分析：全篇扫描，看有没有低级语法错误预编译：（1）创建AO对象（执行期上下文）（2）找形参和变量声明，作为AO属性名值为undefined（3）将实参与形参统一（4）在函数体找函数声明，将值赋予函数体解释执行：作用域预编译发生在函数调用前一刻，js是解释执行，未执行函数前不能知道其内容及父级不能访问子级作用域。作用域链scope：执行上下文（栈）当a定义时，只有scope[0]（定义时上下文）此处指向GO全局作用域。当a执行时，创建AO放入作用域链最顶端
2021-03-04 19:40:44
142
1
原创 JS优化技巧
1. 幂乘// 冗余Math.pow(2, 3);// 简洁2**3 // 82. 双非位运算符 (~~)双非位运算符是Math.floor()方法的缩写。// 冗余const floor = Math.floor(6.8); // 6// 简洁const floor = ~~6.8; // 6双非位运算符只对 32 位整数有效，例如 (2**31)-1 = 2147483647。所以对于任何大于 2147483647 的数字，双非位运算符 (~~) 都会给出错误的结果，这种情
2021-03-04 19:30:57
131
1
原创 空值合并运算符 ‘??’
空值合并运算符 ‘??’a ?? b 的结果是：如果 a 是已定义的，则结果为 a，如果 a 不是已定义的，则结果为 b。如果第一个参数不是 null/undefined，则 ?? 返回第一个参数。否则，返回第二个参数与 || 比较重要的区别是：|| 返回第一个 真 值。?? 返回第一个 已定义的 值。|| 无法区分 false、0、空字符串 “” 和 null/undefined。它们都一样 —— 假值（falsy values）。如果其中任何一个是 || 的第一个参数，那么我们
2021-03-04 19:29:06
689
1
原创 null vs 0 和 undefined
null vs 0alert( null > 0 ); // (1) falsealert( null == 0 ); // (2) falsealert( null >= 0 ); // (3) true相等性检查 == 和普通比较符 > ,< ,>= ,<= 的代码逻辑是相互独立的进行值的比较时，null 会被转化为数字undefined 和 null 在相等性检查 == 中不会进行任何的类型转换，它们有自己独立的比较规则，所以除了它们之间互等外，不
2021-03-04 19:27:06
552
1
原创 vue 动态设置keepalive缓存，手动清除缓存
最近在做电商项目时，有这样一个需求。需求：个人中心=>我的订单 (我的订单页面,期望是新生成的)我的订单=>订单详情 (对我的订单进行缓存，保留滚动位置及当前所处的tab页面）订单详情回退=>我的订单（恢复之前的样子）问题如果对我的订单设置keepalive缓存，在个人中心=>我的订单会读之前的缓存，不符合预期。如果不设置缓存，在订单详情回退到=>我的订单会重新生成界面，不符合预期解决方法将我的订单设置缓存{ name: 'order'
2020-12-04 15:02:12
11812
9
原创 vue项目优化，缩小打包体积，router优化 gzip压缩
文章目录配置cdn资源 减小打包体积ElementuUI 优化router 优化--懒加载项目上线配置gzip 压缩管理服务器config.when( process.env.NODE_ENV === ‘production’， config => {config.entry('app').clear()/.add('./src/main-prod.js)})1 when () 判断处于什么开发模式2 process.env.NODE_ENV 获取当前开发模式配置cdn资源 减小打包体
2020-09-24 10:17:01
497
原创 Vue动态设置audio/video的src不能播放的问题
Vue动态设置audio/video的src不能播放的问题 <audio ref="myAudio" :src="playSrc" > 您的浏览器不支持音频播放 </audio>这里默认列表第一个音频data () { return { playSrc: this.audioList[0], } },当我动态去更改src的后要调用load() 方法重新加载一下（myAudio是我自
2020-09-17 17:16:45
7096
9
原创 hexo博客 样式自定义修改 此处以NexT主题为例
hexo博客 样式自定义修改 此处以NexT主题为例我们在使用hexo搭建自己的博客后,如果想修改某个样式或者个性化自己的博客该如何做呢？我自己的博客用的next主题，自己还是蛮喜欢这种简约风格的。但美中不足的是文章的描述信息是从左开始的， 对于我这种安静少言的人来说，着实写不出那么多字，于是效果就成了这样我这人又有点强迫症，看着挺闹心。让我们来修改掉这个样式第一步 在我们博客界面 右击检查或者发f12 打开控制台利用快速选择工具，选择我们要查看的元素。看到我们描述文本的元素主体是 类
2020-08-04 14:35:52
2075
5
原创 JS中对象obj 的key 加““与不加的区别及原因
JavaScript中对象的key 加不加 “” 都是可以的 对机器来说是一样的。那么什么时候必须加"" 呢？let obj = { a: 1, '00a': 2, 'key-5':3,}当你的命名不符合规范时，你又想这样命名 加可以加上""。但是加了"" 的key 不能通过 Obj.key 的方式访问 只能用Obj[key] 方式访问那为什么加不加都可以呢，js帮我们做了什么呢？let obj = { a: 1, b: 2,}Object.prototype.toStr
2020-07-23 17:26:41
831
原创 ctrl c和 ctrl v 突然失灵不能使用的解决方法大全
1.你是否正在运行 有道词典？那就把它关了，这样是困扰我许久的问题。2.打开你的输入法 看看快捷键是否有冲突 很大原因可能是这个3.打开C盘 -> Windows ->System32 看看这个文件夹中是否有clip的文件夹，如果没有就创建一个4.上述方案都没能解决，那就想想是什么时间不能使用的 在之前你有没有安装什么软件，更新什么软件，有可能是这些软件的快捷键冲突造成的............
2020-07-23 09:57:50
90573
57
原创 Vue Bus事件中心 多次触发的坑
Vue 中事件处理 在子组件和父组件中 父组件可以通过props向下传递数据，子组件则可以用 emit向上传递。但在两个没有嵌套关系的组件中或者想指定触发某个操作时则可以用 Bus 事件中心。现在我有这样一个组件 List 组件<template> <div class="list"> <tabs :list="tabList" <...
2020-04-22 11:02:35
1040
原创 墨者学院_主机溢出提权漏洞（包含工具）
墨者 主机溢出提权漏洞分析1.启动环境2.这里使用asp一句话木马 密码为pass3. 设置浏览器代理 这里使用了Google浏览器4.设置好代理后打开抓包工具 Burp Suite5.上传我们写好的木马 点go 上传6.抓包截取数据包后 在upload下建立一个后缀为.asp的目录 修改后放行7.这里我们看到文件已经上传到服务器了 下面我们开始联菜刀8.链接菜刀前先...
2019-12-10 11:39:23
575
1
原创 使用node.js和express自动导入路由和数据表
当我们添加一个路由时 每次都需要在app.js 去设置路由 这样比较繁琐。我们可以通过创建一个模块来 自动设置文件夹下的所以路由。在路由表文件夹下创建一个index.js通过 fs 获取文件夹下所有.js的文件 index.js除外（readdirSync方法）再获取文件的路径（forEach方法） 因为app.js里面设置的原理也是通过路径 来获取路由对象的再通过数组保存路径...
2019-06-25 15:28:45
578
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人