- 综合排序
- 最热优先
- 最新优先
- 来自专栏云计算linux
前端架构师之11_JavaScript事件
用户单击button按钮，这个行为就会被JavaScript中的click事件侦测到；然后让其自动执行，为click事件编写的程序代码，如在控制台输出“按钮被单击”。
1.7K10编辑于 2024-12-13 - 来自专栏超级架构师
【微前端架构】AWS 上的微前端架构
微前端架构将微服务开发原则引入前端应用程序。在微前端架构中，开发团队独立构建和部署“子”前端应用程序。这些应用程序由“父”前端应用程序组合而成，该前端应用程序充当容器来检索、显示和集成各种子应用程序。 在微前端架构中，团队应该能够独立部署他们的前端应用程序，而对其他服务的影响最小。这些更改将反映在父应用程序中。 自治团队：每个团队都是各自领域的专家。例如，计费服务团队成员具有专业知识。 运营开销：微前端应用程序不是管理单个前端应用程序，而是涉及为所有团队创建和管理单独的基础架构。 构建微前端 微前端架构模式最困难的挑战是将子应用程序与父应用程序集成。优先考虑用户体验对于任何前端应用程序都至关重要。 结论 微前端架构为前端应用程序引入了微服务开发的许多熟悉的好处。微前端架构还允许您管理小型独立组件，从而简化构建复杂前端应用程序的过程。
2.5K10编辑于 2022-03-08 - 来自专栏无限可能的程序开发
前端架构工作
. ---- 我是 甜点cc☭ 公众号：【看见另一种可能】 专注前端开发，也喜欢专研各种跟本职工作关系不大的技术，技术、产品兴趣广泛且浓厚。
37410编辑于 2023-03-16 - 来自专栏前端导学
前端架构问答
Q 为什么需要好的前端架构？ A 为了保障前端项目的维护成本更低 Q 如何构建有弹性的前端架构？ A 可以从启用约束做起 Q 如何启用约束？ A 做到三点： 1 文件夹约束（将变更的影降低到最小） 2保守的看待代码复用这件事（避免为了代码复用而引入不必要的库，导致更高的维护成本） 3加强你的边界 (保护好现有的架构，阻止新人想要改造架构的冲动
78320发布于 2020-11-23 - 来自专栏前端干货和生活感悟
前端小知识11点
,'2019-02-01','month') //["2018-05", "2018-06", "2018-07", "2018-08", "2018-09", "2018-10", "2018-11 ", "2018-12", "2019-01", "2019-02"] 3、moment.js当日期为周日时，获取所在周的周日，出现的bug let date='2019-08-11' //获取该日期所在的周几 = moment(date) .week(+end_weeknumber) .isoWeekday(7) .format('YYYY-MM-DD') //'2019-08-11 ' 特别特别需要注意的就是，当所选日期是周日的时候，获取所在的周数是需要加 1 的 配合 前端小知识10点(2019.9.29) 的第一点使用： 完美版： let date='2019-08-11' },100) }, 这个知识在自己的项目里还是挺有用的，一个是拖拽，另一个是鼠标滚轮滚动里也用到过 10、获取网页缩放比例 window.devicePixelRatio 11
1.2K30发布于 2019-12-16 - 来自专栏西岭老湿
微前端架构实战
微前端架构实战 如何实现多个应用之间的资源共享？ 之前比较多的处理方式是npm包形式抽离和引用，比如多个应用项目之间，可能有某业务逻辑模块或者其他是可复用的，便抽离出来以npm包的形式进行管理和使用。 可以理解微前端是一种将多个可独立交付的小型前端应用聚合为一个整体的架构风格。 这种架构目前有多种方案，都有利弊之处，但只要适用当前业务场景的就是好方案。 微前端并没有技术栈的约束。每一套微前端方案的设计，都是基于实际需求出发。 使用微前端架构就可以解决问题，在保留原有项目的同时，可以完全使用新的框架开发新的需求，然后再使用微前端架构将旧的项目和新的项目进行整合。 在 single-spa 框架中有三种类型的微前端应用： single-spa-application / parcel：微前端架构中的微应用，可以使用 vue、react、angular 等框架。
4.6K00发布于 2021-04-25 - 来自专栏全栈程序员必看
什么是前端架构？
介绍：当下，对于从事前端开发人员来讲，编写前端样式不仅是要当做事前来考虑的事情，而且还要先进行网站设计方案的讨论，然后才开发各种功能，这样做是避免一些定性的div、列表、或链接等后期难以修改造成的窘境 文章目录 前言 一、HTML设计 二、CSS设计 三、JavaScript设计 四、工作流程 五、总结 ---- 前言 前端架构含义：是指一系列工具和流程的集合，旨在提升前端代码的质量，并实现高效、可持续的工作流 就我理解而言，前端编程好似作文一般，写作之前我们肯定是先思考一下文章的思路，模板排布等，如果没有逻辑可言，想写便写，宛如流水账，得分也不会高到哪去，前端也一样。 本文一方面是介绍前端架构的重要性，浅解前端架构的深意；一方面也是勉励自己未来在前端开发方面少走弯路，不足之处还请见谅。 五、总结 随着对前端架构的理解越来越深入，从项目开始到现在所达到的高度，所需的时间会越来越短，而且所经历的迭代也会越来越少。我们的职责是认清目前的优势和劣势，并预测可能出现的机遇和问题。
95310编辑于 2022-11-15 - 来自专栏Super 前端
前端架构--从入门到微前端
前端架构：从入门到微前端》 本书围绕前端架构的实施，从基础的架构规范，到如何设计前端架构，再到采用微前端架构拆分复杂的前端应用。 设计：架构设计的模式，以及设计和制定前端工作流 基础：通过深入构建系统、单页面应用原理、前端知识体系等，来构建出完整的前端应用架构体系 实施：通过与代码结构的方式，介绍如何在企业级应用中实施组件化架构、 设计系统和前后端分离架构 微前端：引入6种微前端的概念，以及如何划分、设计微前端应用，并展示了如何实现这6种微前端架构 演进：提出更新、迁移、重构、重写、重新架构等架构演进方式，来帮助开发人员更好地设计演进式架构 比较适合初、中级的前端开发人员或者想了解前端的小伙伴。在此并不想呈现太多的书中内容摘要，而是想通过作者的一些表达来结合自身和自己团队来谈一下观点和想法，特别是在架构方面。 对于前端而言，业务性和交互越来越重，架构的重要性不言而喻。页面整体渲染 => 结构行为表现分离 => 插件化/模块化 => MVC/MVVM => 组件化。
1.2K21发布于 2020-05-28 - 来自专栏web前端教室
WEB前端架构（三）
先跟关注我的各位说声抱歉，快一周没更新了。 实在是因为太忙了，最近周末在忙装修的事，周内又要加班。 因为是新公司嘛，本来就忙，三天前又被临时抓去写一个手机微信上用的购物车。。 我也是忙的有点脑抽了，拿着图顺着操作步骤就写下去了，到后来才发现，这不就是一步一步的面向过程的写法了么， 所有的操作全都纠缠在一起，数字和操作用变量到处传来传去， 结果毫无意外的写成了一坨屎。 然后是当然的推翻重写啊， 搞一个购物车对象，然后添加各种方法，操作数据来渲染dom, 这才是正确的套路， 今天先说下思路， index.ht
793100发布于 2018-02-06 - 来自专栏call_me_R
清晰的前端架构
, KISS(Keep It Short and Simple), DRY(Don't Repeat Yourself), DDD(Domain-Driven-Design) 等等 我们为什么需要前端架构 功能性和非功能性需求不仅需要应用到后端，也需要应用于前端。因此，前端架构能够满足商业的需求。而且，我们可以更好理解项目的复杂性，从而减少项目的风险、时间和成本。 然而，在我看来，前端架构最有价值的原因是任何项目的可维护性和可扩展性。 前端架构应该是什么样子的？ 根据我的经验，大多数情况下，Layered Architecture（分层架构）被使用到。 此外，我已经将领域驱动设计（DDD）应用于前端架构中。最后，但是同样重要的是，我还阐述了有关创建组件和添加业务逻辑的规则，以便代码能够保持可维护性。 希望本文能帮到你构建一个清晰的前端架构（cleaner Frontend Architectures）。
60420编辑于 2023-10-27 - 来自专栏web前端教室
WEB前端架构（二）
继续想到哪说哪，， 继上一期说，定好了MVC结构之后 就准备先搞些组件出来，首先就是抽个input出来。。 目前有登录页和用户地址栏页， input至少有二种以上特性， 一检测是否为空，input上弹出小提示框 二如果为空，边框变色。 思路是这样，伪代码： var createInput = { init:function(){ }, cInput:function(){ var _ths = this; $('<input>',{ 'id':_id, 'class':_cls, }).
95060发布于 2018-02-06 - 来自专栏终身学习者
干净的前端架构
免费体验 Gpt4 plus 与 AI作图神器，我们出的钱 体验地址：体验 干净的前端架构,围绕这个话题有很多原则： SOLID、KISS（保持简单明了）、DRY（不要重复自己）、DDD（领域驱动设计） 为什么需要前端架构？ 功能性和非功能性的要求不仅应该在后端应用，还应该在前端应用。因此，有了前端架构，我们就能满足业务需求。此外，我们能够更好地理解项目的复杂性，从而降低项目的风险、时间和成本。 然而，作者认为，前端架构的最有价值的原因是任何项目的可维护性和可扩展性。 那么，前端架构是什么样的呢？ 根据作者的经验，大多数时候都使用分层架构。但是，也会有一些项目采用了六边形架构。 此外，还将 DDD 引入了前端架构。最后，介绍了创建组件和添加业务逻辑时的一些规则，希望这些代码能够保持可维护性。 不过，开发人员团队在进行代码审查和添加新功能时必须具备较高的标准，否则清洁架构可能不足以保持可维护性。 希望这能帮助大家构建更简洁的前端架构。
40110编辑于 2024-02-12 - 来自专栏前端精读评论
11. 精读《前端调试技巧》
讨论地址是：精读《前端调试技巧》 · Issue #17 · dt-fe/weekly
1.2K40编辑于 2022-03-14 - 来自专栏web前端教室
WEB前端架构（一）
想到哪说哪，， 前端架构当然首推MVC，在我这个项目里， (一)、view层，就是html、css、一些直接控制DOM的JS； --login.html，base.css，login.css 以上是这二天的成果，页面只做了login一个，主要精力都放在如何搭建前端架构上面了。 虽然还是很简陋的mvc，但前端架构从来都是不停的优化调整的。
1.4K80发布于 2018-02-06 - 来自专栏Python 学习
前端-part11-Bootstrap初识
2.Bookstrap...复制粘贴...复制粘贴...link导入bookstrap.css，分分列，然后往里面贴
65120发布于 2019-09-02 - 来自专栏大侠之运维
前端复刻win11系统
计算机网络知识文章链接：https://cloud.tencent.com/developer/article/2474032 本篇文章主要介绍了计算机网络知识最近看到一个不错的开源项目，作者用react复刻了一个win11 如果你想去体验下，作者提供了一个的demo环境，地址如下：https://win11.blueedge.me/而如果你想自己启动一个这样的项目的话，最快捷的方式是通过docker启动，方式如下：docker run -d --restart unless-stopped --name win11react -p 3000:3000 blueedge/win11react:latest当然了，如果你熟悉一些自动化在线部署平台如 前面也提到了，它不是一个操作系统，也和microsoft没有任何关系，作者写这个项目用了不到10天，真正写代码仅用了6天如果你是前端开发者，或者在学习react，那么这个项目可以作为一个不错的练手项目。
46300编辑于 2024-12-06 - 来自专栏web前端教室
WEB前端架构（四）
这个购物车正好用来，给公司的电商网站中的购物车模块练手 等再写电商网站的购物车的时候，就不会这么写的这么尴尬了 我感觉，所谓的前端双向绑定，无非就是改变Data的时候，调用生成相关DOM结构的tpl模板
1.2K90发布于 2018-02-06 - 来自专栏前端导学
前端架构最佳实践
Folders-by-Feature Structure 胜过 Folders-by-Type Structure
30220发布于 2019-12-20 - 来自专栏农民工前端
前端架构是什么？
---什么是前端架构前端架构是指在前端开发中，设计和组织应用程序的基本结构和组件之间的关系的方法和原则。它涉及到如何组织代码、管理数据、处理业务逻辑以及实现用户界面等方面。 以上仅为常见的几种前端架构模式，根据项目需求和规模的不同，选择适合的前端架构模式。前端架构的好处前端架构指的是在开发前端应用时，将代码组织、模块化和管理的整体结构和设计。 什么项目用前端架构前端架构可以应用于各种类型的项目，包括但不限于以下几个方面：Web 应用程序：前端架构在开发 Web 应用程序方面非常常见。 无论是简单的静态网站，还是复杂的大型系统，前端架构都能提供结构化的开发方式、高效的团队协作和优秀的用户体验。因此，在大多数的前端开发项目中，采用适当的前端架构是非常有益的。必须要用前端架构嘛？ 并非所有项目都必须使用前端架构。选择是否使用前端架构通常取决于项目的规模、复杂性和需求。
1.5K20编辑于 2023-06-27 - 来自专栏超级架构师
「前端架构」Grab的前端学习指南
必须引导web团队的新成员接受前端的这种演化，学会轻松地在生态系统中导航，并尽可能快地向用户交付代码。我们提出了一个学习指南，介绍我们为什么要做我们所做的，以及我们如何处理前端的规模。 使用Ruby on Rails、Django、Express等框架构建了服务器端呈现的web应用程序。 了解网络是如何工作的。熟悉web协议和约定，如HTTP和RESTful api。 为了解决这个问题，Facebook发明了Flux，这是一个应用架构，通过利用单向数据流来补充React的可组合视图组件。在这里阅读更多关于Flux的工作原理。 分层结构——app / Flux架构中的每一层都是纯功能，职责明确。为它们编写测试非常容易。 这个有用的前端web开发人员路线图显示了各个方面可用的替代技术。 我们的技术决策是基于快速成长的Grab工程团队所看重的——前端代码库的可维护性和稳定性。
9.3K20发布于 2019-10-31
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号