Web 前端洞见

白天 夜间 首页 下载 阅读记录
  我的书签   添加书签   移除书签

高内聚

浏览 104 扫码 分享 2023-04-07 12:38:10
  • 具体

    高内聚就是说相关度比较高的部分尽可能的集中，不要分散。

    具体

    • 按功能划分的项目文件结构
    • 聚集零散业务代码的解决方案 - Vue 3 Composition API
    • 聚集零散业务代码的解决方案 - React Hook

    若有收获，就点个赞吧

    0 人点赞

    上一篇:
    下一篇:
    • 书签
    • 添加书签 移除书签
    • 关注点
      • 前端开发该关注些什么？
      • 开发效率
        • 管理
          • 研发效能
            • 研发效能度量
        • 代码质量
          • 代码质量的 4 个阶段 - 3Rs 软件架构介绍
          • 代码质量客观指标 & 代码坏味道
          • Web前端进阶之路: 提升代码质量篇
          • 编程思想
            • 设计原则 & 设计模式
            • DDD(面向领域编程)
          • 基础优化
            • 如何命名
            • 优化令人生畏的条件语句的 4 个技巧
            • 前端常见的 5 种嵌套太深的场景及解决方案
            • 前端异常的处理方法汇总
          • 高内聚
          • 低耦合
            • 如何减少前端代码的改动
            • 用适配器模式来降低耦合
            • 一道诡异的题目背后的知识 - 代理模式
            • 迭代器模式
          • 代码组织
            • 复杂的数据层设计方案 - Rx.js
            • 层级很深的组件 获取 最外层组件的数据 - React 和 Vue 的解决方案
          • 代码测试
            • 用 Jest 写前端单元测试入门教程
          • 工具
            • 代码扫描
            • 聊聊前端的错误日志和监控
            • 聊聊 Code Review
          • 资源
            • 代码质量 - 文章收藏
            • 高质量代码的例子
            • 代码质量 - 书籍推荐
        • 开发效率
          • 关于程序员高效工作的 3 个问题和我的思考
          • 提升前端开发工作效率的方法
          • 工具
            • 上层
              • 单仓 & 大仓
            • 开发通用工具
              • 终端工具
              • 代码版本管理
                • Git 学习资源
                • Git 速查表
              • 编辑器
                • 编辑器之神 Vim
                  • Vim 速查表
                • Markdown 速查表
              • 网络代理
                • whistle
              • 信息管理
                • 好用的信息管理工具 - 语雀的数据表
                • 如何井井有条的管理开发任务（附任务管理模板）
              • 如何更有效的使用 google？
            • 具体工具
              • 脚手架 & 代码生成
                • 易学易用的模板代码生成神器 - Plop
              • 自动化 & 低代码
                • AST 工具 - GoGoCode
                • F2C：编辑流程生成代码工具 - iMove
                • 资源
              • 包管理
                • 装得快，省空间的包管理神器 - pnpm
              • 接口管理
                • Apifox - 接口管理工具
              • 移动端调试
            • 资源
              • VSCode 插件推荐
              • 工具 - 文章收藏
              • 待探索
          • 第三方库
            • 库
              • 基础库
              • 业务库
            • 使用
              • 8 个实用的 Lodash 方法介绍
              • jQuery 速查表
              • Moment.js
              • 用 Tailwind CSS 来快速写样式
          • 技巧
            • 实用前端调试技巧
        • 工程化
          • 现代研发的 DevOps 流程
          • 提升前端质量和迭代速度的利器: CI 和 CD
          • 研发规范
            • Git 规范
            • 版本规范
          • 前后端经常争吵？ - BFF 了解一下
          • 微前端
            • 内容
              • 子模块调用另一子模块的内容
            • 资源
              • 微前端 - 文章 & 书籍收藏
              • 微前端框架
          • 云原生
            • 十二要素应用(云原生12要素)
        • 算法
          • 内容
            • 算法基础
            • 经典算法
              • 动态规划
            • 链表在前端的应用
            • 用贪心算法来分饼干
          • 资源
            • 算法 - 文章收藏
            • 算法 - 书籍推荐
        • 软技能
          • 自律
          • 表达能力 / 输出能力
            • 助力程序员升职加薪的做图技法
            • 如何入门技术写作
          • 沟通能力
          • 复盘 - 通过项目复盘来加速个人成长
          • 学习能力
            • 高效的学习方法：通过测试来学习
          • 信息整理的能力
          • 时间管理
      • 用户体验 & 业务场景实现
        • 性能
          • Web 前端性能优化
          • 性能度量
          • 加载时性能
          • 运行时性能
            • React 运行时性能优化之减少渲染组件的次数
            • Vue 运行时性能优化之减少渲染组件的次数
            • 函数节流：耗时函数被短时间频繁调用时，防浏览器卡死的方法
            • 提高页面渲染速度的 3 个 CSS 技巧
          • 资源
            • 性能 - 文章收藏
        • 安全
          • 前端安全概览
          • 前端开发转行做渗透测试容易吗？通过挖漏洞来赚钱靠谱吗？
          • 资源
            • 安全 - 书籍推荐
        • 业务场景
          • 用户体验
            • 基于 Scoped CSS 和 Sass 的换肤方案
            • 支持暗色模式
            • 用 Lottie 实现复杂的动画
            • 新手引导
            • 优化移动端输入框占位符的交互体验 - CSS :placeholder-shown
            • 如何探测 sticky 定位的元素是否处于 固定定位(Pined)状态
          • 业务功能
            • 权限
            • 通信
              • 跨页面通信
              • 跨域解决方案
              • H5 唤起 APP
            • 拖放
              • 实现拖放调整元素宽度的详细介绍
            • UI 组件库
              • React UI 组件库
              • Vue UI 组件库
            • 文件
              • 前端的文件下载
              • 浏览器中创建 Microsoft Word 文档
            • 可视化
              • 可视化引擎
            • 实现前端水印的方法介绍
          • 资源
            • 业务场景 - 文章收藏
        • 重要技术
          • PWA
            • 渐进式 Web 应用(PWA) 介绍
            • PWA 实践
        • 资源
          • 用户体验 - 文章收藏
    • 核心知识
      • RoadMap
        • 前端知识 RoadMap
        • 前端知识图
      • 遇到过的诡异问题/坑
      • HTML
        • 资源
        • HTML 速查表
      • CSS
        • 内容
          • 布局
            • 17个场景，带你掌握 CSS 布局
            • Flex 布局
              • 玩游戏掌握 Flexbox 布局 - 送小青蛙回家
              • VSCode - Flex 布局代码片段
            • Grid 布局
              • 玩游戏入门 Grid 布局 - Grid Garden
            • 彻底理解粘性定位 - position: sticky
          • CSS 选择器
          • CSS 属性值
          • 效果
          • CSS Houdini
          • 兼容性问题
        • 资源
          • 速查表
            • CSS 速查表
            • Flex 布局速查表
            • Grid 布局速查表
          • CSS - 教程 & 书籍 推荐
          • CSS - 文章收藏
        • 第三方库
        • 工具
        • 代码片段
          • rem.js
      • JavaScript
        • 基础知识
          • JavaScript 的继承
          • 闭包
          • 函数柯里化的简单实现
          • 手写 Promise 链式调用的实现
          • 正则表达式好难学!9个易懂的例子，轻松入门JavaScript正则
          • DOM & BOM
        • 资源
          • 代码片段
          • 速查表
            • JavaScript 数组操作
            • DOM 操作速查表
            • ES6 速查表
          • JavaScript - 书籍推荐
          • JavaScript - 文章收藏 & 工具
      • TypeScript
        • TypeScript 常见写法
      • React
        • 内容
          • React 核心知识点
          • 代码复用技术
          • 组件通信
            • React 不通过 ref 调用子组件函数的两种方式
          • 函数组件 & Hook
            • 聚集零散业务代码的解决方案 - React Hook
            • 使用 Hook 的注意点和坑
            • React 常见 hooks 的实现
          • React 最佳实践
        • 第三方库
          • ahooks
            • 8 个场景，带你了解强大好用的 hooks 库 - ahooks
            • ahooks 常用方法
          • 处理不可变数据工具库 - Immer
          • 表单
            • Formily - 表单解决方案
          • 数据可视化
            • Ant Design Charts
        • 工具
          • 点击 UI 跳转到编辑器中对应的组件源码的工具 - React Dev Inspector
        • 资源
          • 自定义 hooks
          • React 速查表
          • React - 教程 & 文章收藏
      • Vue
        • 第三方库
        • 内容
          • Vue2 核心知识点
          • Vue3
          • 组件通信
          • Composition API
            • 聚集零散业务代码的解决方案 - Vue 3 Composition API
            • 用 Composition API 重构 Mixins 代码
            • 如何在 Vue2 的项目中使用 Composition API
        • 工具
        • 资源
          • Vue - 文章收藏
          • Vue 2 速查表
      • 小程序
        • 资源
          • 小程序 - 文章收藏
    • 面试 & 述职
      • 面试技巧
        • 如何写简历
        • 如何介绍做过的项目
        • HR 会问的
        • 如何说离职理由
        • 程序员如何谈薪资(建议收藏)
      • 晋升答辩
      • 资源
        • 面试题
        • 备战内容表
        • 文章收藏
      • 手写源码
    • 职业规划
      • 聊聊职业规划
      • 各年龄段关注的侧重点
      • 若川知乎问答：2年前端经验，做的项目没什么技术含量，怎么办？
      • if 我是前端Leader，怎么走出小微前端团队的围墙?
      • 别人的职业规划 & 经验
    • 资源
      • 练手项目
        • 练手项目导航
      • 文章收藏
        • 文章收藏导航
        • 云原生 - 文章收藏
      • 教程 & 资源合集
      • 博客
      • 工具
      • 前端会议
        • 第四届 Vue.js 开发者大会 - 主要内容及文章推荐
    暂无相关搜索结果！

      让时间为你证明

      展开/收起文章目录

      分享，让知识传承更久远

      文章二维码

      手机扫一扫，轻松掌上读

      文档下载

      请下载您需要的格式的文档，随时随地，享受汲取知识的乐趣！
      PDF文档 EPUB文档 MOBI文档

      书签列表

        阅读记录

        阅读进度: 0.00% ( 0/0 ) 重置阅读进度
          思维导图备注