- 博客(7)
- 收藏
- 关注
RSS订阅原创 游戏列表按字母排序，滚动列表跳转到对应的字母，点击某字母跳转到对应字母的游戏列表---怎么解决该需求的active竞态问题
摘要：本文解决了游戏列表中字母索引与滚动交互时activeLetter状态错乱的问题。通过引入isScrollingByClick标志位，区分点击字母触发的滚动和普通滚动事件。当点击字母时设置标志位为true，并在滚动结束后重置为false。在handleScroll函数中检测该标志位，若为true则直接返回，避免竞态条件。同时使用防抖函数监听滚动结束事件，确保滚动完成后再重置标志位。这种方案有效避免了activeLetter设置冲突，保证了交互的正确性。
2026-01-16 10:37:14
55
原创 vscode jsx支持html自动提示
在setting.json文件中配置 加上这两个配置（如已配置忽略） "emmet.includeLanguages": { "javascript": "javascriptreact" }, "emmet.triggerExpansionOnTab": true,
2021-11-10 14:35:08
1159
原创 高德地图针对自定义车辆图片，设置车头朝向
// 初始化map this.map = new AMap.Map(name, { resizeEnable: true, mapStyle: MAP_STYLE, zoom: 11, // 初始化地图层级 // center: source && source.length ? source : [116.397428, 39.90923], // 初始化地图中心点 }); // 自定义ma.
2021-06-17 18:46:28
2344
原创 每天一个前端小技巧 之 Echart设置图例和图形间隔
有些时候，图例和图形相隔太近甚至重合，怎么将他们分开 只需要设置 option：{ series:[{ left:100, top:100 }] }, 设置这个left和top值即可，同样可以设置图例legend的left\top\right\bottom值，这些值表示图形距离画布边缘的距离 ...
2020-04-20 16:27:48
5952
3
原创 每天一个前端小技巧系列 之 calc()不生效
在使用sass或less的时候，有些时候，我们会发现，样式不生效，像这样。这样提示： 这是因为运算符前后一定要有空格，而我现运算符前后像这样，导致出错： 正确的做法是： By the way: 变量用 #{$virible} 喔 ...
2020-04-20 16:23:57
573
1
原创 初入angular采坑记
1. 每一个component都需要归属于某个modulle，在NgModule({})的declarations中申明 2. 指令如ngFor是属于angular核心module的commonModule，所以凡是需要使用angular指令的module都需要引入commonModule。（module依赖的module，在imports中申明）。因为几乎所有模块都会用到指令，可以将commo...
2020-04-20 15:36:30
376
原创 React-native 启动时报错：Unable to load script ....
1. 报错 Unable to load script.Make sure you're either running a metro server（run 'react-native start' ） or thatyour bundle 'index.android.bundle' is packaged correctly for release. 2. 原因 index.an...
2019-12-23 19:19:12
1133
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人