2B or not 2B: 前端大泥球

今天给大家带来的是 2B 领域的一个架构难题，我们最终也没有找到一个较好「解决」方案， 或者说它本来就是一个伪命题。 让我慢慢跟你道来… 软件的划分模式 首先从软件系统的划分模式讲起。 多业态 在 2B 领域，让我们更棘手的是，还要面临多业态问题。 什么是多业态？ 不管是前端还是后端，这是都是一个非常大的挑战。 现状就是本文标题中讲的，多了一个维度之后，对开发而言是灾难性性，整个项目就是一个大泥球。 确立共建的范围和上下游的协作关系 即定义了一些团队之间的协作规范，比如： 上下游团队之间责任划分、共建的范围 沟通机制 发布更新的频率和形式 分支规范等等 宏观上：行业隔离/业务聚合 在宏观的层面上，定义了两大措施或建议 这个我在 微前端的落地和治理实战 中也有讨论 ❌ 职能聚合。

《大前端开发》培训2周小结

原先打算将前端和后端的内容先独立分开来讲的，但是在讲课的过程中，发现穿插在一起讲能更好的让同学们理解前端和后端的异同和各自的职责，以及相互间的关系等，可以更好的建立软件开发的大局观，从更高的角度来认识编程 在讲课的过程中，我觉得自己也得到了非常大的成长，比如当同学们遇到比较难理解的知识点，我会想方设法、不断的组织自己的语言、编制各种容易理解的例子，让自己能将它们解释清楚；以及在课程内容上，我会不断的去思考如何将前一天课和后一天课的内容更好的衔接起来

大前端的自动化工厂（2）—— SB Family

import "bourbon"; .triangle-down { &::after{ content:''; @include triangle("down", 2rem 使用示例： 下面简单的几行代码编译为CSS后，就可以实现将页面分为间距为20px的10列，左侧边栏占2列，右侧内容区占8列；然后又将右侧内容区分为间距为10px的6列，每个表格项占1列。 .sidebar-layout{ @include grid-container; } .sidebar-layout__sidebar{ @include grid-column(2, 随着前端构建工具的兴起，CSS的开发也进入了一个全新的阶段，自动化构建工具(例如webpack)带来了新的开发方式，SASS和BEM的年代，还只能通过限制命名规则的方式来避免CSS冲突和相互覆盖。

AI 对大前端项目的冲击，【大前端++】来抵御

这样一来，本来一个稍微复杂点的项目里要前端和后端，再加写测试脚本和运行测试结果的测试人员，至少需要3个人，外加开发2，3个月，现在可能是1个人，顶多用2,3周就能开发完成并上线。 这个原因基本清楚了，那就说说前端和大前端以及大前端++的区别在哪？ 前端和大前端并没有特别的区别特点，只是在跨平台上有所不同而已，但大前端++不一样，大前端++需要的是一定原生开发经验和定制系统以及定制硬件结合的行业业务需求开发经验。 而对于跳槽频繁的前端开发来说，很难去深入大前端++项目特性而积累相关开发经验。大前端++项目是相对的小型项目，由于产品和服务的链条比较长才有了类似的门槛要求。但一般情况下市面上找不到类似的开发人员 ! 大前端++【混合开发】进阶到【大前端++】【大前端++】几大特征【大前端++】前端、大前端、大前端++的区别有哪些？

大前端面试宝典 - 图解前端

关于我 我是一个对技术充满兴趣的程序员, 擅长前端工程化，前端性能优化，前端标准化等。 做过.net， 搞过Java，现在是一名前端工程师。 对于网络这部分，最重要的是要有一个大的概念，下面也会介绍。 微前端 前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行、独立开发、独立部署。 今日头条前端面试-2018.03.23 记一次字节跳动前端面试，已拿offer 字节跳动 前端 三面面经 2019 字节跳动春招 web前端面试题 一面 字节跳动前端实习一面二面HR面面经 头条前端一面 记一次今日头条前端面试 P5 前端面试-今日头条 字节跳动春招前端三轮面经 今日头条前端三轮面试面经 P6 字节跳动，前端面试 HR 到了这一步说明技术上没有什么问题了，接下来就是 HR 看你这个人价值观是否符合了

【前端】前端的三大主流框架

01优点 前端框架的更新发展离不开彼此的相互借鉴、学习和取长补短。 所以一些优势，大家都有。 2、性能相对较低：由于Angular的职责范围非常大且成型，因此当要实现一个需求想法的时候，可能会影响到项目中的每个组件，从而导致性能相对较低，需要更多的内存和CPU资源。 四、框架对比 根据网络数据显示，在中国这三大框架的使用情况：Vue的使用比例大约在40%至60%之间，React的使用比例大约在20%至30%之间，Angular的使用比例大约在5%至10%之间。 总结 熟悉和了解前端三大主流框架的基本概念和特点只是前端学习路上的一小步，最终的目标是能够根据项目需求和特点，合理地评估和选择适用的框架，并能够进行总体的规划和把控。 因此，学习前端框架不仅仅是为了掌握某种技术，更重要的是要能够灵活应用和运用这些技术，为实际项目提供有效的解决方案。

为什么 “大前端” 需要 “微前端”？

内容比较长，没时间看的同学可以先收藏起来 慢慢看什么是大前端？大前端指的是前端开发的职责和技术范围的扩展，不仅局限于浏览器端开发，涵盖了整个前端技术体系，强调跨平台开发和统一管理。 层基础设施与运维：性能优化、工具链、前端监控开发流程：大前端不仅负责业务代码开发，还涉及构建、DevOps、性能优化等环节。 业务角度：大前端团队负责同一C端产品的全业务线开发，尽管团队内部可按业务划分小组，每个小组专注特定业务。 2. 版本共存在开发新功能时，我们通常会进行灰度发布，但很多情况下这只是简单的开关和兼容旧版本，而不是严格意义上的灰度。微前端架构允许同一应用的多个版本共存。 大前端通常服务一个大的产品，而这个大的产品既需要分而治之，又需要代码公用，还需要高效迭代。微前端的架构正好给我们提供了这样一个可能。

【前端】Web前端学习笔记【2】

相关博客： Web前端学习笔记【1】 ---- 1. this在 JavaScript 中主要有以下五种使用场景 ---- 在全局函数调用中，this 绑定全局对象，浏览器环境全局对象为 window = { test: 'obj2test', getAge2: function () { console.log(this.test) } } return obj2; } }; obj.getAge().getAge2() // 'obj2test' // ============== var obj = { birth :@&=+$#")); 输出： http%3A%2F%2Fwww.w3school.com.cn http%3A%2F%2Fwww.w3school.com.cn%2Fp%201%2F %2C%2F 目前常用的有以下几种方法： cookie cookie会随着每次HTTP请求头信息一起发送，无形中增加了网络流量，另外，cookie能存储的数据容量有限，根据浏览器类型不同而不同，IE6大约只能存储2K

小前端·大后台

小前端要足够灵活，大后台则要有足够强的资源整合能力和服务提供能力，这就是未来商业变革的核心。 小前端、大后台已越来越成为具竞争优势企业的运营基础架构。 总部获取信息能力很强，调度能力很强，企业后台有足够强的资源整合能力和服务提供能力，快速支持前端。过去由业务前端完成的任务，现在可以由总部统一集约化完成，这将是大行其道的企业小前端大后台模式。 “小前端、大后台”趋势 “小前端、大后台”的运营模式与集约化经营理念是相通的，是先进生产力方式，定将改变当前“大前端”模式带来的项目经理水平代表了企业水平、资源整合难以实现导致的资源浪费的局面。 从行业发展的角度看，“小前端、大后台”将是国内建筑企业能力提升的趋势，是竞争取胜，突破天花板的努力方向。

大前端？前端开发职位的未来方向

/1/ 大前端的说法，是如何出现的？范围是多“大”？ 对于许多新人来说，他们最开始接触前端这行，都是从前端开发工资高啊，好找工作啊，入门门槛低，这些方面开始了解的。 但这个分水岭，也就是大前端这个词到底是什么时候出现的，并没有明确的说法，甚至是谁最先提出来的，都没有定论。现在基本的认识就是，大前端包括一切跟前端沾边的可能性。 /2/ 大前端的趋势？ 就是在服务器里建立一堆相应的目录，这在以前是不可能的，在一个.net或j2ee开发的系统中，前端相关的文件都是由后端程序员给你提前建立好的，然后他们通过邮件告诉你，什么css放哪，js放哪，img放哪目录 据说， 美团是前端，ios，安卓，前端工程化； 饿了么是前端，nodejs,还有阿里的weex框架； 网易杭州大前端团队主要是web端，客户端和移动端 现在对于大前端的技术栈，并没有一个明确的定义。 另一种大前端的技术栈就是微信小程序，它代表的方向就是“超级APP”，一个app就是一个操作系统。 /4/ 大前端背景下的前端开发工程师？

第五十一期：前端，大前端和泛前端

比如说思考一下这个问题：前端到底是个什么神仙工作，说起来也从事前端开发好几年了，但是真正在这里面收获的有什么东西么？ 好像有，又好像没有。 有是因为做过不少项目，各种项目，管理后台，weApp，H5，小程序，考勤系统，客服系统，分销系统，数据大屏展示杂七杂八的各种项目。但是学到东西了吗？学到了，但是又好像没学到。 再后来，移动互联网兴起之后，又出现了大前端的概念。 前端的概念不在仅仅局限于我们日常开发中的网站，管理后台，小程序，游戏等等，其他的软件以及硬件设备，都可以称之为前端。 从而沉淀出一些对项目的日后的发展有借鉴意义的技术，这个也可以理解为前端的范畴。 前端只是前端，大前端可以理解为全端，而泛前端则是对前端以及大前端的深化。

我理解的“大前端”或“大无线”

今天早晨，还看到一篇文章，讲“大前端”，文中展望了近年来“前端”影响的领域，从美工时代刀耕火种的时代到现在延伸到 NodeJS ，ReactNative甚至桌面端，以及传统前端的时代，听来的确让人非常兴奋和自豪 其实我今天本来想讲的事情，并不只是“前端”，而是这次团队组织架构调整后的“大无线”，为什么要从“大前端”到“大无线”，也是基于最大化价值输出的考虑，这是后话。 ，在整个“大无线”的范围内解决相关的问题。 公司内所有api请求的入口和规则分发，2. 在网关层做服务分级。 这里提到两个核心问题 开发人员输出价值的人均效率，对于Native来说都需要至少乘以2，如果算上两端之间的协调，将远远大于2这个最好预期。

前端面经（2）

使用path来匹配路由，然后通过query来传递参数，这种情况下 query传递的参数会显示在url路由的两种模式 hash与history 对于Vue 这类渐进式前端开发框架，为了构建SPA(单页面应用 )，需要引入前端路由系统，这也就是Vue-router存在的意义。 前端路由的核心，就在于改变视图的同时不会向后端发出请求。 在js中,渲染真实DOM的开销是非常大的, 比如我们修改了某个数据,如果直接渲染到真实DOM, 会引起整个dom树的重绘和重排。那么有没有可能实现只更新我们修改的那一小块dom而不要更新整个dom呢？ 添加验证码2.

Day15:大前端

大前端不是全栈

作者 | 李俊辰 随着业务和技术的快速发展，大前端工程复杂度越来越高。前端面对的业务在快速发展变化，工程的规模也在不断扩大，对迭代速度的要求越来越高了。 1大前端工程化 大前端工作化的核心是工程化，当前的工程化诉求不仅仅局限在前端领域，涵盖了更广的大前端范围。 多团队配合项目的解决方案 那么大前端工程化，是基于大前端技术做工程化研发。广义来讲，可以支撑不仅仅是端的工程化能力，当工程化能力基于云的体系建设时候，可以满足端、后台所有栈的研发的工程化诉求。 2大前端并非全栈 我们通常提到的全栈，基本上是指前后端全栈研发，是基于传统技术研发人员（前端、终端、后台）的角度来说。 大前端更多的是技术及端侧研发的角度描述，包含终端技术（Android、iOS）、前端技术（h5、Hybird、Nodejs）、物联（IoT）等其他端设备研发技术，大前端全栈是指基于 Nodejs 的全栈研发

大前端团队规划蓝图

与产品 恐怕与产品沟通最多的是前端了，这里沟通的部分主要工作会分为以下几种： 1 ui验收，符合设计稿，ui验收有时候也会与设计师沟通。 2 交互验收，保证用户体验，也可能是与交互设计师、测试沟通。 4 兼容问题，需要知道产品对兼容性的要求 5 功能开发以及验收，主要是与需求对应，主要是产品验收 与测试 1 确认测试用例范围以及细节 2 测试用例的自我测试以及与测试的对照，写对应的自测报告 3 测试阶段的测试以及验收 ，可以抽样检测 4 不同测试环境以及不同功能的回归测试 5 测试的常识：测试问题分类，以及对应不同问题的处理方案，责任问题鉴定以及分工 与设计 1 确认ui效果，包括基本效果以及交互效果 2 确认需要从设计中获取的素材 3 确认需要从设计中年获取的样式代码 4 与设计统一ui标准，减少重复工作量，约定组件标准以及可复用组件 大前端团队矩阵 业务模块设计 包括分业务线的模块，以及二级业务线的关系 前端底层服务 包括公共 网关&&bff架构 人员归属方式 资源池 如果按照资源池的形式，是最符合人员层次以及大前端团队的矩阵的，可以最大程度的实现价值最大化，以及充分利用人员资源，也可以抽调部分人完成较大的技术突破，同时也可以较好的完成前端内部职能的技术沟通以及学习

（大前端）前端高级工程师

多端一致性、性能瓶颈与工程化效率成为制约前端团队规模化发展的核心挑战。本文将从架构设计视角，解析高级工程师如何通过系统性思维破解这些难题。 2. 2. 质量保障：从“人工测试”到“自动化防御”单元测试与E2E测试：强制要求核心业务逻辑覆盖率≥80%，结合Cypress或Playwright实现端到端测试自动化，减少回归缺陷。 Serverless化：前端直接调用云函数（如AWS Lambda）处理业务逻辑，减少后端开发成本。 结语大前端架构设计的本质是在复杂度与效率之间寻找平衡点。高级工程师需具备“纵览全局”的视野，从业务场景出发，通过抽象层设计、性能全链路治理与工程化价值驱动，构建可扩展、高可用、易维护的前端体系。

前端面试前端性能优化篇2

不论是什么样的前端面试，总会问到的一个问题：前端性能优化。相信如果这个问题没有答好，在面试中会很被动。于是，趁着这个天天宅的时期，好好的整理了一番。 、CSS代码可以内嵌在HTML中，比如：rem动态等5、避免使用iFrame6、使用骨架屏二、CSS优化加载优化1、避免使用css的@import2、避免使用通配符3、避免使用! 1、选择器嵌套尽量不要超过三层2、id选择器尽量不要嵌套3、使用继承体积优化1、提取公共CSS三、JS优化运行速度1、如果没有兼容问题，尽量使用原生方法2、根据兼容浏览器的最低版本，考虑是否使用polyfill3 （Webpack拆包）减少加载体积1、压缩图片2、压缩HTML、CSS、JS代码3、开启网络压缩，如：GZIP参考 前端进阶面试题详细解答减少加载次数1、制作精灵图2、将小图片转换为base64字符串3 、使用浏览器缓存4、使用前端缓存，如: LocalStorage、Cookie、SessionStorage等5、减少重定向请求，比如：nginx反向代理的重定向6、避免使用服务端字体五、React性能优化

前端高级工程师(大前端)

大前端介绍大前端是指在传统前端开发基础上，结合新的技术和工具，拓展前端开发能力，进一步提升用户体验和页面交互性。 大前端开发涉及到多种技术领域，包括前端技术、移动端开发、桌面端开发等，旨在实现跨平台、跨终端的统一开发和用户体验。 在大前端开发中，前端开发人员需要掌握HTML、CSS、JavaScript等基础知识，同时也需要了解新兴的前端技术和框架，如React、Vue、Angular等，以及移动端开发技术，如React Native 此外，还需要了解前端性能优化、跨平台开发、响应式设计等相关知识。前端模块化模板化是在文件层面上，对代码和资源的拆分。就是将一个大文件拆分成相互依赖的小文件，再进行统一的拼装和加载。 前端组件化组件化是在设计层面上，对于UI的拆分。

前端高级工程师（大前端）

关于慕课网《前端高级工程师（大前端）》课程具体包含的实践项目，可能因课程版本和设置有所不同。 移动端项目：例如开发一个移动端的新闻资讯类 App 前端，包括新闻列表展示、新闻内容页面、下拉刷新、上拉加载更多、用户个人中心等功能，锻炼学员在移动端前端开发方面的能力，熟悉移动端的适配和交互特点。 前端框架应用项目：基于流行的前端框架（如 Vue、React 等）进行项目开发，比如使用 Vue 框架构建一个单页面应用（SPA），或者利用 React 框架开发一个具有特定功能的应用组件，加深学员对前端框架的理解和运用熟练度 性能优化项目：针对一个已有的前端项目，进行性能优化实践，包括代码压缩、图片优化、缓存策略应用、减少 HTTP 请求等方面的优化工作，使学员掌握提升前端性能的方法和技巧。 E2E 测试：了解使用 Selenium 等工具进行端到端测试，从用户的角度测试整个应用的流程和功能。版本控制：Git：熟练使用 Git 进行版本控制，包括分支管理、提交代码、合并冲突等操作。