- 综合排序
- 最热优先
- 最新优先
- 来自专栏腾讯IVWEB团队的专栏
打造前端工程测试体系（1）
作者：helinjiang 我们即将讨论的是如何在前端项目中引入自动化测试。虽然文章聚焦的是前端项目，但实际上讨论的内容也适合 Node 端应用。 [Fq-4isCzf_KhoK0MnIPwb9eD8wOq] 这是本系列文章的第一章，主要内容是对前端自动化测试有一个初步的了解。适合入门学习。 1. 引入自动化测试的必要性 好处很多，包括减少错误、提高效率等，尤其是前端项目越来越庞大且多人维护时，前端自动化测试就会显得尤其重要。 代价也有，毕竟需要额外的学习成本。 总结 本文仅作为入门介绍了前端测试的基础知识，并且以 Mocha + Chai 为例，编写了相当简单的测试用例。 但这个用例太简单，太理想化了。 原文链接：http://ivweb.io/topic/58b693d09a11ad7225d43629 相关推荐 概览：可视化前端测试 前端识别验证码思路分析 新用户秒杀——域名折上折，限量抢购
3.4K00发布于 2017-03-13 - 来自专栏黯羽轻扬
面向对象视角下的前端工程体系
前端工程师：根据产品需求还原设计稿，并根据前后端数据协议实现交互功能，产出前端应用程序 测试工程师：对前端应用程序进行充分测试，保证产品需求得到了一致满足 运维工程师：将质量可靠的前端应用程序部署到生产环境 ，接着项目进入下一阶段 面向对象视角：我是前端工程师，我需要产品经理、设计师、后端工程师提供的产品需求、设计稿和数据协议，产出前端应用程序给到测试工程师 也就是说： （面向对象视角下的）前端工程 = 对象 如果把前端工程看作一个系统，其运作原理大致是这样： 一些人，通过一些交互，生成一些中间产物，最终交付前端应用程序 输入用户需求，输出前端应用程序，前端工程一直以来所要解决的问题无非两个： 效率：减少一些人 所以伤及质量的效率、体验提升不在讨论范围内 建模前端工程 首先，识别出系统中的所有主体对象： 项目经理 产品经理 设计师 前端工程师 后端工程师 测试工程师 运维工程师 运营专员 那么顶层应该是前端生产平台 CLI/GUI 工具或 IDE 插件包，可集成到其它工程体系中 SDK：将工程能力中可复用的部分抽离出来，允许在此基础上二次开发和扩展 其中，IDE 插件包是一种相对新的复用形式，比定制 IDE 和
81310发布于 2020-09-15 - 来自专栏学习与分享
前端体系：前端应用
浏览器的脚本语言，为了扩展浏览器的交互能力 效果交互 数据交互 第三方框架 前端体系：构建现代前端应用的全方位视角 一、前端体系概述 前端体系是构建现代前端应用的重要框架和组件的集合。 随着互联网技术的发展，前端体系涵盖了更多的领域和更复杂的业务需求。前端体系不仅包括了传统的HTML、CSS和JavaScript等技术，还包括了框架、库、模块化、打包构建等进阶概念。 了解前端体系可以帮助我们更好地理解现代前端应用的发展趋势和构建方式。 二、前端框架 前端框架是现代前端应用开发的核心组成部分。常见的框架包括React、Vue和Angular等。 五、总结 前端体系是构建现代前端应用的重要基石。通过了解前端体系，我们可以更好地掌握前端应用的发展趋势和构建方式。 随着技术的不断发展，前端体系将会不断演变和完善，为开发者提供更加高效、灵活的开发工具和方法。
59510编辑于 2024-02-20 慕课网体系课-前端高级工程师（大前端）
前端高级工程师（大前端）岗位解析与成长路径什么是大前端？ 大前端工程师不仅需要精通前端技术，还需要具备跨端开发能力和一定的后端知识。 （0-2年）：掌握基础技术，能够完成简单页面开发中级前端工程师（2-4年）：熟练掌握框架，能独立完成复杂模块开发高级前端工程师（4-6年）：具备架构设计能力，主导技术方案，性能优化前端专家/架构师（6年 DOM、响应式原理、Diff算法）项目经验与难点剖析系统设计能力（如何设计一个前端应用/组件库）未来趋势低代码/无代码平台：前端工程师需要关注可视化搭建技术WebAssembly：为前端带来更高性能的计算能力智能化方向 ：AI与前端结合，如图像识别、自然语言处理跨端统一：一套代码多端运行的解决方案持续演进前端高级工程师（大前端）是一个充满挑战与机遇的方向，需要不断学习新技术、拓展技术边界，同时也要深耕底层原理，建立完整的前端知识体系
76110编辑于 2025-09-16- 来自专栏全栈前端精选
前端劝退之前端知识体系（前端面试体系）
前言 虽然马上就要金九银十了，面试的人应该不少，虽然我也有在面，写文的目的主要是梳理下知识，能对复习有点帮助就行，本文主要针对前端知识体系相关，涉及的内容有： 浏览器 计算机网络 前端基础（html、css 、js） node webpack 数据结构和算法 web安全 前端工程化（编译原理的应用） 渲染优化 性能监控 不包括： 跨端（小程序、混合应用） 框架 typescript 移动端 不过前端是真的内卷啊 ，内容是真多，并丢了点面试题作为参考，以上基本涵盖前端整个知识体系。 目前的前端领域方向： 可视化 跨端 小程序 工程化 游戏 DevOps webAssembly（rust、c、cpp）通过其他语言对前端进行扩展，实现前端无法做到的方案 音视频（FFmpeg） 全栈 必备 [9] 浏览器[10] 计算机网络[11] 数据结构和算法[12] 性能优化[13] 前端知识体系 前端知识体系 (1).png 浏览器 从输入网址到看到网页发生了什么 dom 解析规则 css、js
1.2K11发布于 2021-11-17 慕K体系-2024版前端工程师-前端工程师的应用领域【完结38周】
前端工程师得应用领域前端工程师的应用领域非常广泛，几乎涵盖了所有需要通过互联网或内部网络提供用户界面的行业和场景。 手机视频播放页面：短视频平台和直播应用中，前端负责实现视频播放、互动功能以及美颜特效等。微信小程序：微信生态系统内的轻量级应用，不需要下载安装即可使用，非常适合快速迭代和推广。 跨平台桌面应用：使用Electron等框架，前端技术可以用来创建跨平台的桌面应用程序，如VS Code编辑器。游戏开发：特别是HTML5游戏，利用Canvas或WebGL进行图形渲染。 物联网（IoT）设备界面：智能家居、智能城市等领域中的前端界面，用于控制和监控设备状态。随着技术和工具的发展，前端工程师的工作范围还在不断扩大，新的应用场景也层出不穷。 例如，服务端渲染（SSR）、流媒体处理与优化、WebAssembly等新兴技术也为前端工程师提供了更多的可能性。
34900编辑于 2025-02-09- 来自专栏qData数据中台
qData 开源数据中台前端工程体系升级：静态资源治理与工程规范实践
近期，qData数据中台开源版完成了一次前端工程体系的系统性升级！不是一次功能迭代，而是一次对“工程底座”的全面治理。 在开源社区共建与企业落地的双重驱动下，qData开源数据中台正在从“能用”走向“更工程化、更可规模化演进”。一、为什么需要一次前端工程体系的升级？ 这些问题本质上不是“功能问题”，而是工程体系标准化程度不足带来的协作成本问题。对于企业客户而言，这意味着什么？ 这一次，qData做的不是“发规范”，而是对前端静态资源体系做了一次统一治理与结构升级。二、这次升级改变了什么？ 前端资源体系更加标准化、可维护，这对于需要长期运维的企业级项目而言，价值不言而喻。产品演进更稳定。为后续版本迭代提供一致的工程基础，版本升级不再是“推倒重来”，而是平滑演进。多产品复用更顺畅。
8610编辑于 2026-06-25 - 来自专栏前端壹栈
前端知识体系
前言 虽然马上就要金九银十了，面试的人应该不少，虽然我也有在面，写文的目的主要是梳理下知识，能对复习有点帮助就行，本文主要针对前端知识体系相关，涉及的内容有： 浏览器 计算机网络 前端基础（html、css 、js） node webpack 数据结构和算法 web安全 前端工程化（编译原理的应用） 渲染优化 性能监控 不包括： 跨端（小程序、混合应用） 框架 typescript 移动端 不过前端是真的内卷啊 ，内容是真多，并丢了点面试题作为参考，以上基本涵盖前端整个知识体系。 目前的前端领域方向： 可视化 跨端 小程序 工程化 游戏 DevOps webAssembly（rust、c、cpp）通过其他语言对前端进行扩展，实现前端无法做到的方案 音视频（FFmpeg） 全栈 必备 [9] 浏览器[10] 计算机网络[11] 数据结构和算法[12] 性能优化[13] 前端知识体系 前端知识体系 (1).png 浏览器 从输入网址到看到网页发生了什么 dom 解析规则 css、js
1K10发布于 2021-10-12 - 来自专栏前端自习课
【前端】219-一名合格前端工程师的自检清单，建立自己的前端知识体系
winter在他的《重学前端》课程中提到： 到现在为止，前端工程师已经成为研发体系中的重要岗位之一。 可是，与此相对的是，我发现极少或者几乎没有大学的计算机专业愿意开设前端课程，更没有系统性的教学方案出现。大部分前端工程师的知识，其实都是来自于实践和工作中零散的学习。 JavaScript基础 前端工程师吃饭的家伙，深度、广度一样都不能差。 熟练使用各浏览器提供的调试工具 2.熟练使用一种代理工具实现请求代理、抓包，如charls 3.可以使用Android、IOS模拟器进行调试，并掌握一种真机调试方案 4.了解Vue、React等框架调试工具的使用 前端工程 前端工程化：以工程化方法和工具提高开发生产效率、降低维护难度 项目构建 1.理解npm、yarn依赖包管理的原理，两者的区别 2.可以使用npm运行自定义脚本 3.理解Babel、ESLint、webpack
1.6K30发布于 2019-07-25 - 来自专栏学习/读书笔记
《前端工程化》-- 1. 前端工程简史
前端工程师的技术栈： 1）硬技能： HTML/CSS：DSL（Domain Specific Language，领域特定语言）； JavaScript：编程语言； 数据结构、算法、软件工程等基本知识，能够决定一个前端工程师的上限 前后端分离策略是制定前端工程化解决方案的指导方针之一；前端工程化的最终目的之一便是实现更合理、更便利的前后端分离开发环境。 1.4 前端工程化 从开发角度衡量工程化主要体现在“快”： 工程化方案的核心目标之一就是在保证质量的前提下，尽可能提高产品的开发速度。 5）前端工程师与后端工程师可以使用Git、SVN等工具分别维护独立的源代码，无须耦合。 不论前端工程化的功能如何完备，规范如何严谨，需要谨记的是，前端工程化必须是整个Web工作流中间的一个子集方案。前端工程化最终的完美形态，必然与整体工作流结合，作为持续集成方案中的一环。
1.5K10编辑于 2022-04-07 - 来自专栏前端之旅
前端学习知识体系
原文地址：一名【合格】前端工程师的自检清单 原文作者：ConardLi 原文题目是《一名合格前端工程师的自检清单》，我目前的水平离前端工程师还很遥远，所以更愿意把这篇文章当作是对知识体系或者学习路线的总结 熟练使用各浏览器提供的调试工具 2.熟练使用一种代理工具实现请求代理、抓包，如 charls 3.可以使用 Android、 IOS模拟器进行调试，并掌握一种真机调试方案 4.了解 Vue、 React等框架调试工具的使用 七、前端工程 前端工程化：以工程化方法和工具提高开发生产效率、降低维护难度 项目构建 1.理解 npm、 yarn依赖包管理的原理，两者的区别 2.可以使用 npm运行自定义脚本 3.理解 Babel、 ESLint 的性能优化方案 6.Canvas性能优化方案 7.React、 Vue等框架使用性能优化方案 前端安全 1.XSS攻击的原理、分类、具体案例，前端如何防御 2.CSRF攻击的原理、具体案例，前端如何防御 能快速根据业务报警、线上日志等定位并解决线上技术问题 3.可以将自己的想法或新技术在业务中落地实践，尽量在团队中拥有一定的不可替代性 九、学习提升 1.博客：持续更新博客，定期总结知识，不断完善自己的知识体系
2.3K10发布于 2019-11-07 - 来自专栏IMWeb前端团队
如何搭建高质量、高效率的前端工程体系--页面结构继承
不知道大家有木有考虑从工具或者架构的角度出发去解决以上两个问题，木有考虑的同学也木有关系，本系列文章将会将会围绕整个前端的开发流程出发解决这两个问题，帮助大家提高产品质量以及开发效率。 文章导航图 对于前端开发来说大致分为5个阶段：开发、联调、测试、上线、监控维护，本系列文章将会选取每个阶段比较影响效率以及质量的点进行详细描述。
62710发布于 2019-12-04 - 来自专栏腾讯IMWeb前端团队
如何搭建高质量、高效率的前端工程体系--页面结构继承
不知道大家有木有考虑从工具或者架构的角度出发去解决以上两个问题，木有考虑的同学也木有关系，本系列文章将会将会围绕整个前端的开发流程出发解决这两个问题，帮助大家提高产品质量以及开发效率。 文章导航图 对于前端开发来说大致分为5个阶段：开发、联调、测试、上线、监控维护，本系列文章将会选取每个阶段比较影响效率以及质量的点进行详细描述。
35030编辑于 2022-06-29 - 来自专栏前端迷
解密腾讯前端技术体系
1 引言 为了了解当前前端的发展趋势，让我们从国内各大互联网大厂开始，了解他们的最新动态和未来规划。这是解密大厂前端技术体系的第三篇，前两篇已经讲述了阿里和百度在前端技术这几年的技术发展。 下图是腾讯前端技术体系的全景图，涵盖基础设施、服务层、跨平台框架、UI组件库、小程序以及工程化等方面： 3 基础设施 依托于腾讯云服务的能力，腾讯沉淀了强大的基础设施能力，这里只摘取了一小部分和前端技术体系相关的服务 原生小程序开发方式相对比较封闭，无法利用前端开发的完整体系生态，于是wepy就希望通过组件化、现代前端式的开发方式引入到小程序开发中。 分享中重点提到了打造前端工程化几个方面的思考： 本地开发：基于CLI/GUI打造一体化工作流。 本篇文章力图从前端各个方面去整理总结腾讯当前的技术体系，但一定会有许多遗漏，同时开源信息毕竟有限，希望相关同学可以一起多多交流。
3.2K21发布于 2020-02-19 - 来自专栏IMWeb前端团队
如何搭建高质量、高效率的前端工程体系--页面结构继承
不知道大家有木有考虑从工具或者架构的角度出发去解决以上两个问题，木有考虑的同学也木有关系，本系列文章将会将会围绕整个前端的开发流程出发解决这两个问题，帮助大家提高产品质量以及开发效率。 文章导航图 对于前端开发来说大致分为5个阶段：开发、联调、测试、上线、监控维护，本系列文章将会选取每个阶段比较影响效率以及质量的点进行详细描述。
84080发布于 2018-01-08 - 来自专栏腾讯IVWEB团队的专栏
如何搭建高质量、高效率的前端工程体系--页面结构继承
不知道大家有木有考虑从工具或者架构的角度出发去解决以上两个问题，木有考虑的同学也木有关系，本系列文章将会将会围绕整个前端的开发流程出发解决这两个问题，帮助大家提高产品质量以及开发效率。 文章导航图 对于前端开发来说大致分为5个阶段：开发、联调、测试、上线、监控维护，本系列文章将会选取每个阶段比较影响效率以及质量的点进行详细描述。
2.3K00发布于 2017-03-31 - 来自专栏AI编程之旅
前端开发者快速掌握 C++：编译、产物与跨平台工程体系
这一篇讲工程层面——C++ 代码是怎么变成可运行产物的，以及为什么很多跨平台底层选择用 C++。 配套了一个可编译运行的示例工程，建议边看边跑：cpp-build-demo一、编译流程前端 vs C++前端：源码 → 打包器(webpack/vite) → bundle.js → 浏览器解释执行C+ 四、CPU 架构与交叉编译这是前端开发者完全陌生的领域——JS 运行在虚拟机上不关心 CPU，但 C++ 编译出的是特定 CPU 的机器码。 示例工程用的是 Makefile。 七、常见编译错误前端开发者遇到 C++ 编译报错时，先判断属于哪个阶段：阶段典型错误前端类比预处理fatal error: xxx.h: No such file or directoryModule
17810编辑于 2026-05-18 - 来自专栏前端小兵成长营
工程化之低代码体系
前言 一千个人的眼中肯定有不止一千个哈姆雷特，本文探讨的并不仅仅局限可视化搭建，而是提高研发效率的低代码体系。 下文将围绕低代码体系，分享一下对这套体系的理解。如有不同的意见，欢迎探讨！ ” 低代码体系的搭建 这里的搭建并不仅仅局限于低代码的搭建工程，而是指的是怎么样去搭建一套适合自己当前业务的低代码体系。 ? 交互 + 效率 低代码体系的第二步是交互与效率。 （Sketch 可以通过工具解析成树状接口，通过添加对应的节点标记，可以拿到你想要的元数据） 如果大家接触前端的年限比较早的话，那么一定听过或使用过 Dreamweaver 这款前端工具。 低代码体系的构建不仅仅限于可视化搭建这一块，而是贯穿整个业务研发流程的。 当然可视化搭建工程一直都是最直观、简单的低代码手段，但还是要强调，拖拽搭建也只是一种手段并不是唯一。
81510发布于 2021-01-06 - 来自专栏前端技术地图
if 我是前端Leader，谈谈前端框架体系建设
前端框架体系的建立离不开前端工程化成熟和‘最佳实践‘的沉淀’。你可以认为框架就是一个整合的方案，提供一个前端‘最佳‘的组合配置。开发者需要做的就是在这个框架约束下填充自己业务代码。 好处： 效率提升。 但是很多后端的开发模式，在前端有点吃不开。更本质的原因是前端工程化还不成熟，基础相对薄弱，难以支撑上层建筑的发展。 前端框架整合期 几乎每个团队都会重复走这样的路子：稳定技术栈、工程化建设、基础库/组件库建设、沉淀自己的最佳实践。 团队没有一定的工程能力和资源其实是很难将这些零散的实践体系化、有机地粘合起来, 长期有效的维护更新更是一件难事, 半途而废的居多。 现在前端发展开始进入平稳阶段。 我觉得前端团队可以按照这样的分层结构，分阶段来完成这些建设任务。 第一阶段: 前端工程化 / 基础设施 最基础的阶段，关注前端的基础设施建设。
1.9K21发布于 2019-12-11 - 来自专栏web前端教室
针对WEB前端新人的前端知识体系
image.png 现在谈到WEB前端的技术结构、知识体系，都会搞出一个非常大、枝叶非常多且细的相当宏大的思维导图，就像这种的 这种大而全的图示对新人来讲，太大了，不好掌握，而且容易在其中迷失。 我想今天和大家谈一下针对新人的前端知识体系。 1， 要谈这个问题，就得首先定义一下什么叫“新人”？到什么时候就不算新人了？ 新人在我这里是定义为零基础进入前端开发行业，工作不足二年的，就算新人了。 2， 要对知识体系规定二个范围， 一是，时间范围，就是新人在二年时间之内； 二是，在二年之内要掌握哪些东西。 3，在1和2的基础之上，规划出来的一个前端知识体系，才是一个相对可执行，可操作的知识体系。 那么头二年时间内，应该掌握哪些东西才是适合的呢？ 那么一个合格的二年工作经验的前端开发，应该是多少的工资呢？先明确一点，在咱们这个行业，谈工资不先说城市的，都是耍流氓。北上广和我大沈阳的前端工资差的不止一个地球那么多。
1.1K70发布于 2018-02-06
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号