首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
课内知识
FanetheDivine
创建于2024-07-03
订阅专栏
工作中遇到的问题和解决方案
等 2 人订阅
共47篇文章
创建于2024-07-03
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
ts类型小寄巧
众所周知 这样的类型定义是没有提示的 T的类型直接合并为了string 但是 这样就有类型提示了众所周知 这样的类型定义是没有提示的 T的类型直接合并为了string 但是 这样就有类型提示了
在react中处理输入法合成问题
辅助hook useImmediateEffect 与useEffect类似 在依赖数组变化后 立刻同步地执行副作用 useSemiControlledValue 取得一个值的半受控版本.外界传入的v
具有前缀的textarea
标题中的前缀指的是 输入框之前的固定内容. 它与文本占据同样的位置 但是可以设置不同的样式 考虑使用wrapper包裹textarea 用绝对定位设置前缀 使用textarea和前缀的宽高动态设置样式
在ts中定义全局和模块的变量和类型
说明 普通的.ts文件是局部的 只有.d.ts文件是全局的 全局 不推荐的写法 老版本ts的语法 当时还没有模块 全在用namespace 模块 如果需要导入其他模块
预加载远程组件
这段代码中 直到data加载完毕 LazyComp才会开始加载 将这段代码加入组件中 就可以在较早的时机开始加载远程组件 直接在组件函数中调用loadComp效果相同 不会发起额外的网络请求 但是在语
过于ts的ts不是好ts
最近独立完成了一个比较大的需求 对ts有了更深入的理解 我司的代码类型错误不少 红线扎堆 我也一度以为类型写的好 编码没烦恼 因此 在接到需求以后 我立刻开始了类型定义 这个场景很常见 就是同一大类型
css gap属性
gap是一个合成属性 row-gap表示纵向间距(行间距) 在tailwind中用gap-y表示 column-gap表示横向间距(列间距) 在tailwind中用gap-x表示 flex布局中 如果
解决@ant-design/icons导致的样式异常
在使用antd+tailwind时 通常会使用layer模式 此时layer的顺序会非常重要 决定了样式的覆盖情况 但是某些情况下 icons会造成layer顺序异常 原因在于 一开始 icon组件没
ahooks/useRequest里的数据不一致问题
这段代码存在的问题是 count变化引发渲染时 result里的data loading依旧是老数据 useRequest会通过useEffect更新data和loading等数据 参考文档 一般情况
一个react hook小寄巧
这段代码eslint会报错 点击修复后 会将依赖更改为result 原因是result.run实际等同于result.run.call(result),result会成为run的this,隐式使用了这
解决使用tailwindcss 4后没有代码提示的问题
这个问题是插件的锅 github的issue一大堆 具体原因是插件无法找到tailwind的配置文件 理论上可以通过配置tailwindCSS.experimental.configFile解决 但实
简化ElPagination的使用
众所周知 v-model:value = :value + @update:value 而@xxx会被转化为 onXxx的形式 on+大写字母开头的词 所以v-model:currentPage =
在vue中封装通用组件的注意事项
需求是做一个按钮组件 可以根据onClick自动切换loading状态 初步代码如下 组件参数的自动分类 vue会按照提供的props对象构造组件的props 其余的参数被自动归类到attrs 对于形
ol/ul中的额外换行
一般来说 ol/ul元素会这样呈现 但如果同时使用white-space:pre就会这样(这里是pre-line,对换行的处理是一样的) 这种现象可以理解为ol会在开头、结尾和每个li间加换行 解决方
如何写一个嵌套递归的组件
需求 项目里经常遇到一些嵌套递归的参数控制器 就是形如这样的组件 通常使用一个配置对象来进行描述 例如 type为group的映射为配置组 其余的则映射为 根据我的经验 这种控制器很容易在拓展和修改过
vite对代码的优化
把这个文件用vite打包 结果如下 可以看到 只有通过import.env.VITE_VALUE直接引用环境变量的语句才能被替换为静态值'NONE' 而且只有引用静态值的语句会在编译时计算 而v-if
vite项目中定位css
版本 vite@5.4.11 vite项目将styles.module.scss和vue组件的style标签打包为style标签插入html中 这些style标签统一具有data-vite-dev-i
模拟max/min-margin
一开始是这样的布局 但是在缩放时显示异常 中间的间距常常过小或过大 在中间使用div模拟margin 这样可以确保间距受控 且不影响下方元素的交互过大 在中间使用div模拟margin 这样可以确保间
正确使用flex-1
flex-1的行为与预期不符 先看这么一个例子 预期效果是span站两边 div填充剩余空间 但实际结果是这样的 中间的div会被子元素撑开 而不是恰好占据剩余空间 原理和解决 flex:1 ===
实现"选中表格项将元素加入集合"的动画效果
vue3 element-plus gsap 获取动画起止点 element plus中 这样写会构造一个选择器列 选中事件为@select 参数1是当前选中的所有行 参数2是变化的行(选中或没选中)
下一页