前端知识体系
24篇文章 · 0订阅
  • 如何处理复杂前端业务代码
    作为处理过vue单文件 1w+行的过来人总结，在复杂业务场景下，有效提升代码阅读和维护体验，保持业务开发的轻松流畅的体验。
    前端 架构
    如何处理复杂前端业务代码
  • 登录机制五兄弟，关系乱到我怀疑人生！
    前言 作为一个程序员，每天都在和各种登录机制打交道，但你真的搞清楚 Token、Session、Cookie、JWT、OAuth2 这五兄弟的关系了吗？今天我们用一个有趣的故事来彻底理清这些概念！ 故
    后端 面试 架构
    登录机制五兄弟，关系乱到我怀疑人生！
  • 前端调试太痛苦？这 7 个技巧直接解决 90% 问题！
    在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我们可以借助 Proxy
    前端 JavaScript
    前端调试太痛苦？这 7 个技巧直接解决 90% 问题！
  • 又一款比肩阿里的表单生成器
    form表单组件配置模式一直以来颇受广大开发者争论，大家常争论的点在于：难维护，不直观，不灵活，节省不了什么代码量。 那么@zy-form/v2将颠覆传统JSON配置，以一种简洁，高效配置方式让你们开
    前端 Vue.js JavaScript
    又一款比肩阿里的表单生成器
  • 最全的docx,pptx,xlsx(excel),pdf文件预览方案总结
    最近遇到了文件预览的需求，但一搜索发现，这还不是一个简单的功能。于是又去查询了很多资料，调研了一些方案，也踩了好多坑。最后总结方案如下 希望如果有其他人也遇到了同样的问题，能更方便的解决～
    前端 后端 JavaScript
  • 降低前端业务复杂度新视角：状态机范式
    无论做业务需求还是做平台需求的同学，随着需求的不断迭代，通常都会出现逻辑复杂、状态混乱的现象，维护和新增功能的成本也变的十分巨大，苦不堪言。下图用需求、业务代码、测试代码做对比： 图中分了 3 个阶段
    前端 架构
    降低前端业务复杂度新视角：状态机范式
  • Web 中的“选区”和“光标”
    在 web 开发中，有时不可避免会和“选区”与“光标”打交道，比如选中高亮、选中出现工具栏、手动控制光标位置等。选区就是用鼠标选中的那一部分，通常是蓝色 光标呢，是那个闪烁的竖线吗？ 一、“选区”和“
    前端 CSS HTML
    Web 中的“选区”和“光标”
  • 如果把网络原理倒过来看，从无到有，一切都清晰了（上）
    不是因为网络原理不好理解，而是它往往都是直接告诉你它是什么，但它并不告诉你为什么要这样。 所以是你去创造一个网络，你会去怎么设计？
    后端 前端 Java
    如果把网络原理倒过来看，从无到有，一切都清晰了（上）
  • 如果把网络原理倒过来看，从无到有，一切如此清晰（下）
    当我在台灯下，听着远隔17年前五月天的歌，而在数日后，我的文字也会纵使相隔万里远的来到你的屏幕前，就觉得这一切妙不可言。
    后端 前端 Java
    如果把网络原理倒过来看，从无到有，一切如此清晰（下）
  • JS正则表达式完整教程（略长）
    亲爱的读者朋友，如果你点开了这篇文章，说明你对正则很感兴趣。 想必你也了解正则的重要性，在我看来正则表达式是衡量程序员水平的一个侧面标准。 关于正则表达式的教程，网上也有很多，相信你也看了一些。 与之不同的是，本文的目的是希望所有认真读完的童鞋们，都有实质性的提高。 本文内容共…
    JavaScript 正则表达式
    JS正则表达式完整教程（略长）