yft-design
发表于|更新于
|浏览量:
与所爱的人长期相处的秘诀是：放弃改变对方的念头。——萨尔丹
分享一个项目yft-design
体验Demo：https://yft.design
体验Demo：https://more-strive.github.io/design/
相关推荐
2023-10-03
threejs+vite+ts实现官网基础部分
一个温柔的目光，一句由衷的话语，能使人忍受生活给他的许多磨难。——高尔基 官方文档：three.js manual 源代码从这里改进： GitHub - PacktPublishing/Learn-Three.js-Fourth-edition: Learn Three.js, Fourth edition, published by Packt 我本地进行了一些修改，首先package.json 12345678910111213141516171819{ "name": "three-ts", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "tsc &...
2025-09-24
Chrome DevTools 快速定位请求调用栈并调试前端问题
观古今于须臾,抚四海于一瞬 。一一陆机《文赋》 教你用 Chrome DevTools 快速定位请求调用栈并调试前端问题在前端开发和接口联调中，我们经常遇到这样的场景：某个 HTTP 请求发出后，返回异常，或者你想知道是谁在哪一步发起了这个请求？搞清楚「请求的调用来源」，是定位和解决问题的第一步。今天就来详细聊聊，如何用 Chrome DevTools 追踪请求的 JS 调用栈，并配合断点调试，精准掌控前端网络请求的“源头”。 一、为什么要看请求的调用栈？ 定位发起请求的代码片段：前端框架、工具库封装很多，找不到是谁发的请求很常见。 分析异常/冗余请求：有时页面多发、重复发请求，光看 Network 面板无法溯源。 Debug 异步流程：配合断点跳转，可以还原异步流转过程，查明数据流动和时序问题。 二、如何用 Chrome DevTools 查看请求的 JS 调用栈？1. 打开 Network 面板，找到目标请求 按 F12 或右键→检查，打开 Chrome DevTools。 切换到【Network】标签页，刷新页面或触发操作，找到你关注的请求（可用 fil...
2026-04-04
twenty
学习是劳动，是充满思想的劳动。——乌申斯基 Twenty：社区驱动的“现代 Salesforce 替代品”，一位把 CRM 做成开源作品的理想主义者Twenty 走进来时，先把名片递给你： Building a modern alternative to Salesforce, powered by the community. 它不是冷冰冰的销售系统，更像一位有脾气、有追求的“客户关系管家”：不想再让 CRM 变成昂贵的牢笼，也不愿意让用户的数据被锁在黑箱里。它想做的是——用开源和社区把 CRM 这件事重新写一遍。 它还会抬起头，认真地补一句身份宣言： The #1 Open-Source CRM Why Twenty：它为什么非要“重做 CRM”？Twenty 讲理由时不绕弯，三句话，像三根钉子钉在桌面上。 1）CRMs 太贵了，而且用户被困住了传统 CRM 的套路太熟练：把客户数据锁住，然后涨价。Twenty 不认这个理，它的态度是：不该这样。 2）体验需要一次真正的“重启”Twenty 觉得老世界的 CRM 已经背了太多历史包袱。它要一个 fresh sta...
2022-03-17
vue scroll事件失效
那些听不见音乐的人认为那些跳舞的人疯了。——尼采。 这个坑，我遇到的时候，百度要么告诉我加高度，要么告诉我用document或者ref去获取节点 可我只想用@scroll事件，于是我在到处加@scroll，在组件上加@scroll.native，在组件里的div上加，在slot中加，然后又给它们挨个加高度，没一个好使，搞的我很头大 后面我突然发现，我给加的，好像并不是实际滚动的地方，那我明白了，首先我给引用组件放入slot中的div指定了样式： 1234.allow-scroll { height: 80vh; overflow-y: scroll;} 然后再给它绑定事件@scroll，此处如果该div下的元素高度超出了80vh，则会触发事件。。。这坑踩的，就离谱
2023-01-15
移动端拖动滑块验证
夫唯不争，故天下莫能与之争——老子 之前写过拖动滑块验证 但是发现移动端拖不动了 因为移动端使用的是touch事件：https://developer.mozilla.org/zh-CN/docs/Web/API/TouchEvent 我们对其进行改造，通过获取其第一个触控点的坐标进行计算 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152&...
2025-06-20
billd-live
如果学生没有学习的积极要求，教师越是把注意局限在知识上，学生对自己学习上的成绩就越冷淡，学习愿望就越低落。——苏霍姆林斯基《给教师的建议》 https://github.com/galaxy-s10/billd-live Billd Live：基于 WebRTC 的开源在线互动直播系统@galaxy-s10/billd-live 是一个开源、高可定制性的在线互动直播系统。它采用现代前端技术栈，结合 WebRTC 实时音视频传输和 Node.js 服务端，支持多人连麦、弹幕互动、屏幕共享、录制回放等丰富功能，适用于教育培训、在线会议、远程协作、娱乐直播等多种场景。 项目简介Billd Live 致力于为开发者和团队提供一套可自由扩展、二次开发友好的 Web 端直播解决方案。项目结构清晰，模块化强，既适合用作生产环境的直播/会议系统，也适合用作学习 WebRTC、Socket.io、前后端分离架构的技术参考。 技术栈 前端：Vue3、Vite、TypeScript、Element Plus 实时音视频：WebRTC 通信：Socket.io（信令服务器） ...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog