- 博客(22)
- 收藏
- 关注
RSS订阅原创 vue3移动端rem适配（amfe-flexible + postcss-pxtorem）
关于适配问题，借助插件确实很方便就解决了，并且经过测试没有啥问题。
2024-07-07 23:25:02
917
1
原创 iconfont字体图标引入
关于这个icon的使用类名一定要加上这个iconfont（就我个人而言是不是太多余了一点，要写两个类，我自己试图去解决这个问题，但是只要不加上就是一个方块的icon），我目前的想法是可以自己封装一个公共组件（后续该组件我应该会尝试做一下，后面再补充该文章）
2024-07-07 23:13:06
357
原创 ionic7开发处理ios端非安全区的边距问题
在开发移动端页面时，安卓一切正常，但是在ios上，据我所知是从苹果x开始，苹果就有安全区的概念，而非安全区是留给苹果的系统的交互区域，我们是不能动的，但是在开发过程中，总会出现页面元素，出现在非安全区的问题，这非常不对。我在ionic文档中也看了一下，试着解决，但是依然不对，所以在此记录一下。
2024-06-27 13:44:32
386
原创 ionic7跳转到新页面时残留上一个页面的情况（短时间后就恢复）
在开发过程中始终保持一颗好奇心，会促使自己对框架不断的熟悉，也希望看我这篇文章的人可以收获到ionic页面的一小部分知识。
2024-06-17 15:11:32
419
原创 ionic7—条形码扫描功能
1.如果还需要其他功能，可以去github文档中看看2.过程中出现startScan唤起摄像头，但是没有扫描的UI是正常的，因为该API就是需要我们自己弄UI，并且需要注意一定要隐藏DOM，不然会发现屏幕虽然开始摄像，但是DOM元素居然没有消失（这是因为摄像头显示内容是在webview视图后面的，它不是一个DOM，所以为了好的体验，我们需要首先将DOM全部隐藏这样就是一个干净的扫描了）
2024-06-14 10:05:39
865
原创 icon解决方案(iconify)，基于unplugin-icons封装通用icon组件
对于icon，前端的第一反应就是采用iconfont来做，对于多数场景当然是没有问题的，甚至后续项目中出现自定义icon只需要ui将设计传到iconfont平台就行了，但是毕竟还是经过了第三方平台的，所以我采用了iconify方案。
2024-05-20 15:15:14
3602
2
原创 ionic7开发踩坑（1.iOS软键盘与footer元素的交互有误，2.iOS端左滑时下方的tab栏没有马上渲染）
坑：1.我们要知道这个键盘在展开过程中的高度 2.并且还需要一个回调函数一直触发才行，我按照这个文档例子来发现，只触发两次，刚刚展开高度为0时，和展开完毕后的高度。1.对于第一个问题，我基本上没有遇见有人提到过，我通过不停的看github上的issues终于看见一个人类似的问题了，ionic官方团队也回复了(有兴趣的可以看一下)2.iOS端用户左滑动，可以不松手(没有跳转)此时，上一个页面下方的tab栏没有渲染，而是当用户松手后确定跳转了，它才会渲染。ios系统默认左滑动动画消失了。
2024-04-26 18:18:24
418
2
原创 ionic7(ion-item-sliding组件)使用笔记
第一次正式使用sliding这个组件，过程中发现了一些问题，虽然最后是解决了但是我希望这里记录一下，也给其他人提个醒。
2024-04-11 15:15:43
342
1
原创 ionic7 splash-screen(启动页)实现
关于启动页的设置我看了一下ionci文档和capacitor文档 发现它们提出了两个不同的插件，这两个插件是否有必要关联也没有说，并且在实现过程中也发现了其他问题，所以这里记录一下。
2024-04-01 19:17:21
706
1
原创 ionic7开发:开启手机系统深色模式，app端不改变保持默认的样式
公司最近准备开发配套的app端，我也接到了第一个需求，也算一个坑吧所以在这里分享一下，特别是用MIUI测试的。
2024-03-11 09:53:02
395
原创 需求：鼠标左键后左右移动后实现对值的修改
用户在指定位置鼠标左键按下后移动鼠标，根据用户的移动距离来对input中的数据进行+-的操作，当鼠标松开后结束计算。
2024-01-26 13:50:27
218
1
原创 vue3 通过props动态绑定事件以及class
今天在封装组件的时，涉及到了对插槽和props的使用，因为该组件涉及到多处使用到了，有些使用处需要绑定一些事件，有的则不用（固然全部都绑上，不监听不就完了嘛，但是我们实际上可以通过props来控制该事件的绑定）
2024-01-26 10:33:32
1299
1
原创 Vue3 setup 封装公共组件（利用插槽、useSlots）
对下面的模块用一个组件实现，并且图1，还需要暴露出去一个事件（鼠标长按后，左右移动实现对右边input值的改变）供其使用.1.使用了useSlots来判断插槽的一个传入情况，根据你传入的插槽来判断前面和后面的v-col是否显示。props部分（我们通过props传递的属性来控制，最前面和后面V-COL的显示与隐藏）
2024-01-25 16:57:48
1248
原创 子元素获取焦点，触发父元素的focus样式（纯css）
这个解决方案存在多种，通过绑定焦点事件给指定的父dom添加类也是可以的,但我认为如果利用纯css来做效率会好很多。我在项目中遇见的问题：我基于vuetify组件二次封装了一个颜色选择组件，在过程中因为同时存在hover样式与focus样式，内部结构的划分一个大盒子嵌套3个小盒子实现效果如下：诉求。
2024-01-16 09:59:06
1140
1
原创 vue3中setup props与$emit的使用
今天在做项目时，突然看见defineProps的用法，跟我平常的习惯不一样，所以去自己尝试了一下，感觉自己确实学的太公式化了，所以这里记录一下。在vue3中不需要我们手动引入。
2024-01-03 15:16:12
1026
1
原创 手写防抖节流以及它们的区别
目的其实对于刚刚接触防抖节流的人来说，这两者好像常常一起说，而不是单拎出来说，实际上，他们是有区别的，针对的特定场景也不同,希望我的浅薄认知可以帮助到你相同点：其实都是用于处理函数触发频次过高的问题不同点：1.防抖是说在规定时间内如果再度触发了这个事件，那么之前的待执行事件将会终止，转而重新计时,大白话就是---规定时间内只执行一次，如果再度触发就终止并且重新计时。
2023-12-27 15:25:58
504
1
原创 用户token过期后，重新登陆后，让用户返回之前的页面
1.在响应拦截器处，判断服务器那边token过期的code码（如：401）2.用户重定向到login页面处，并携带当前页面的url当作参数3.在用户登陆成功后，跳转到默认首页前，判断是否携带有lastPath这个参数，如果有说明用户是重新登陆如果没有说明用户第一次登陆，给他跳转到默认的首页即可。
2023-12-20 15:41:07
1207
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人