【前端工作日志】1-公共组件

最新推荐文章于 2025-06-10 16:52:13 发布

原创

最新推荐文章于 2025-06-10 16:52:13 发布 · 1k 阅读

17 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #react #taro

前言

我写代码一直有个毛病就是代码耦合性太高，可能是性子太急，总觉得前期设计组件结构会花费太多时间（其实是我能力不足），还有不自信自己最后设计出来的公共组件会提高效率，害怕得不偿失。但是今天遇到了很明显的需要抽离出一个公共组件的情况……我记录下来自己的设计思路，可能不是很准确，欢迎路人善意的指教。

内聚性和耦合性

偶然间刷到知乎的一个关于架构设计的文章，引用其中对我来说印象深刻的观点。详情指路: 【架构设计】如何让你的应用做到高内聚、低耦合？

内聚

关于代码的内聚性通常有7种描述

功能内聚	顺序内聚	通信内聚	过程内聚	时间内聚	逻辑内聚	偶然内聚

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

芝麻馅圆圆

关注关注

18
点赞
踩
17

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

前端展示日志组件ansi-to-react

不积跬步，无以至千里；不积小流，无以成江海。

10-29

1740

【代码】前端展示日志组件ansi-to-react。

自定义公共组件_细说前端开发UI公共组件的新认识「实践」

weixin_39604819的博客

01-14

1202

作者：彭道宽转发链接：https://mp.weixin.qq.com/s/dtmZv4YcQitbKajjNbW_Pg前言❝我除了菜，啥都不是❞前段时间，组里决定做一个跨项目、跨业务的 UI 组件库，原因是我们部门的产品越来越多，且每个产品设计到多端(如 Web/Mobile/PC/Android 等)而为了快速响应目标，决定做一套统一且可视化的，拥有部门特色的 UI 组件库。视觉已经给出了所...

参与评论您还未登录，请先登录后发表或查看评论

前端基础向--从项目入手封装公共组件

小陈的博客

11-11

1411

}!}, []);}};

前端开发中，滑动展现日志麻烦？这个组件来帮你

weixin_34195546的博客

12-20

752

写在前面在这个数据无比重要的时代，用户在网页上面的一系列操作，都需要用数据记录下来。在一个网页中，某个元素的点击数，展现数可以说是最基本的指标了。点击数很简单，用户点击的时候，上报一条点击日志即可。但是展现日志，就稍微麻烦一点了。特别是对于必须要上下滑动页面才会出现的元素。滑动展现的场景，在feed流形式的产品上十分常见。所以，一个轻...

html 日志记录组件,前端日志组件，可用于记录用户行为 js-log

weixin_34208146的博客

06-07

1158

软件介绍前端日志组件，可用于记录用户日志信息发送到日志服务接口可配置日志服务接口地址可配置本地浏览器日志打印等级可配置发送日志服务接口等级AMD引用方式require(['js-log'], function (jsLog) {jsLog.config({level: 'debug',url: '/v1/sysmgr/log/c0002.json'});jsLog.debug('test');if...

前端日志收集（monitor-report v1）

好，很好，非常好

05-21

2722

简单解决前端收集错误日志、收集当前页面访问量，网站日活跃，页面访问次数，用户行为分析等，自己开发的一个插件，并且用持续性维护下去（目前支持原生html，以及react, vue 等前端框架）主要解决前端生产痛点的痛点1：前端报错后，开发人员无法收集到错误痛点2：前端收集当前页面访问量，网站日活跃，页面访问次数，用户行为分析等注：我很贴心提供一套完整的体系，插件+后端（nodejs） github 地址，

jeecgboot项目前端vue3.0项目BasicTable组件实现父子组件之间的关联， jeecgboot项目前端uni-app前端下程序项目打包

chengcheng9876的博客

04-25

841

jeecgboot项目前端vue3.0项目BasicTable组件实现父子组件之间的关联， jeecgboot项目前端uni-app前端下程序项目打包

开放题：前端如何进行组件封装

weixin_45351117的博客

04-20

845

遵循这些规范可以创建出高质量、易维护、可复用的前端组件，提高团队协作效率和代码质量。

现代前端工程化实践：从组件设计到微前端架构

最新发布

2503_91057718的博客

06-10

932

随着前端技术的快速发展，现代前端工程面临着越来越多的挑战。本文深入探讨了前端工程化的核心技术，包括组件化设计、状态管理、构建优化与微前端架构等关键领域。通过具体案例和代码实现，详细解析了如何构建高效、可维护的前端应用，并展示了微前端在大型项目中的创新应用。本文适合有一定前端基础的开发者阅读，旨在帮助读者掌握现代前端工程化的最佳实践。本文深入探讨了现代前端工程化的多个关键领域，包括组件化设计、状态管理、构建优化、微前端架构以及前端测试等。通过具体的代码实现和案例分析，展示了如何构建高效、可维护的前端应用。

我的前端面试日记（一）

keywords

06-12

761

第一次写面试经历，虽然之前有过一些电话面试经历，但相对而言感觉此次的经历对自己收获还是比较大，这里留下面经当作日记吧！（面试时间：2018-6-12 下午2:10；时长：50min；公司：*）1、说说React，为什么选择React（一）、React特点高效、虚拟DOM，最大限度地减少与DOM的交互：浏览器在渲染网页时，会先将HTML文档解析并构建DOM树，然后与CSSOM树生成RenderObj...

日志控件js

09-11

1. My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名。 2.My97DatePicker.htm是必须文件,不可删除 3.各目录及文件的用途: WdatePicker.js 配置文件,在调用的地方仅需使用该文件,可多个共存,以xx_WdatePicker.js方式命名 config.js 语言和皮肤配置文件,无需引入 calendar.js 日期库主文件,无需引入 My97DatePicker.htm 临时页面文件,不可删除目录lang 存放语言文件,你可以根据需要清理或添加语言文件目录skin 存放皮肤的相关文件,你可以根据需要清理或添加皮肤文件包  当WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式使用步骤：将改文件下载下来放置到webroot目录下面，在使用script标签引入WdatePicker.js。

前端找工作日志

weixin_52945890的博客

06-28

286

前端面试题

公共组件

gfdcb的博客

09-07

1482

一、搭建聚合工程 1.建立工程主项目、支撑模块、基础模块、权限模块、系统模块、应用模块二、对主项目、基础模块、权限模块、系统模块的pom.xml文件进行配置主项目pom.xml:  <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-

我的web前端工作日记1------web前端经验

dreamer_sen的博客

08-28

8316

转载请注明出处：https://blog.csdn.net/dreamer_sen/article/details/82143519 在公司干坐了一天，觉得应该找点事做。所以，就有了记录自己前端工作的想法。主要是可以让自己保持学习，坚持总结。也希望能让怀揣着前端梦想的、准备进入前端的你，了解到web前端的工作是怎么样的。 ----------------------------------...

公用组件

MengYan_的博客

04-27

1090

想要定义一个公共模块，然后模块里面有一堆公用组件，这些组件可以在任意其他模块使用，那么这种情况下，你定义的公共模块必须要导出（ exports ）你所有隶属于这个模块的公共组件，在其他模块使用的时候不用导入这些公共组件，只需要导入公共模块即可...

前端工作日记day1

sirlll的博客

05-16

3319

今天入职第一天，正式开始我的程序媛生涯早上简单弄下手续，重新配了一下公司电脑的vscode，发现电脑的前任主人没有清楚cookies，留下了印象笔记的默认登录，而且他的好些账号密码还写在上面了……………………然后发现技术团队里好几个还没毕业的小学弟（老了…………）中午吃饭终于吃到了久违的食堂的味道，感觉还挺不错的。大佬交代了一个页面，看了一下感觉挺简单……但是真正开始写还是写了好一会。——————...

我的web前端工作日记2------web前端工作的一天