前端写代码真的有必要封装太好么?

最新推荐文章于 2024-11-12 11:19:19 发布
最新推荐文章于 2024-11-12 11:19:19 发布
阅读量621 收藏 10
点赞数 12
分类专栏： 前端 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_68271787/article/details/140006985
版权

前言

封装、代码复用、设计模式……

这些都是方法，业务才是目的。技术始终是为业务服务的。能够满足业务需求，并且用起来舒服的，都是好方法。

不存在一套适用于所有项目的最佳代码组织方法，你需要结合业务，去不断地演进。就像你不会用造汽车的方法，去造火箭，或是自行车。

这里分享一些我自己觉得比较舒服的方法。

1. 船到桥头自然直

不用非得等所有细节都想清楚了才开始动手。你只需要一个大致的方案，从第一个文件开始，先写起来。写着写着，你就会发现：

  • 这里用到的代码，别的地方也用到了
了解本专栏 订阅专栏 解锁全文 超级会员免费看
秋の本名
关注
专栏目录
订阅专栏
2024年Unity 面试题 |五萬字 二佰道| Unity面试题大全，面试题总结【全网最全，收藏一篇足够面试】
努力前行，总会成为自己心中的那道光
02-23 12万+
正所谓 金三银四 ，又到了找工作的大好时机了，不知道大家有没有意向找一份更好的工作呢~ 之前写了很多Unity的学习和实例文章，但是面试题部分还没有一个系统的整理。 那本篇文章就来整理一下Unity中一些常见的面试题，说不准就会面试的时候就会遇到！ 本篇文章会将Unity所有方面的面试资料都融会贯通，绝对是2022年Unity面试领域最实用的文章啦！
前端框架这么火，还有必要学好原生 JavaScript 吗？
BOM485480的博客
01-12 3523
作为一名前端工程师，JavaScript 你一定每天都在用。但是，即便工作 5 年以上的前端也不一定用得非常熟，甚至很多前端对 JavaScript 的掌握程度仅仅停留在会用的层面。 而且 Vue/React 等框架的便利，更是让前端人无需苦学 JavaScript 原生，就可以快速构建一个网页。它解决了开发者短期的痛点，却为依赖框架开发的程序员埋下长期隐患：要一直跟随框架的迭代而学习，而不是掌握底层基础。 就拿我身边的例子的具体来说，每当有框架更新、新技术出现，我的同事、同行都在爆肝学习。但是，大多数人
一个前端程序员有必要拥有属于自己的UI组件库吗？
Yugoup的博客
07-05 1295
前言 UI组件库是前端程序员在项目中必不可少的，因为他不仅能够大大提高前端攻城狮们的开发效率，更是能便于我们维护自己的代码，保证规范性和唯一性。总之，组件化编程可以说是当下前端的重要趋势。那么，身为一名合格的前端攻城狮，有必要拥有一套自己的UI组件库呢？ 我觉得很有必要啊。有人会问“在组件化编程的今天，网上已经有很多很多优秀，美观，备受好评的UI组件库，他们有详细的文档，日常开发中，我们只要引入他们，一样可以提高开发效率，一样可以便于维护。网上的轮子千千万，很多很多比自己写的要好很多，为什么还要自己费时
还用axure？一款产品经理可直接用的前端无代码工具，像设计原型那样直接搭建复杂的前端应用！— UIOTOS
IOTOS的博客
10-20 498
在vue开发中，组件是渐进式增量化开发，也有属性继承，这点如果理解成嵌套，那肯定比iframe好得多，但是代码层面嵌套、派生和继承，那好像是最基础的，面向对象变成中所有开发语言的类都是这样。首先现有的组态编辑中，只能搭建单个页面，最多是多个页面的跳转，没法封装，或者说组件的开发只能通过代码，没法让页面本身也成为组件，相当“面向对象的编程”与“面向页面的编辑”的对照。基础组件：输入框、下拉框、文本、文档编辑、表格、页签、对话框、按钮、勾选框、曲线、饼图、柱状图、视频、图片、进度条、日期时间等。
前端架构工作原理
qq_70898754的博客
10-10 1286
本文探讨了前端架构的必要性及相关问题的解决方法。前端虽以网页形式存在且有现成框架，但不同项目质量差异大，中大型项目需考虑架构，一般要解决规整化、适配性和兼容性、模块化、单页应用四个问题。
项目开发中，真的有必要定义VO，BO，PO，DO，DTO这些吗？
m0_71777195的博客
06-15 1379
存在即是合理的，业务复杂，人员协同性要求高的场景下，这些规范性的东西不按着来虽然不会出错，程序照样跑，但是遵守规范会让程序更具扩展性和可读性，都是前辈血淋淋的宝贵经验，为什么不用？随着现在后端编程标准化程度越来越高，各种编程模型层出不穷。作为Java开发人员，大部分人不免要接触VO，BO，PO，DO，DTO之类的，但很多同学对这些概念一直以来都是云里雾里，团队开发过程中也总是处于混乱的状态，抓起来就用，本来是规范性的东西，却反而导致更加混乱了。今天我们把这些概念掰开揉碎来讲解一下，力求有一个清晰的理解，在开
前端经典面试题（有答案）
loveX001的博客
02-28 932
输出结果：10 10我么知道，箭头函数时不绑定this的，它的this来自原其父级所处的上下文，所以首先会打印全局中的 a 的值10。后面虽然让say方法指向了另外一个对象，但是仍不能改变箭头函数的特性，它的this仍然是指向全局的，所以依旧会输出10。但是，如果是普通函数，那么就会有完全不一样的结果： 输出结果：20 30这时，say方法中的this就会指向他所在的对象，输出其中的a的值。也叫组合式API，是Vue3.x的新特性。通俗的讲：没有之前vue相关业务的代码需要配置到option的特定的区域，中
还记得吗？你为什么要做前端！
weixin_44526331的博客
02-27 406
你为什么要做前端？ 第一篇 初始 “你为什么要做前端？” 我问她。 “因为感觉写出来的东西可以直接看得到，可以写漂亮的网页。 不像后端一样，写出来的东西根本就看不见摸不着。” 她说的很对，可是我很久之后才明白。 等我明白了之后，却再也找不到她了。 我是一个后端工程师。 而我是一个后端工程师的时候，我从来都没觉得前端有什么可以吸引我的。 我的全部心思都在架构，逻辑，数据。 她说的这些看不到的东西，...
高级前端一面面试题合集
grooyo的博客
09-12 756
高级前端一面面试题合集
写给想做前端或者已经在做前端的你
webbeizi的博客
07-03 515
写这篇文章希望和大家分享、交流，共同进步；更希望能够给将要在前端行业工作、实习的同学一些帮助。 P.S. 喷神请绕道，大神勿喷，不引战，不攻击，不钻牛角尖。 第一次接触前端时。许多同学估计都想过要做一个网站，大部分又是从PHP开始的（谁让它是世界上最好的语言呢）。后端语言参与渲染HTML一直很主流，跟着教程做，你会写一堆样式表，到后来也许是需要在提交表单时进行客户端验证，你开始写一些JS。 想做个网站啥的（以前app没有那么多），必须要学会HTML、CSS、JS，HTML构造结构，CSS表现样式，JS决定行
前端面试题
IT_Jiangxiaobai的博客
05-19 5223
01-HTML~02-CSS 1.每个HTML文件里面都有一个很重要的东西，Doctype，知道这是干什么的么？ 要点一 : 该标签告知浏览器浏览文档要使用的HTML规范 , 告知浏览器以何种规范解析页面 要点二 : 声明对大小写不敏感 2.常用浏览器有哪些，内核都是什么？ 答： 常用浏览器有chrome、safari、 IE、火狐(firefox) 、 Opera 、360、搜狗等 浏览器 内核 备注 IE Trident IE、猎豹安全、360极速浏览器、百度浏览器 firefo
前端 Flex 布局语法详解
ning的博客
11-10 1076
Flex是Flexible Box的缩写，意为“弹性布局”。它允许容器内的项目（子元素）自动调整大小，以适应不同屏幕尺寸和布局需求。如果需要行内Flex布局，可以使用Flex布局提供了一种强大而灵活的方式来创建响应式布局。通过理解并应用上述属性，你可以轻松地创建出复杂且适应不同屏幕尺寸的布局。随着现代浏览器对Flex布局的广泛支持，它已经成为前端开发中不可或缺的一部分。版权声明：本博客内容为原创，转载请保留原文链接及作者信息。参考文章CSDN - Flex布局详解菜鸟教程 - Flex 布局语法教程。
蓝凌OA-EKP hrStaffWebService 任意文件读取漏洞
iSee857的博客
11-12 364
它集成了流程管理、知识管理、会议管理、公文管理、合同管理、费用管控等多个模块，旨在帮助企业解决基础OA应用、系统集成、开发平台和创新业务定制等长期扩展需求，推动企业实现管理在线化、知识赋能化、运营数字化和人机智能化‌。漏洞，未经身份验证攻击者可通过该漏洞读取系统重要文件（如数据库配置文件、系统配置文件）、数据库配置文件等等，导致网站处于极度不安全状态。在处理客户端输入的参数时，进行严格的验证和过滤，防止未授权的文件访问。返回数据经过base64编码 解码后可得读取数据。
Vue中的常用指令
最新发布
m0_62388400的博客
11-12 728
指令（Directives）是 Vue 提供的带有的 特殊 标签。为啥要学：提高程序员操作 DOM 的效率。vue 中的指令按照不同的用途可以分为如下 6 大类：内容渲染指令（v-html、v-text）条件渲染指令（v-show、v-if、v-else、v-else-if）事件绑定指令（v-on）属性绑定指令 （v-bind）双向绑定指令（v-model）列表渲染指令（v-for）指令是 vue 开发中最基础、最常用、最简单的知识点。
App WebView白屏检测及解决总结，包括Android 和 iOS
LiangGang365的专栏
11-12 478
相对Android上的白屏，ios白屏的出现在app端上大部分为内存占用产生，其他网络、资源、js语言兼容、中文字样ulr等同样也会发生白屏，这类问题需要针对分析。在APP端上除去相关页面元素，加载错误、兼容性，语法错误造成白屏，以上相关方案可以启到检测并尝试重试刷新页面，达到用户无感知，避免白屏的出现和出现白屏瞬间进行切换或者刷新。内存导致的白屏或者其他异常问题，有时白屏显示，有时界面渲染失败等奇怪现象，但是内存白屏是最不好处理，又需要给用户友好体验的问题。
@RestController 源码解读：解决 Web 开发中 REST 服务的疑难杂症
狼堡灰太狼的博客
11-11 690
这里可以理解成，注解MyInterface2的value属性重写了注解MyInterface1的value属性，但重新的属性的返回类型必须相同。可以看出对于value这个属性来说，@Configuration注解中的值会重写@Component的value属性值，这有点像类之间的继承，子类可以重父类的方法。达到 @MyInterface1(value2="number1") 和 @MyInterface1(value1="number1") 的效果相同。JDK 17 引入 records 新特性。
前端性能优化2
Cwhat的博客
11-06 1297
常见问题：首屏速度，白屏时间等。操作速度以及渲染速度。一打开网页时白屏，是因为还需要从服务器那边请求HTML、JS这些过来，加载下来后才有东西渲染首屏速度参考两方面：白屏时间（资源加载时间、首屏js执行）、渲染页面（首屏数据请求、Dom渲染）渲染页面是比较快的，所以大多数时间是花在了白屏时间上，而其中的资源加载时间是占比比较大的。
JavaScript 实现文本转语音功能
bjjgff的博客
11-08 508
通过这篇教程，我们使用 HTML、CSS 和 JavaScript 构建了一个简单的文本转语音应用。该项目不仅展示了 Web Speech API 的强大功能，同时也展示了如何将前端技术结合起来实现有趣的功能。希望这篇文章对你有所帮助，如果有任何问题或改进建议，欢迎在评论区留言！相关文章你从未见过的 10 个令人惊叹的 JavaScript 技巧HTML+CSS+JS 实现动态模态超级英雄卡片效果使用 HTML 和 CSS 创建 3D 菜单效果。
SpringBoot 实战：文件上传之秒传、断点续传、分片上传
江南一点雨的专栏
11-12 248
好了，以上就是关于文件上传中秒传、断点续传和分片上传的实战分享。通过这些技术的应用，我们可以极大地提升文件上传的效率和稳定性，改善用户体验。希望各位小伙伴在自己的项目中也能灵活运用这些技巧，解决实际问题。
第三十七章 Vue之编程式导航及跳转传参
Calvin的博客
11-10 1532
前面的章节我们学习了声明式导航的路由跳转，简单理解就是通过链接形式的路由跳转，本章节我们来学习下编程式导航跳转，即点击按钮来实现页面的跳转。在Vue中提供了两种实现方式。Home.vue的代码在前者基础上稍做调整即可，获取方式等代码一样。编程式导航两种跳转方式对于两种传参方式也都支持。跳转方法中通过name属性指定路由即可。2.1.1. 查询参数传参（简写）2.2. name命名路由跳转传参。1.2. name 命名路由跳转。2.1. path路径跳转传参。2.2.1. 查询参数传参。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

秋の本名

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值