首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏达达前端

    前端技术前沿9

    install-node-msi-version-on-windows-step1

    1.9K50发布于 2019-07-03
  • 来自专栏智能时刻

    【微前端架构】AWS 上的微前端架构

    前端架构将微服务开发原则引入前端应用程序。在微前端架构中,开发团队独立构建和部署“子”前端应用程序。这些应用程序由“父”前端应用程序组合而成,该前端应用程序充当容器来检索、显示和集成各种子应用程序。 在微前端架构中,团队应该能够独立部署他们的前端应用程序,而对其他服务的影响最小。这些更改将反映在父应用程序中。 自治团队:每个团队都是各自领域的专家。例如,计费服务团队成员具有专业知识。 运营开销:微前端应用程序不是管理单个前端应用程序,而是涉及为所有团队创建和管理单独的基础架构。 构建微前端前端架构模式最困难的挑战是将子应用程序与父应用程序集成。优先考虑用户体验对于任何前端应用程序都至关重要。 结论 微前端架构前端应用程序引入了微服务开发的许多熟悉的好处。微前端架构还允许您管理小型独立组件,从而简化构建复杂前端应用程序的过程。

    2.7K10编辑于 2022-03-08
  • 来自专栏无限可能的程序开发

    前端架构工作

    . ---- 我是 甜点cc☭ 公众号:【看见另一种可能】 专注前端开发,也喜欢专研各种跟本职工作关系不大的技术,技术、产品兴趣广泛且浓厚。

    45110编辑于 2023-03-16
  • 来自专栏前端导学

    前端架构问答

    Q 为什么需要好的前端架构? A 为了保障前端项目的维护成本更低 Q 如何构建有弹性的前端架构? A 可以从启用约束做起 Q 如何启用约束? A 做到三点: 1 文件夹约束(将变更的影降低到最小) 2保守的看待代码复用这件事(避免为了代码复用而引入不必要的库,导致更高的维护成本) 3加强你的边界 (保护好现有的架构,阻止新人想要改造架构的冲动

    83320发布于 2020-11-23
  • 来自专栏腾讯大讲堂的专栏

    iOS 9前端做了什么?

    作者:big(谢刚),腾讯TGideas团队前端工程师,前端虐我千万遍,我待前端如初恋! 随着9月25日iPhone6s的发货,早已预订入手的小伙伴已开始了新一轮的研究。 那么它的到来对于前端来说有哪些新东西? backdrop-filter iOS9 中的Safari支持背景模糊这个CSS属性 CSS代码 ? 效果如下: ? CSS Supports iOS9中,CSS也可以做一些特性检测,即@supports,用法和media query一样简单,例如 CSS代码 ?

    1.1K60发布于 2018-02-12
  • 来自专栏腾讯大数据的专栏

    iOS 9前端做了什么?

    随着9月25日iPhone6s的发货,早已预订的人是不是心里开始有点小激动了。那么它的到来对于前端来说有哪些新东西? backdrop-filter iOS9 中的Safari支持背景模糊这个CSS属性 CSS代码 ? 效果如下: ? CSS Supports iOS9中,CSS也可以做一些特性检测,即@supports,用法和media query一样简单,例如 CSS代码 ?

    1.1K50发布于 2018-01-26
  • 来自专栏运维博客

    9. CMDB前端开发(上)

    CMDB前端开发(上) 大纲 登录页面 后台基本布局 登录页面 前端代码架构可以参考: https://blog.51cto.com/devwanghui/6193473 开发前预览页面 仪表盘占位页面开发 flex; align-items: center; justify-content: space-between; } </style> 效果展示 修改密码 修改密码后端接口 前端需要使用的

    2.2K10编辑于 2023-05-07
  • 来自专栏西岭老湿

    前端架构实战

    前端架构实战 如何实现多个应用之间的资源共享? 之前比较多的处理方式是npm包形式抽离和引用,比如多个应用项目之间,可能有某业务逻辑模块或者其他是可复用的,便抽离出来以npm包的形式进行管理和使用。 可以理解微前端是一种将多个可独立交付的小型前端应用聚合为一个整体的架构风格。 这种架构目前有多种方案,都有利弊之处,但只要适用当前业务场景的就是好方案。 微前端并没有技术栈的约束。每一套微前端方案的设计,都是基于实际需求出发。 使用微前端架构就可以解决问题,在保留原有项目的同时,可以完全使用新的框架开发新的需求,然后再使用微前端架构将旧的项目和新的项目进行整合。 在 single-spa 框架中有三种类型的微前端应用: single-spa-application / parcel:微前端架构中的微应用,可以使用 vue、react、angular 等框架。

    4.9K00发布于 2021-04-25
  • 来自专栏全栈程序员必看

    什么是前端架构

    介绍:当下,对于从事前端开发人员来讲,编写前端样式不仅是要当做事前来考虑的事情,而且还要先进行网站设计方案的讨论,然后才开发各种功能,这样做是避免一些定性的div、列表、或链接等后期难以修改造成的窘境 文章目录 前言 一、HTML设计 二、CSS设计 三、JavaScript设计 四、工作流程 五、总结 ---- 前言 前端架构含义:是指一系列工具和流程的集合,旨在提升前端代码的质量,并实现高效、可持续的工作流 就我理解而言,前端编程好似作文一般,写作之前我们肯定是先思考一下文章的思路,模板排布等,如果没有逻辑可言,想写便写,宛如流水账,得分也不会高到哪去,前端也一样。 本文一方面是介绍前端架构的重要性,浅解前端架构的深意;一方面也是勉励自己未来在前端开发方面少走弯路,不足之处还请见谅。 五、总结 随着对前端架构的理解越来越深入,从项目开始到现在所达到的高度,所需的时间会越来越短,而且所经历的迭代也会越来越少。我们的职责是认清目前的优势和劣势,并预测可能出现的机遇和问题。

    1.1K10编辑于 2022-11-15
  • 来自专栏Super 前端

    前端架构--从入门到微前端

    前端架构:从入门到微前端》 本书围绕前端架构的实施,从基础的架构规范,到如何设计前端架构,再到采用微前端架构拆分复杂的前端应用。 设计:架构设计的模式,以及设计和制定前端工作流 基础:通过深入构建系统、单页面应用原理、前端知识体系等,来构建出完整的前端应用架构体系 实施:通过与代码结构的方式,介绍如何在企业级应用中实施组件化架构、 设计系统和前后端分离架构前端:引入6种微前端的概念,以及如何划分、设计微前端应用,并展示了如何实现这6种微前端架构 演进:提出更新、迁移、重构、重写、重新架构架构演进方式,来帮助开发人员更好地设计演进式架构 比较适合初、中级的前端开发人员或者想了解前端的小伙伴。在此并不想呈现太多的书中内容摘要,而是想通过作者的一些表达来结合自身和自己团队来谈一下观点和想法,特别是在架构方面。 对于前端而言,业务性和交互越来越重,架构的重要性不言而喻。页面整体渲染 => 结构行为表现分离 => 插件化/模块化 => MVC/MVVM => 组件化。

    1.3K21发布于 2020-05-28
  • 来自专栏web前端教室

    WEB前端架构(二)

    继续想到哪说哪,, 继上一期说,定好了MVC结构之后 就准备先搞些组件出来,首先就是抽个input出来。。 目前有登录页和用户地址栏页, input至少有二种以上特性, 一检测是否为空,input上弹出小提示框 二如果为空,边框变色。 思路是这样,伪代码: var createInput = { init:function(){ }, cInput:function(){ var _ths = this; $('<input>',{ 'id':_id, 'class':_cls, }).

    1K60发布于 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)。

    71820编辑于 2023-10-27
  • 来自专栏web前端教室

    WEB前端架构(三)

    addProduct:function(product){ }, editCart:function(){ }, emptyCart:function(){ ... } } 之类的,, 今晚又加班到晚上9

    848100发布于 2018-02-06
  • 来自专栏终身学习者

    干净的前端架构

    免费体验 Gpt4 plus 与 AI作图神器,我们出的钱 体验地址:体验 干净的前端架构,围绕这个话题有很多原则: SOLID、KISS(保持简单明了)、DRY(不要重复自己)、DDD(领域驱动设计) 为什么需要前端架构? 功能性和非功能性的要求不仅应该在后端应用,还应该在前端应用。因此,有了前端架构,我们就能满足业务需求。此外,我们能够更好地理解项目的复杂性,从而降低项目的风险、时间和成本。 然而,作者认为,前端架构的最有价值的原因是任何项目的可维护性和可扩展性。 那么,前端架构是什么样的呢? 根据作者的经验,大多数时候都使用分层架构。但是,也会有一些项目采用了六边形架构。 此外,还将 DDD 引入了前端架构。最后,介绍了创建组件和添加业务逻辑时的一些规则,希望这些代码能够保持可维护性。 不过,开发人员团队在进行代码审查和添加新功能时必须具备较高的标准,否则清洁架构可能不足以保持可维护性。 希望这能帮助大家构建更简洁的前端架构

    50010编辑于 2024-02-12
  • 来自专栏web前端教室

    WEB前端架构(一)

    想到哪说哪,, 前端架构当然首推MVC,在我这个项目里, (一)、view层,就是html、css、一些直接控制DOM的JS; --login.html,base.css,login.css 以上是这二天的成果,页面只做了login一个,主要精力都放在如何搭建前端架构上面了。 虽然还是很简陋的mvc,但前端架构从来都是不停的优化调整的。

    1.5K80发布于 2018-02-06
  • 来自专栏web前端教室

    WEB前端架构(四)

    这个购物车正好用来,给公司的电商网站中的购物车模块练手 等再写电商网站的购物车的时候,就不会这么写的这么尴尬了 我感觉,所谓的前端双向绑定,无非就是改变Data的时候,调用生成相关DOM结构的tpl模板

    1.3K90发布于 2018-02-06
  • 来自专栏前端导学

    前端架构最佳实践

    Folders-by-Feature Structure 胜过 Folders-by-Type Structure

    33620发布于 2019-12-20
  • 来自专栏农民工前端

    前端架构是什么?

    ---什么是前端架构前端架构是指在前端开发中,设计和组织应用程序的基本结构和组件之间的关系的方法和原则。它涉及到如何组织代码、管理数据、处理业务逻辑以及实现用户界面等方面。 以上仅为常见的几种前端架构模式,根据项目需求和规模的不同,选择适合的前端架构模式。前端架构的好处前端架构指的是在开发前端应用时,将代码组织、模块化和管理的整体结构和设计。 什么项目用前端架构前端架构可以应用于各种类型的项目,包括但不限于以下几个方面:Web 应用程序:前端架构在开发 Web 应用程序方面非常常见。 无论是简单的静态网站,还是复杂的大型系统,前端架构都能提供结构化的开发方式、高效的团队协作和优秀的用户体验。因此,在大多数的前端开发项目中,采用适当的前端架构是非常有益的。必须要用前端架构嘛? 并非所有项目都必须使用前端架构。选择是否使用前端架构通常取决于项目的规模、复杂性和需求。

    1.7K20编辑于 2023-06-27
  • 来自专栏鲸鱼动画

    前端综合面试题(9道)

    简述一下背景故事,今天有一个年轻人来我们公司面试前端,主管临时找我充当了一次面试官,个人工作经验尚佳,面试经验一般,随口问了他 8 个问题,小伙子回答的不错,我让他明天来和人事谈薪资。 在我们的面试环节当中,面试官不一定就是前端工作人员,也可能工作经验不如你我丰富,不会说我们公司只用Vue开发项目就只问你Vue传参和封装,涵盖前端各个知识点才能看出一个人的基本功是否扎实。 9.什么是防抖与节流? 答案参考: 1,marquee <marquee direction=left>组图:盘点2020年十大自然景观</marquee> 文字缓缓向左滑动。 9,防抖:多次触发事件后,n秒内函数只能执行一次;   节流:多次触发事件后,函数每n秒执行一次; (本章完)   前端的学习不是一蹴而就,不积跬步无以至千里,不积小流无以成江海。

    85520发布于 2020-09-22
  • 来自专栏前端迷

    9个不错的前端开源项目

    为了帮助你在2020年成为前端大师,我收集了9个不同的项目,每个项目都有不同的主题和不同的JavaScript框架或库作为技术栈,您可以构建它们并将它们添加到学习计划中。 https://www.telerik.com/blogs/building-a-blog-with-vue-and-markdown-using-gridsome 9.使用Quasar构建类似SoundCloud 总结 在本文中,我向您展示了可以构建的9个项目,每个项目都专注于另一个JavaScript框架或库。 现在,选择权全由您自己决定:您是否会使用以前未使用的框架来尝试一些新的东西?

    8.9K30发布于 2020-05-26
领券