
项目遇到的问题
龙马啊
人要有理想,没有理想就不是人啦。
展开
-
react Children 插槽组件 - 项目中遇到的问题
有一个组件,我想放入两个按钮,但是两个按钮的位置是在组件里面的不同位置的。我不想把按钮写入到组件里面去,那样方法调用很麻烦。原创 2022-07-19 22:13:19 · 755 阅读 · 0 评论 -
前端CSS3文字滚动轮播(项目中遇到的问题)
这个东西拖了好久,之前就打算更的,了解一下,自己写出来发现还是很简单的。我还记得第一次接触它,当时react里面引用swiper第三方库,一直有问题。然后一直死磕,最后被提醒可以用css3 样式来实现轮播滚动。简单的写了下面的代码,注意一下这里我遇到了一个数据深拷贝的问题...原创 2022-07-08 21:21:22 · 1164 阅读 · 0 评论 -
项目中遇到的问题 u-parse 组件渲染问题
u-parse 渲染解决方案原创 2022-07-05 12:03:55 · 1328 阅读 · 0 评论 -
项目中遇到的关于映射二维数组的方法
最近有这样的一个需求,后端给我一个数据类型dataType,brr 数组是返回的数据,id 对应数据的类型我们需要生成这样的数据结构将 brr 二维数组变成下图这样的数据结构brr 数组目标结构类型从结构类型的变化来说,我们将数组按类型依次排列起来了,没有出现的id ,变成空数组了。我们渲染类型时,会将后端返回的数据,依次对应起来了。全部代码...原创 2022-06-30 10:35:54 · 398 阅读 · 0 评论 -
vue中是这样使用节流函数的
首先定义这样的一个节流函数下图所示使用原创 2022-06-29 15:08:30 · 1593 阅读 · 0 评论 -
项目中 if else 的代替写法
什么你敢在项目中写多个if else判断不怕被打死?在项目中超过或者等于3个if else的判断的话,这种写法是不友好的。项目中遇到这样的一个需求,切换不同的选项,展示不同的数据。正常的写法,就是 if else 判断切换的索引值,然后展示不同的数据下面的这种写法可能会更好有人会觉得这种写法,代码好像更多了,这种想法是错误的。很喜欢一个老师说过的话:如果写的代码是为了,更好的展示数据层次性的话,多余的代码是有必要的...原创 2022-06-28 19:49:38 · 249 阅读 · 0 评论 -
前端将一维数组对象分类成二维数组
使用reduce和ES6语法太简单了,就不解释了原创 2022-06-25 23:23:44 · 274 阅读 · 0 评论 -
前端css样式 展开 和 收起
使用vue写的样式原创 2022-06-23 16:09:39 · 754 阅读 · 0 评论 -
vue 中的this.nextTick遇到的问题-工作中的问题
最近有看了之前一直想解决的bug, 之前在uniapp插件市场中找了一个组件。然后发现了一个bug 竟然是 this.nextTick 导致的。简单的介绍一下 this.nextTick,将回调延时到 DOM更新之后调用。数据是同步更新的, 但是DOM是异步更新的,具体的话可以看JS的事件机制,放入队列中更新。有些文章说下面两个代码是可以等价的。在组件中向获取DOM元素信息,mounted是组件类的生命周期,就是DOM更新之后调用。原创 2022-06-01 23:15:56 · 676 阅读 · 0 评论 -
react xxx 不能用作 JSX 组件-工作中遇到的问题
最近总是遇到这样的问题之前百度没有找到问题直接使用忽略TS 提示可以隐藏掉这个报错{/* @ts-ignore */} // @ts-ignore原创 2022-04-29 13:58:42 · 4375 阅读 · 6 评论 -
树结构的生成-递归
最近遇到的一个树的生成我有的数据类型 let data = [ "用户模块/用户信息", "用户模块/用户头像", "登录模块/token信息" ]需要生成的树的结构 let target = [ { name: '用户模块', children: [ {原创 2022-04-26 22:54:13 · 170 阅读 · 0 评论 -
Object.entries的使用
最近遇到这样的一个问题发送一个网络请求, 把网络请求获取的数据,这样的展示在界面上。本来打算使用模板字符串的,发现不能实现我想要的。一个对象为什么不能转换成一个数组呢, 再用遍历来实现,最后的展示效果如下let test = {name: 'zs',age: 18,like: '游泳'}<div>{"{"}</div><div>{Object.entries(test).map((v, index) => { return <di原创 2022-04-07 12:51:40 · 261 阅读 · 0 评论 -
axios里面使用react-router-domV6版本的路由useNavigate 跳转的问题
最近做项目的时候发现在axios中不能使用react routerV6版本的路由编程式跳转本来以为可以使用 useNavigate 来实现的,实践过后发现根本不可以。解决方案在src 下建一个 lib文件 , 在建立一个 history.js// lib/history.jsimport { createBrowserHistory } from "history";export default createBrowserHistory();需要注意一下 下面代码组件 HistoryR原创 2022-03-30 10:49:02 · 8212 阅读 · 4 评论 -
React-routerV 6路由 class 传参
不得不说这个官方文档是把 函数式组件当爹, class 类式组件就是儿子了。1.window.location类式组件里面使用 window.location 可以获取 路由传递过来的参数原创 2021-12-01 22:38:09 · 496 阅读 · 0 评论 -
关于uniapp nvue 开发 scroll-view 无法横向滚动的问题解决方案
首先声明一下为什么写这个之前写 nvue 开发的时候遇到这个问题,网上给的资料也很少。官网有给 vue 怎么横向滚动的说法,但是没有解释nvue 的横向滚动。希望后面的人不要踩这个坑了。<div> <scroll-view scroll-x="true" > <view style=" display: flex; flex-direction: row;"> <view v-for="item in 100" :key = "index原创 2021-11-14 11:10:13 · 1823 阅读 · 1 评论