前端思考
51篇文章 · 0订阅
  • 前端拖拽，看似简单，其实处处是坑
    拖拽功能是前端开发里最常见的交互之一： 从 百度网盘的文件拖拽，到 Figma 的画布操作，都离不开拖拽能力。 很多人会觉得——拖拽不就是 mousedown + mousemove + mouseu
    前端 JavaScript 面试
    前端拖拽，看似简单，其实处处是坑
  • 前端必学-完美组件封装原则
    此文总结了我多年组件封装经验，以及拜读 antd、element-plus、vant、fusion等多个知名组件库所提炼的完美组件封装的经验；是一个开发者在封装项目组件，公共组件等场景时非常有必要遵循
    前端 JavaScript 设计模式
    前端必学-完美组件封装原则
  • 前端竟能做出这种专业医疗工具？DICOM Viewer 医学影像查看器
    🏥【DICOM Viewer】 🧭 一、顶部工具栏 🔧 1. 布局工具组（Layout） 🎯 功能： 切换视口布局：支持 1x1（单图）、1x2（左右）、2x2（四宫格） MPR 按钮：伪功能，弹窗提
    前端 Vue.js JavaScript
    前端竟能做出这种专业医疗工具？DICOM Viewer 医学影像查看器
  • 性能提升60%：前端性能优化终极指南
    性能优化一直是前端绕不开的话题。页面加载慢、交互卡顿，不仅影响用户体验，还可能直接流失用户。本文将从加载、运行、构建、网络四个环节，系统梳理前端能想到的各种性能优化手段，帮助我们尽
    前端 性能优化
    性能提升60%：前端性能优化终极指南
  • 就因为package.json里少了个^号，我们公司赔了客户十万块
    写这篇文章的时候，我刚通宵处理完一个P0级（最高级别）的线上事故，天刚亮，烟灰缸是满的🚬。 事故的原因，说出来你可能不信，不是什么服务器宕机，也不是什么黑客攻击，就因为我们package.json里的
    前端 JavaScript NPM
    就因为package.json里少了个^号，我们公司赔了客户十万块
  • 🔥面试官：说说看，用户登录后拿到的 Token，你应该怎么存？存哪里？
    面试官： “说说看，用户登录后拿到的 Token，前端应该怎么存？” 这个问题看似简单，却能清晰地分辨出一个前端开发者对安全的理解深度。是存到 localStorage？sessionS
    前端 面试 安全
    🔥面试官：说说看，用户登录后拿到的 Token，你应该怎么存？存哪里？
  • 90%前端忽略的3大内存黑洞，这样根治性能飙升300%！
    你是否遇到过：页面越用越卡，浏览器内存占用持续飙升？ 动态列表频繁增删后，页面直接卡死崩溃？ 弱引用、闭包、定时器——这些看似无害的代码，竟是内存泄漏的元凶！ 本文直击三大高频内存泄漏场景，用Weak
    前端 JavaScript 性能优化
  • 不要再用 removeEventListener 了！这个API救了我的命
    不要再用 removeEventListener了！这个API救了我的命 昨天被产品经理叫到办公室，说用户反馈我们的后台管理系统越用越卡，Chrome任务管理器显示内存占用已经飙到2GB了。我tm当场
    JavaScript
  • 深入Chrome DevTools Memory面板：Web内存分析
    引言 写这边文章的契机也是最近在业务开发中遇到了页面卡顿的情形：在正常的业务流程中，随着数据量的变大，原本顺畅的网页突然变得非常卡顿，浏览器的tab页面一直在转圈，但是页面的操作什么都做不了，也就是一
    JavaScript HTML 面试
  • 开箱即用 vue-cli4 vant rem 移动端框架方案
    Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。 以 VUE_APP_ 开头的变量，在代码中可以通过 process.env.VUE_APP_ 访问。 比…
    Vue.js