- 博客(74)
- 收藏
- 关注
RSS订阅原创 vue数据同步（sync修饰符）
本文描述的数据同步，是基于父子组件进行传递的参数实现。实现的内容是：子组件里面选择框，选择的对象可以传递给父组件，但一般涉及到子传父，可能会考虑使用$emit然后通过在父组件身上绑定一个自定义方法，通过子组件去emit触发这个事件，传递参数,但是这里不使用这种，新学了一种，数据同步的方式，也就是在子组件选择的数据，可以同步在父组件中。随便在父组件其他地方绑定一个事件，看看有没有获取到从子组件里面获取到的值，因为要拿选择的值过来父组件这边使用。被执行时，父组件会自动接收到这个事件并更新。
2024-08-23 12:25:46
933
原创 标题文字设置，根据不同的操作类型
在开发后台管理系统中，较常用的写法，简洁易懂。场景是，在点击新增或者编辑的时候，往往都是用的同一个表单，但是标题会根据是点击‘新增’还是‘编辑’操作来对应显示，当点击编辑时，表单的标题是‘编辑’，点击新增时，标题是‘新增’。
2024-08-20 10:49:42
249
原创 数据依赖，执行顺序，promise，async/await
假设我的数据依赖上一个数据才能执行，也就是某个操作（例如获取数据）可能依赖于另一个操作的结果。也就涉及到了处理异步操作。
2024-08-15 12:36:20
381
原创 vue中未能及时获取到props？
我首先描述一下我遇到的问题的经过，我有一个页面，页面里面有一个组件，而组件里面还有一个组件，在最后一层的组件中，当我尝试从上一层拿传过来的props之后，在mouted中进行使用该值的某一属性进行接口调用时，发现，在mouted中，页面初始化之后，未能及时更新最新的值，导致，在接口传值的过程中，传入了一个空对象，接口获取不到。简单来说，就props中的数据未能及时的得到传递。
2024-08-15 09:47:20
761
原创 Bearer身份验证机制
Bearer 是一种身份验证机制，通常用于 Web API 中的授权。它是 OAuth 2.0 协议的一部分，用于允许客户端应用程序代表用户访问受保护的资源。
2024-08-09 17:09:56
2138
原创 react使用Lodash 库实现根据数组内对象的某属性排序
Lodash 是一个现代 JavaScript 工具库，提供了许多常用的函数和实用工具，旨在简化编程过程中的常见任务。Lodash 的核心主要集中在数组、对象和函数的处理上，帮助开发者更高效地进行数据操作和变换。
2024-08-09 15:23:40
1113
原创 uniapp开发微信小程序获取头像（使用头像和昵称填写能力）
如果使用老版一点的弹起授权框进行授权获取头像和昵称的话，会由于基础库版本问题，显示不了，并且这个接口存在调整问题，不是很好搞！目前，我暂时采用这种方式，并且这个方式在真机调试中可以正常使用，所以我就先采用了这种方式。
2024-08-08 16:41:14
1500
4
原创 uniapp获取头像文件（二进制文件显示图片）
由于在获取头像文件过程中，传递参数之后，请求成功了，但是后端给我返回了一串二进制数据流，傻傻的我，以为是乱码，跑去问后端大哥，人家跟我说这不是二进制吗，突然就觉得自己傻傻的。首先，我把他封装成一个工具，方法调用，不然每次都在页面上写一堆，因为请求头像的地方挺多。代码写的还是有些问题，还有这个方法只是其一，等发现好一点的办法再更新！
2024-08-08 16:14:07
977
原创 vue2，v-for中动态渲染本地的图片
如果是正常在img标签的src上使用本地的url地址，是可以正常被渲染的，但是我们通过for的形式，动态渲染的话，就会通过网络请求的方式进行渲染，这个形式反而渲染不出来。加个require就行了，他这个会去请求你的图片资源，不过里面的路径还是得按照相对路径来，如果是绝对路径也是不行的。这样却不行，效果就是裂开了，我人也跟着裂开！从网络请求上来看，也是不成功的请求：304。这个效果，毋庸置疑是比较常用的，是可以的。
2024-08-07 15:01:52
385
原创 uniapp（scroll-view）设置show-scrollbar无效
在uniapp中，使用scroll-view内置组件，我这里是把他弄成一个可以滑动的导航，设置show-scrollbar="false"之后，按道理来说应该可以了，这个官方提供的一个属性可以不显示滑动条。但是，发现，在微信开发者工具中不显示的滑动条，在真机调试上就显示，及其难看。找寻了好一会，发现这个代码可行。
2024-08-05 12:23:39
1171
1
原创 u-popup，不希望出现滚动条
在开发过程中使用u-view里面的u-popup，有时候会出现滚动条，比如我只想做一个弹窗，而不想弹窗中还有滚动条，在美观上过不去。并且内容也没多到需要滚动才能显示所有。竟然没了，那就是这个鬼margin捣乱的，但是我元素没有边距了，我使用padding给他撑开一下先，界定一下边界。再试下具体的margin？
2024-07-18 14:43:43
394
原创 通过方法返回类名？
有三种颜色，根据条件的不同，显示三种颜色，要是俩种还好说，可以利用三元运算符，默认给定一个颜色，另外一个通过类名绑定上去。要是，三种，或者很多种了，就算动态绑定，绑一大推在标签上又难看死！我是这么做的，通过动态绑定的方式，不过我是绑定一个方法，通过方法去判断，然后返回不同的类名，return出去。不复杂，就是给他绑定了一个方法，通过方法返回类名，看看就能懂。根据领取的状态不同，展示不同的颜色，这里就有三种。
2024-07-18 09:32:39
156
原创 uniapp页面跳转传参和动态修改NavigationBarTitle
比如聊天界面，需要在上方展示对方的名字，我们这样需要动态数值的，就不能写在pages配置项里面。
2024-07-16 12:15:50
784
原创 nvm安装报错（镜像问题）
安装的时候如果跟着网上早些时候的配置，调整了setting文件，配置镜像的话，可能报这个错误。这个是因为他没检索到后面的链接地址，因为镜像的地址新的已经更换了。
2024-07-09 17:12:36
599
1
原创 实现多数相加，但是传的参不固定
在 JavaScript 中，arguments 是一个类数组对象，它包含了传递给函数的所有参数。它允许你在函数内部访问所有传入的参数，即使在定义函数时没有明确列出这些参数。这对于处理不固定数量的参数特别有用。
2024-07-07 18:01:24
289
原创 vue对axios进行请求响应封装
像是在一些业务逻辑上，比如需要在请求之前展示loading效果，或者在登录的时候判断身份信息（token）等信息有没有过期，再者根据服务器响应回来的code码进行相应的提示信息。等等在请求之前，之后做的一些逻辑，都可以通过二次封装axios请求，进行实现。这里是对axios封装的一种形式，有多种形式，具体要根据具体业务需求去定。不再啰嗦，直接上具体代码吧，供参考！创建一个文件夹用于存放接口的请求，到时候用起来，只需要导出请求的方法就行，统一管理。先从我们封装好的axios里面导出具体的请求方法。
2024-07-05 17:54:38
579
原创 设置路径别名
如果想要给路径设置为别名，就是常见的有些项目前面的引入文件通过@开头的，也就是替换了一些固定的文件路径，怎么配置。如果后面path报红，那就是 缺少ts的声明配置，给他加个声明就行了。
2024-06-10 16:12:12
396
原创 uniapp（微信小程序）退出小程序方法
场景是：当用户不予授权的时候，不允许使用该小程序，在用户点击取消之后，应该关闭当前小程序，不让他继续使用。在合适的地方调用该代码即可。成功退出会直接关闭当前小程序。
2024-05-25 14:25:28
3132
3
原创 销毁残余图表GL，解决加载不出图表
当在页面中使用很多echatrs，然后导致有些图表渲染加载不出来，好像是有限制的，10多来个。所以，在切换的时候，要把不用的图表销毁，不然他会一直累积，导致渲染烂掉。
2024-05-21 16:22:46
240
原创 3D地图配置，地图上标签，自定义提示卡片
由于不是很熟悉地图的所有配置，而echatrs上的地图配置是很多的，多种多样，且还有复杂多样的地图，图表等。这里针对开发的需要，分享顺便记录一下怎么实现的，方便以后开发再参考。
2024-05-21 16:14:15
775
原创 使用Datav，echarts开发各种地图
在实际中，有时候需要针对不同的地图进行开发，而能在网上找到现成，与需要匹配度高的，几乎很难，而且找起对应的资源也相对麻烦。所以结合DataV提供的地图数据，就能开发出各种地图，然后结合现有的地图样式，替换一下地图的数据。
2024-05-21 15:54:39
1070
原创 页面为组件，怎么触发onshow，执行方法，组件模拟onshow
由于开发需要，有四种不同的角色类型的页面，所以应该对应四套首页。所以我的做法是将这四种页面封装成组件，在登录的时候，根据不同的角色显示不同的组件，以展示不同的页面。但是这样做之后，封装在组件里面的方法，想要在页面展示，类似onshow情况，执行逻辑时，并不能做到。因为onshow方法是针对页面的，而组件的mounted方法也做不到onshow的效果。
2024-05-21 15:34:11
418
原创 vue3（实现上下无限来往滚动）
一般在大屏项目中，很常见的效果，就是容器中的内容缓慢地向下移动，指导底部停止，然后快速滚动回顶部，然后接着缓慢滚动到底部。并且在特定的情况下，还需要进行一些小交互，那就还得让他停下来，当鼠标移入的时候，停止滚动，当鼠标移开的时候，继续从停止的地方接着滚动。如此反复。
2024-05-04 01:51:35
2214
1
原创 uniapp输入框事件（防抖）
在输入框输入内容或者说输入关键词的时候，往往都要进行做防抖处理。如果不做防抖，你输入什么，动态绑定的数据就会保持一致。这样不好吗，同步获取。有个业务场景，如果是搜索框，你每次一个字符，字符串发生改变，就会请求接口一次获取数据。如果等用户输入完隔一段时间再发送请求，则会更好的利用服务器资源。
2024-03-28 09:15:14
1954
原创 uniapp（日历）
一种好看的日历样式，能够显示当前是星期几，几日，可以展开查看，还可以选择查看上一月，下一个月。还可以选中某一天，默认显示的当天。
2024-03-17 23:44:55
1929
4
原创 内容不限高，点击切换收起内容和展开内容（动态获取高度）
默认是展开状态，也就是我们一开始就获取内容容器的高度，通过动态绑定高度。点击收起的时候，我们就把这个高度改为0，或者默认最小的高度。点击展开的时候，就把那个动态绑定的高度赋值为保存的值。这个scH就是动态绑定的高度，超出的部分我们隐藏，不然收起的时候会有问题，我这里是封装成组件，有些不需要收起，方便我复用才动态绑定的，可以直接再style里面写overflow:hidden就行。这是用来定义容器的高度，我们一开始挂载组件，获取到的容器高度也是赋值给这个存放着。展开的时候就将这个总的高度赋值给动态的高度。
2024-03-17 23:38:15
420
原创 uni-popup（实现自定义弹窗提示、交互）
一般提示框的样式，一般由设计稿而定，如果用uniapp的showmodel，那个并不能满足我们需要的自定义样式，所以最好的方式是我们自己封装一个！（想什么样就什么样）！
2024-03-17 23:07:58
5900
原创 uniapp，导航栏（切换项）有多项，溢出采取左滑右滑的形式展示
当有多项的导航，或者说切换项，超出页面的宽度，我们采取可滑动的方式比较好一些！并且在页面右边加个遮罩，模拟最右边有渐变效果！
2024-03-17 19:19:16
1178
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人