- 博客(241)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 Vue 实现 上传图片 二维码识别 + 条形码识别(qrcode-decoder插件)
1.web端H5 实现 上传图片 自动识别二维码内容2.具体业务 比如 上传电影票 自动识别取票码或者其他的二维码上传(主要是为增加用户体验)
2023-08-26 16:58:12
1795
4
原创 js动画插件-vue
其实很简单 但是 具体的属性 和很多 内容需要慢慢使用 慢慢看。首先我们需要先学会 去使用js 动画 封装好的。学习 动画插件 是进入大厂的必备技能。
2024-07-24 11:46:46
227
2
原创 three.js 前端基础入门
就是目前 开发three,js 都是要从这几部开始的。我直接使用 and-design-vue 来演示入门。我介绍一下three.js 的入门。至于逻辑复杂 那是逻辑问题。以上代码我一段一段来解释。就出现了一个会动的正方体。1.安装 three。
2024-07-18 10:13:52
117
原创 javascript的高级用法(循环实现数组map方法)
值得一提的是，map的第二个参数就是第一个参数回调中的这个点。如果第一个参数是箭头函数，则设置第二个 this 将无效，因为箭头函数的词法绑定。另一个是稀疏数组的处理，HasOwnProperty 用于判断当前下标的元素是否存在于数组中，欢迎大家在评论区交流。使用方法：将selfMap注入到Array.prototype中（下面数组的迭代方法也是如此）
2024-07-13 16:36:23
533
4
原创 javascript 高级用法 (判断对象的数据类型)
使用 Object.prototype.toString 配合闭包，通过传入不同的判断类型来返回不同的判断函数，一行代码，简洁优雅灵活（注意传入 type 参数时首字母大写）
2024-07-13 16:29:01
368
原创 关于微信方面的小程序 公众号H5 的 登录以及授权文档以及详解
通过 wx.login 接口获得临时登录凭证 code 后传到开发者服务器调用此接口完成登录流程。调用这个接口 传递相应的参数 前端传递过来 code 然后 对应 小程序的参数。获取code 就是 有点 不一样 需要重定向微信三方Api 才能获取。以上就是 微信小程序的登录 过程 前端和后端 分别需要做的问题。在H5 中 的登录 其实不叫 登录 叫做 网页授权。也是获取code 然后后端 也是 获取 用户信息。其实和微信小程序 的登录没有区别。微信小程序 登录 的流程。
2024-07-13 15:20:17
243
原创 css修改鼠标样式
引入图片路径，把你想要的图片后缀名改成cur格式，这样光标就变成了我们图片的样子，图片大小注意控制在30像素左右，如果太大可能会导致不显示！在css中我们可用 cursor 属性修改鼠标的样式 其中cursor最常用的七种样式。1.如何用css自定应网站里的鼠标样式。我这有个现成的图标大家可以试试。2、自定义设置鼠标样式。全图：根据需求自行查找。
2024-07-11 10:08:53
116
原创 前端vue 实现取色板 的选择
所以我们现在就是使用这个就可以 有个 @input 事件 在这里我们可以在e.target.value中取到颜色。一般的web端框架 都有自带的 的 比如 ant-design t-design 等 前端框架 都是带有这个的。如果遇到没有的我们可以自己尝试开发一下 简单 的 肯定比不上人家的 但是能用 能看 说的过去。其实这个取色板 就是一个input type 是color 的input。然后 根据自己框架中的全局颜色 把他修改了就行了。
2024-07-10 13:31:52
527
原创 微信小程序中原生button 样式的覆盖
但是 原生的小程序button 放那里又太丑了 所以现在 需要覆盖原生的button 样式。开发微信小程序的过程中 发现 需要使用button 的open-type。
2024-06-29 17:51:03
367
1
原创 vue3 前端 去循环一个接口获取结果
有的时候 在我们开发过程中我i们会出现一个问题 就是一个后端的接口 哦我们需要调用多次才会出现结果 我们就需要连续掉用。各有各的好处吧 这个是 一直等到有结果的时候 终止循环 但是 会容易导致死循环 如果没有处理好的话。只要有结果就会停止 这样写次数 是为了防止 前端死循环。有时候为了避免后端的压力的太大。我总结了一下前端的写法。2.没有次数 的写法。
2024-06-29 09:58:52
336
原创 vue3 中的根据某些特定的文字来筛选数组数据
这样的数据 我想根据 hallName 来筛选数据。我不需要 带有下面字符换的数组数据。使用some 筛选一下 数据。现在有一批这样的数据。
2024-06-27 17:22:19
212
原创 前端vue3 根据某些Id 筛选数据
现在有一些不等的数据 我需要通过前端 吧这个数据筛选一下 比如我使用一些 我需要的ID。比如以上的数据 的 cinemaLineId 来筛选。需要以上数组中的cinemaLineId。直接这样来筛选就行了。
2024-06-27 17:17:55
283
原创 Taro + vue3 中微信小程序中实现拉起支付
H5 的拉起支付和微信小程序的拉起支付 是不太一样的。现在分享一下微信小程序中的拉起支付。我是用的Taro 框架。
2024-06-27 09:22:32
398
原创 tedsign vue3 web-端框架中封装一个验证码组件 以及对应node 接口逻辑说明
顺便在这里提一下 我这对接的是node 的接口 验证码是后端返回的svg 我把验证码svg 后端逻辑也说一下啊。以上的node 的service 接口的逻辑。这是前端收到的data。
2024-06-19 11:35:48
431
原创 vue3 中传递 fromData 格式的写法
在我们前端调用接口的使用中 我们会传递参数 大部分是json 格式的 但是有的时候 回事 formData 的格式的 那我们前端就需要修改一下 传递对应的东西。如果不传递 paramsFormdata 就默认是json 传就是formData 的格式的。我说一下我使用Taro 框架中的写法 就是移动端 和小程序中的写法。我这里有一个判断 当我需要传递这个 formData 的格式的时候。我说一下在web端中的使用 我使用的是tdesign 的框架。人家封装好的request 的文件我就不写了。
2024-06-19 10:44:01
456
原创 vue3 数据逻辑处理 将同一个 对应的id 的区分出来
我这个主要处理这个问题 （groupList）把这个分组 一下 放在一起 变成这样的数据。
2024-06-17 16:05:29
214
原创 vue3 中实现 验证码发送 刷新不变倒计时
这里有一个按钮 哈 我 这里会有不同的机器人 这个按钮点击的时候 会调用接口 后端异步更新商品 但是此时我不想让用户 频繁点击 因为要考虑到性能问题 所以我在这里做了一个倒计时 ，我一开始直接将这个上面的倒计时 用在这里了 发现可以使用 但是切换机器人 还是那个倒计时 不符合我的业务逻辑 所以我需要给每一个机器人一个倒计时对象。以上就是将倒计时时间存储在了当前的内存中每一次刷新 都是原来的倒计时时间 除非用户把内存删了 当然 用户一般也不懂这个 也不会去删的。下面我说一下 当前的进阶版的倒计时。
2024-06-17 10:51:35
578
原创 手写async await的最简实现（20行）
如果让你手写async函数的实现，你是不是会觉得很复杂？这篇文章带你用20行搞定它的核心。经常有人说async函数是generator函数的语法糖，那么到底是怎么样一个糖呢？让我们来一层层的剥开它的糖衣。有的同学想说，既然用了generator函数何必还要实现async呢？这篇文章的目的就是带大家理解清楚async和generator之间到底是如何相互协作，管理异步的。示例对于这个实例 我们使用 generator 函数 表达出来。
2024-06-13 10:40:23
522
原创 实现一个vue js小算法 选择不同的时间段 不交叉
以上图片选择了时间段 现在需要判断 当前选择的时间段 不能够是 有交叉的所以现在需要循环判断。
2024-06-12 16:38:43
362
1
原创 web端中使用vue3 实现 移动端的上拉滚动加载功能
原生html 中的滚动我这里也有部分代码 我就不详细解释了 大家都能看懂的 原生html 用的也少了 移动端中有封装好的scroll-view 所以就更简单了。这个是vue3 里实现的功能 因为是web端 一般没有这样的滚动效果 既然问题出来了 就肯定有解决办法 所以就是以上的写法。在这个里面就可以实现滚动的监听 滑动到底部 就可以知道 然后可以实现分页。给这个盒子一个ref 的属性 以及 有原生滚动事件 scroll。这个盒子里的内容就能立马滚动起来。能够在web端实现滚动分页。
2024-06-07 09:41:27
410
原创 vue -ant -design 卡片是布局 实现动态计算 当前的 左右间距 实现居中
我们好像就没有什么好的办法了 我们这自己写的 肯定没有组件牛 如果有这样的组件 那就直接用如果没有组件呢怎么实现呢。3. 使用box 的宽度 减去所有的item加起来的宽度 以及设置的item的margin 等。是这样的一个样式 我们使用display :flex 布局的时候 我们全部剧中。2.计算 整个box 的宽度 除去 padding margin 等以后的宽度。如果是上述的代码来说的话 总是最后的一个也是会居中的 这样就比较丑。这是我计算当前margin 的方法。这个是一个开发中的解决问题的思路。
2024-06-05 11:43:56
214
原创 ant-design vue3 中上传图片组件的回传图片显示问题
最近在做web端的上传图片 有一个数据列表中的编辑功能 是之前上传的图片 点击编辑进入编辑页面 会显示之前写的数据 现在需要把原来上传的图片 显示出来。因为 a-upload 需要这样的数据格式 所以要将数据处理一下 循环 添加字段 就可以了。因为之前给后端上传的 图片格式 是一个数组 ["图片链接"，“图片链接”。所以回传给 a-upload 组件的时候 显示不出来。后端给我返回的数据也是这杨。
2024-06-04 10:17:44
337
原创 cesium 的初步认识
Cesium是一个基于JavaScript开发的WebGL三维地球和地图可视化库。它利用了现代Web技术，如HTML5、WebGL和WebAssembly，来提供跨平台和跨浏览器的三维地理空间数据可视化。目前就是一个案例 直接打开就可以了 我们就可以看到当前的地图 上述操作时直接将一定位到了一个点 flyTo。在cesium 包中 使用的有两个 一个js 一个css 样式。也可以 根据你安装的npm 包 把这两个文件引入进去。大家可以去官网看看一下 这个的文档。3.导入相关的cesium 包。
2024-06-03 10:57:09
468
1
原创 React + Taro 项目 实际书写 感受
我们写的是函数式组件 在参数中 有tab s 以及 onTabChange 方法 都是父组件 传递过来的 所以我感觉react 让我更加理解了 父子组件之间的传值 其实和vue 是一样的 有可能写法不太一样。当我们想进入这个组件或者页面的时候 就执行某一个函数的时候 我们就需要使用生命周期或者监听函数 在vue 中我们之前使用的是onMounted 生命周期。突然去写这个代码 你会很不习惯 的 因为之前 用的就是ref reactive 直接就定义了 直接就使用了 而这个不太一样。
2024-05-31 17:35:58
851
原创 Vue-draggable 插件的使用 （vue3)
将拖放功能添加到 Vue.js 应用可以改善用户体验。因为拖放功能允许用户以更直观的方式与应用程序交互，所以用户可以更轻松地组织和操作数据。Vue-draggable 是实现拖放功能的绝佳工具，因为它简化了流程，即使是刚接触 Vue.js 的开发人员也可以轻松使用。将这个插件添加到 Vue.js 应用程序，你就可以创建更具吸引力和动态的用户体验，提高用户回头率。我使用 这个 腾讯云 tdesign 的web端框架来演示这个问题。使用这个页面上的内容 给大家演示这个东西。
2024-05-31 09:59:16
295
原创 Git提交时出现Merge branch ‘master‘ of ...之解决方法
最近遇到了一个问题 我是用git提交代码的时候 分支上 显示的是merge 意思是 合并代码了 每次都会 创建一个分支 因为我和另一个小伙伴共同 开发一个项目 所以 小伙伴告诉我 总是创建新的分支 我细细看了一下 测试了一下。我们两个人 修改不同的文件 同时修改 他提交了 我再提交 就会出现 合并分支的问题 我想着 这是因为 两个人都修改代码了 代码本来就是要合并代码的。这个配置就是告诉git在每次pull前先进行rebase操作。当然我去晚上搜了一下。
2024-05-27 10:19:27
908
原创 开发框架类型详细对比
MVC 中的Controller 只知道 Model 的接口，因此它没有办法控制 View 层的更新，MVP 模式中，View 层的接口暴露给了 Presenter 因此可以在 Presenter 中将 Model 的变化和 View 的变化绑定在一起，以此来实现 View 和 Model 的同步更新。因此当Model中的数据改变时会触发View层的刷新，View中由于用户交互操作而改变的数据也会在Model中同步。Model 负责存储页面的业务数据，以及对相应数据的操作。View 负责页面的显示逻辑，
2024-05-25 10:01:13
420
Taro + vue3 +ts + pinia的前端小程序/h5 框架模板
2024-03-22
找不到内容 你们 帮我找一下 看啊可能我的看见你还是的空间
2024-07-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人