首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
wendao
掘友等级
前端架构
|
OpenAges
openages.com
关注
私信
获得徽章 0
动态
文章
专栏
沸点
收藏集
44
关注
赞
161
文章 145
沸点 16
资讯 0
赞
161
关注
返回
|
搜索文章
wendao
赞了这篇文章
WebInfra
前端 @ 字节跳动 Web Infra
·
9月前
关注
深入解析Flutter下一代渲染引擎Impeller
Impeller是Flutter用以替换Skia的下一代渲染方案,Impeller解决了Skia的哪些问题?我们一起去探究矢量渲染器的原理和Impeller背后的技术。...
93
11
分享
wendao
赞了这篇文章
萌萌哒草头将军
前端开发
·
11天前
关注
🎉尤雨溪为什么要推出Vapor Mode🎉
🚀Svelte原理和进阶看这篇就够了🚀 学不完的框架,🐔啄不完的米,SolidJS,你到底爱谁?😘 Vapor Mode是尤雨溪在2022 Year In Revi...
203
151
分享
wendao
赞了这篇文章
zxg_神说要有光
VIP.5 如鱼得水
神光的编程秘籍
·
1月前
关注
用 Puppeteer 把繁琐工作给自动化了,太爽啦!
最近在鱼皮的编程导航星球做嘉宾,需要输出一些内容。 而很多内容我之前写过,所以想复制过来。 这时候我就遇到了一个令人头疼的问题: 知识星球的编辑器也太难用了! 比如我在掘金...
109
16
分享
wendao
关注了
偏右
前端架构 @ OpenAges
wendao
赞了这篇文章
偏右
4年前
关注
那些年的体验技术部
2008 年对中国人是复杂的一年,冰灾,大地震,奥运会接踵而至。对玉伯来说也一样,赶在奥运会排查临时人口之前,玉伯从北京中科院软件所离开,凭着自己几年来在程序开发上的经历和...
342
52
分享
wendao
赞了这篇文章
神三元
公众号 「三元同学」 @ 字节跳动
·
2月前
关注
使用 Rspack 构建真实开源项目,看看迁移成本和性能收益如何?
在上个月,字节跳动开源了基于 Rust 的新一代构建引擎 Rspack,这篇文章我们用一个实际的开源项目来评测一下它的迁移成本和性能收益。...
75
9
分享
wendao
赞了这篇文章
wendao
前端架构 @ OpenAges
·
1月前
关注
@antv/x6的graph增量更新实践
reactflow商业化之后越来越夸张了,很多基础模块都收费了,而其他支持flow的一些库好用的也都得买License,于是就开始用@antv/x6了,但是x6官方并未提供...
3
评论
分享
wendao
赞了这篇文章
zxg_神说要有光
VIP.5 如鱼得水
神光的编程秘籍
·
2月前
关注
这一次,我还是想选择自由
辞职回老家有一周多了。 这几天我啥也没写,一直在考虑是继续找工作还是真正开始自由职业。 找下份工作肯定是有高和稳定的收入,但很有可能还是做不喜欢做的事情,可能是和之前一样一...
349
164
分享
wendao
赞了这篇文章
商伤尚人
前端工程师 @ 字节跳动
·
3年前
关注
ContentEditable困境与破局之法
textarea一般是用来实现比较简单的富文本功能(@和#,基本上是评论功能的实现方案),如果作为创作者工具的话,一般会组合其他的表单功能实现。比如Instagram,Sh...
20
2
分享
wendao
赞了这篇文章
奇舞精选
前端 @ 奇虎360
·
2月前
关注
svelte + vite 开发 Web Components
引言 最近要做一个跨平台使用的卡片插件,考虑到插件的通用性,就选择了Web Components技术来实现 Web Components 概念 Web Components...
23
评论
分享
wendao
赞了这篇文章
Captaincc
VIP.5 如鱼得水
问题解决官 @ juejin.cn
·
2月前
关注
拼多多apk利用漏洞牟利复现
2022 年Google 的 Project Zero 发布了一个在野漏洞利用的分析,警告攻击者已经瞄准各手机厂商的 OEM 代码部分,挖掘出其中的脆弱点和漏洞,组合出了一...
49
20
分享
wendao
前端架构 @ OpenAges
·
2月前
举报
因为sortablejs的一些问题(它操作dom,导致react的虚拟dom和实际dom出现“不一致”的问题),调研了一圈dnd相关的库,react-dnd(移动端有问题)、react-beautiful-dnd(atlassian不再维护开源版本,只维护内部版本了,可能是为了给竞品不再提供解决方案),还有一些其他的,也都不怎么维护了。
最后选定了dnd-kit,它的作者之前还开发过一个react-sortable-hoc,dnd-kit是他重新思考了dnd之后,开源的插件化的dnd库。
我做的应用比较复杂,严重依赖拖拽相关的功能库,研究一番dnd-kit之后,发现它的架构确实很不错,基本上只要你了解了它的功能和架构,所有拖拽相关的功能它都可以实现(吐槽一下它的文档和示例,写的太敷衍了,也没法直接拿来用)。
比如官方给的tree的例子是基于flat(tree)这个trick实现的,事实上,在很多场景中,这不是一个好的解决方案,尽管这样可以自带sortable的拖拽动画,反复折腾(实验)了好几天,终于基于他的onDragEnd实现了保留原数据结构下,tree item的拖拽,它其实有一个“feature”(bug),就是DndContext如果你的items引用没变的情况下,Context内部的数据是不会发生变化的,尽管渲染的数据发生变化了,而它内部数据没有发生变化(具体反映出来就是active或者over的sortable对象里面的原始数据一直不变),这就导致sortableConext提供的排序动画会出问题,最终其实很简单,一个deepClone函数搞定:
展开
收起
查看大图
向左旋转
向右旋转
分享
评论
点赞
wendao
赞了这篇文章
YJNldm
前端开发
·
1年前
关注
P2P在线互传文件小工具
简介 这两天把之前写的一个P2P文件传输demo优化了一下界面和体验,只需要其中一方输入对方的6位UUID就可以建立连接,然后就可以选择文件发送了,下面是体验链接: htt...
11
4
分享
wendao
赞了这篇文章
网易云音乐技术团队
网易云音乐
·
2月前
关注
网易云音乐开源全链路埋点方案-曙光埋点(dawn)
网易云音乐开源了曙光埋点 dawn,一个跨多端的全链路埋点解决方案,旨在构造一个完美的数据理想国。曙光埋点创造性的提出了埋点虚拟树(VTree),并在此基础上实现了诸多能力...
50
7
分享
wendao
赞了这篇文章
阿乐去买菜
前端 @ 菜市国际科技
·
3月前
关注
webpack沦为对比单位?前端整活圈又出新品了
能被JavaScript重写的都将被JavaScript重写的至理名言,即将变成能被rust重写的都将被rust重写?...
100
54
分享
wendao
赞了这篇文章
德育处主任
VIP.5 如鱼得水
👮♂️可爱又迷人的反派保安 @ 德育处
·
2月前
关注
p5.js map映射
🦄本文介绍p5.js中map()函数的用法,该函数可以将一段区间映射到另一段区间,用于处理数值的转换。我结合了具体的实例讲解了如何使用map()函数,包括将鼠标位置映射到...
45
6
分享
wendao
前端架构 @ OpenAges
·
3月前
举报
#你的工作会被ChatGPT取代吗#
几行代码让你的ChatGPT keepalive:(function () {
'use strict';
setInterval(function () {
// input a question into the chat box
const textarea = document.querySelector("textarea");
textarea.value =Math.random()>=0.5? "继续":Math.random()+"这个数有什么历史典故";
textarea.dispatchEvent(new KeyboardEvent("keydown", {
bubbles: true,
cancelable: true,
key: "Enter",
code: "Enter",
keyCode: 13
}));
}, 60000+Math.random()*10000);
})();
展开
等人赞过
分享
评论
4
wendao
赞了这篇文章
zxg_神说要有光
VIP.5 如鱼得水
神光的编程秘籍
·
3月前
关注
理解了这 3 个 object,你甚至能自己写个 git!
git 我们每天都在用,但你知道它是怎么实现的么? git add、git commit 整天都敲,但你知道它底层做了什么么? commit、branch、暂存区这些都是怎...
101
10
分享
wendao
赞了这篇文章
狂奔滴小马
VIP.5 如鱼得水
前端公众号 @ JS酷
·
7月前
关注
你好,Next.js 13
上周发布了 Next.js 的一个全新的版本 13,它带来了全新的理念(server component),作为一名 Next.js 的爱好者,我们有必要重新学习和认识下它...
152
45
分享
wendao
赞了这篇文章
网易云音乐技术团队
网易云音乐
·
1年前
关注
云音乐低代码:基于 CodeSandbox 的沙箱性能优化
云音乐低代码:基于 CodeSandbox 的沙箱性能优化,本文主要介绍将 CodeSandbox 的应用构建速度从 2 分钟优化到 1 秒的过程...
71
5
分享
下一页
个人成就
文章被点赞
375
文章被阅读
23,133
掘力值
1,145
关注了
24
关注者
163
收藏集
44
关注标签
74
加入于
2017-03-01