![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 54
先树立一个小目标
这个作者很懒,什么都没留下…
展开
-
Turborepo简易教程
tasks中每个key都是一个会被turbo run执行的任务。Turborepo会在每个中查找同名脚本来执行。"tasks": {使用该配置,turbo将不会使用缓存,导致每次构建时间都很长。outputs告诉Turborepo在任务成功完成后应该缓存的文件和目录。如果不配,就不会使用缓存。"tasks": {"build": {inputs用于指定要包含在任务哈希中以进行缓存的文件。默认情况下,Turborepo将包含Git跟踪的包中的所有文件。原创 2024-07-04 17:47:05 · 322 阅读 · 0 评论 -
仿Antd-mobile的Cascader实现省市区联动
为啥不直接用组件呢?主要是因为作为老项目,已经引入了antd-mobile@2.3.4,同时引入v5版本会有兼容性问题。原创 2024-07-04 11:23:49 · 342 阅读 · 0 评论 -
[Swiper]在React中使用Swiper时注意销毁实例
如果tabList、swiperList有变更,会导致重复创建实例。来更新实例,目前还未使用过该方法。原创 2024-07-01 09:51:03 · 208 阅读 · 0 评论 -
[React]useEffect中return函数执行时机
已知在组件卸载时会执行return函数,其实在依赖项变更时也会执行。原创 2024-06-05 10:05:14 · 572 阅读 · 1 评论 -
[React]用 flushSync 同步更新 state
在 React 中,state 更新是排队进行的。在这个示例中会导致问题,因为 setTodos 不会立即更新 DOM。因此,当你将列表滚动到最后一个元素时,尚未添加待办事项。这就是为什么滚动总是“落后”一项的原因。要解决此问题,你可以强制 React 同步更新(“刷新”)DOM。同时操作state和ref的情况还是有的,按我的原来的处理肯定是使用setTimeout了,看到官方有解决方案,摘录下来以便查看。原创 2024-06-05 10:04:19 · 537 阅读 · 0 评论 -
[Nodejs]使用adm-zip和fs-extra压缩打包后的文件
现在学到了一种新方法,通过nodejs环境来实现文件、文件夹的复制粘贴,还有压缩解压缩等操作,那就是使用adm-zip、fs-extra这两个工具。原创 2024-05-29 09:50:16 · 363 阅读 · 1 评论 -
前端如何实现高度的自动过渡
/不加content.offsetHeight,默认是直接渲染height + 'px',不会出现从0->height的动画。//有回流,但是没有绘制,所以不会闪一下,界面看不出变化,但是拿到了高度。//读取几何属性会造成强制回流,从而触发渲染。主要是利用了浏览器的渲染机制。原创 2024-03-05 14:42:43 · 448 阅读 · 0 评论 -
umi + monorepo实践
主要是umi项目的monorepo实践原创 2024-01-11 15:17:53 · 805 阅读 · 0 评论 -
关于Axios发送Get请求无法添加Content-Type
就是说如果是一个对象,axios会将Content-Type设为false,意图让浏览器自动设置;如果data未定义则会将Content-Type设置为null;只能说axios封装了太多东西,官网又很简略。原创 2023-12-26 18:07:08 · 1220 阅读 · 0 评论 -
浏览器监听网络状态
这可以用于基于用户的连接状态来选择高清晰度内容或低清晰度内容。对象,例如用户设备的当前带宽或连接是否按流量计费。只读属性返回一个包含有关系统网络连接信息的。返回true表示在线。原创 2023-12-15 09:31:03 · 153 阅读 · 0 评论 -
快速搭建UmiJS4.0项目及常见问题解决方案
选择项目类型选择创建工具选择源启用 Prettier(可选)启用Dva可选配置。原创 2023-11-08 16:28:26 · 1089 阅读 · 0 评论 -
React如何命令式调用自定义的Antd-Modal组件
以前多数情况下,都是在父函数式组件中作为组件去调用,每次都需要定义visible状态并传入。原创 2023-10-10 14:36:17 · 710 阅读 · 0 评论 -
iOS端z-index属性配置不生效
同样的z-index,iOS上不生效,没有按照指定的层级展示。原创 2023-08-16 14:17:36 · 703 阅读 · 0 评论 -
React + TypeScript 实践
当我们需要一个 id 函数,函数的参数可以是任何值,返回值就是将参数原样返回,并且其只能接受一个参数,在 js 时代我们会很轻易地甩出一行。某些场景下我们在引入第三方的库时会发现想要使用的组件并没有导出我们需要的组件参数类型或者返回值类型,这时候我们可以通过。下面这个组件的 name 属性都是指定了传参格式,如果想不指定,而是想通过传入参数的类型去推导实际类型,这就要用到泛型。由于其可以接受任意值,也就是说我们的函数的入参和返回值都应该可以是任意类型,如果不使用泛型,我们只能重复的进行定义。原创 2023-07-07 09:30:06 · 1981 阅读 · 0 评论 -
IOS系统中微信、浏览器、手机端输入框input无法输入
,阻止了用户的选择内容行为,会导致一些“内容可编辑”标签无法正常使用,比如input、textarea。该属性是用来禁止用户进行复制选择的,这是webkit内核浏览器下的一个bug,具体可以参考这篇文章:(APP内嵌H5、浏览器,在弹窗中的input框无法输入,最多只能输入一个字,并且无光标。是将不同的选择器组合在一起的方法,它选择所有能被列表中的任意一个选择器选中的节点。属性的元素(不论这个属性的值是什么)。按照给定的属性,选择所有匹配的元素。会同时匹配 <span>原创 2023-07-05 15:04:14 · 1078 阅读 · 0 评论 -
使用overflow实现多行文本的溢出部分处理
只有在 display 属性设置成 -webkit-box 或者 -webkit-inline-box 并且 box-orient 属性设置成 vertical时才有效果。/* 2.text-overflow 属性并不会强制“溢出”事件的发生,因此为了能让文本能够溢出容器,需要在元素上添加几个额外的属性:overflow 和 white-space。/* 2. 大部分情况下,也需要设置 overflow 属性为 hidden,否则,里面的内容不会被裁减,并且在内容显示为指定行数后还会显示省略号。原创 2023-07-04 09:03:42 · 354 阅读 · 0 评论 -
响应式Web设计笔记
参考:[图灵程序设计丛书].响应式Web设计:HTML5和CSS3实战.第2版原创 2023-01-19 11:04:22 · 1476 阅读 · 0 评论 -
如何阻止input的focus事件
首先要明确Input标签各种事件的执行顺序,对于点击事件,是按照mousedown -> mouseup -> click这个顺序走的,那么focus事件在哪一步处理的?直接上代码:<input onFocus={focusHandler} onClick={clickHandler} onMouseDown={mouseDownHandler} onMouseUp={mouseUpHandler}/>handlers:const focusHandler原创 2021-12-09 10:01:06 · 4695 阅读 · 0 评论