- 综合排序
- 最热优先
- 最新优先
- 来自专栏王天的进阶之路
前端基建规范参考
【前端工程化】配置 React+ts 企业级代码规范及样式格式和 git 提交规范 # 三. 【前端工程化】使用 dumi2 搭建 React 组件库和函数库详细教程 # 八. 【前端工程化】巧用阿里云 oss 服务打造前端 npm 私有仓库 ?【前端工程化】使用 verdaccio 搭建公司 npm 私有库完整流程和踩坑记录 # 十二. 【前端工程化】从入门到精通，100 行代码构建你的前端 CLI 脚手架之路 # 十四. git 操作规范 git操作规范也很重要，流程不规范很容易出现比较复杂的问题，要根据公司现有情况和业界比较好的实践方案制定一套适合自己公司的 这个是很重要的，做了再多的基建和规范，如果没有一个公共的文文档来查阅，就没办法快速熟悉，所以要一个线上的规范文档，把所有的规范都写进去，可以用语雀
74930编辑于 2023-10-18 前端基建：小团队前端代码规范基础篇
作者：咚咚咚ddd 链接：https://juejin.cn/post/7508862598974373914 来源：稀土掘金 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
24110编辑于 2025-08-22- 来自专栏黯羽轻扬
如何提升前端基建的效能价值？
以前端工程为例，像公共组件/代码片段、Code Review、新手教程/API 文档等都可以有简单的社交功能（点赞、评论），看似细小，却有助于提升用户的参与度 内容运营 与社区一样，内容也是一种场景延伸
83510发布于 2020-09-30 - 来自专栏黯羽轻扬
如何衡量前端基建的效能价值？
关注「前端向后」微信公众号，你将收获一系列「用心原创」的高质量技术文章，主题包括但不限于前端、Node.js以及服务端技术 写在前面 不同于商用产品，对内的工具/平台大多没有明确的直接业务价值，需要通过可量化的指标来衡量其效能价值 ，本文试图建立一个可直接套用的数据指标框架，让内部工具/平台的价值也能看得见、说得清 一.分析生产活动的核心要素 从面向对象的角度来看，前端工程是对象和对象间的关系及交互行为 （摘自面向对象视角下的前端工程体系 ） 其中，对象分为主体对象与客体对象两类： 对象，是对前端应用生产活动中各个实体的抽象，其中一些对象是主体（比如充当不同角色的人），另一些是客体（比如工具、平台等各种具体事物），对象之间通过一系列交互行为来完成前端应用的开发和交付 各属性用户渗透率 产出结果分布：数量、重要程度、平均时间、各属性产出结果占比 P.S.用户渗透率可简单理解为用户渗透率 = 现有用户数 / 目标用户数 例如： 覆盖2/3的目标用户，包括60%以上的一线开发人员、10%
1.4K10发布于 2020-09-24 - 来自专栏魔术师卡颂
Skypack：我老早就在布局前端基建了
已经有越来越多前端开发者放弃webpack，改用vite作为项目打包工具。 可以说，当这些基建成熟后，生产环境使用ESM模块是水到渠成的事情。 很多团队预感到这点，很早就开始布局相关产品。今天要介绍的Skypack就是这样一款产品。 等到前端基建成熟的那天，相信这些ESM CDN服务一定能大放异彩。
74630编辑于 2022-11-22 - 来自专栏前端基建
前端基建原来可以做这么多事情
图片 来自ChatGPT 的回答·～～ ⬇️ ⬇️ ⬇️前端基建是指在前端开发过程中，为提高开发效率、代码质量和团队协作而构建的一些基础设施和工具。下面是前端基建可以做的一些事情：1. 10. `项目文档和知识库`：建立一个内部的项目文档和知识库，记录项目的技术细节、开发经验、常见问题等，方便团队成员查阅和学习。 通过建立和维护前端基建，可以提高团队的协作效率，减少重复劳动，提高代码质量和项目的可维护性。当涉及到前端基建时，还有一些其他的事情可以考虑：11. 以上是一些可以考虑的前端基建事项，根据项目需求和团队情况，可以选择适合的工具和技术进行实施。同时，持续关注前端领域的最新技术和工具，不断优化和改进前端基建，以提高开发效率和项目质量。 以上是一些可以考虑的前端基建事项，根据项目需求和团队情况，可以选择适合的工具和技术进行实施。同时，持续关注前端领域的最新技术和工具，不断优化和改进前端基建，以提高开发效率和项目质量。
1.1K20编辑于 2023-07-31 - 来自专栏前端Q
前端基建处理之组件库优化方案
前端基建开发一直被认为是前端开发中的 “高阶技能”。而内部组件库的开发则算是基建中比较“容易”入手的一个方向。所以咱们今天就利用这篇文章，来看一看 组件库开发 的优化方案。 原文：https://juejin.cn/post/7302255044879400998 背景 前段时间入职了新公司后，做一些内部前端基建的工作，其中一个工作就是优化现有的frontend-common commitlint commitizen等工具，用于命令式生成commit，保证commit信息的规范 增加单元测试，新增一个组件要写单元测试，后续修改之后要保证之前的单元测试都运行通过才可以合并代码 因为内部基建的原因 笔者部署完的大概样子如下： 总结 当前这版优化对现有的组件库做了一次大的调整，本身不涉及具体组件的改动，只是规范和优化整个流程，方便前端开发接入和使用等，但是还存在不少的优化空间，比如以submodule
99110编辑于 2024-01-03 - 来自专栏Web Front End
「前端基建」带你在Babel的世界中畅游
引言 Babel在目前前端领域类似一座山一样的存在，任何项目或多或少都有它的身影在浮现。 也许对于Babel绝大多数前端开发者都是处于一知半解的状态，但是无论是在实际业务开发中还是对于我们个人提升来说熟练掌握Babel一定是晋升高级前端工程师的必备之路。 前端基建项目中的Babel配置讲解。 Babel相关polyfill内容。 Babel插件开发指南 带你走进Babel的编译世界，领略Babel背后的原理知识。 前端基建中的Babel配置详解 接下里我们聊聊前端项目构建中相关的babel相关配置。 关于babel在各种基建项目的初始化方式你在可以在这里查阅。
99810发布于 2021-11-15 - 来自专栏前端劝退师
当前端基建任务落到你身上，该如何推动协作？
前言 作为一名野生的前端开发，自打本猿入行起，就未经过什么系统的学习，待过的团队也是大大小小没个准儿： 要么大牛带队，但是后端大牛。 要么临时凑的团队，受制于从前，前端不自由。 从DevOps流程看前端基建 ? 很多专注于切图的萌新前端看到这张图是蒙圈的： DevOps是什么？这些工具都是啥？我在哪？ 很多前端在接触到什么前端工程化，什么持续构建/集成相关知识时就犯怂。 接下来我将从协作、构建、测试、部署、运行五个方面谈谈，如何快速打造用于中小团队的前端基建。 2. 在团队内/外促进协作 前端基建协作方面可以写的东西太多了，暂且粗略分为：团队内 与 团队外。 虽说现今前端的地位愈发重要，但我们经常在项目开发中遇到以下问题： 不同的后端接口规范不一样，前端需要耗费大量时间去做数据清洗兼容。 结束 搞前端基建这玩意儿，可比写代码累多了。。
1.3K10发布于 2020-05-25 - 来自专栏歪码行空
当前端基建任务落到你身上，该如何推动协作？
前言 作为一名野生的前端开发，自打本猿入行起，就未经过什么系统的学习，待过的团队也是大大小小没个准儿： 要么大牛带队，但是后端大牛。 要么临时凑的团队，受制于从前，前端不自由。 从DevOps流程看前端基建 ? 很多专注于切图的萌新前端看到这张图是蒙圈的： DevOps是什么？这些工具都是啥？我在哪？ 很多前端在接触到什么前端工程化，什么持续构建/集成相关知识时就犯怂。 接下来我将从协作、构建、测试、部署、运行五个方面谈谈，如何快速打造用于中小团队的前端基建。 2. 在团队内/外促进协作 前端基建协作方面可以写的东西太多了，暂且粗略分为：团队内 与 团队外。 ? 《前端代码规范最佳实践》 前两步的校验可以手动跳过（找骂），但CI中的校验是绝对绕不过的，因为它在服务端校验。 虽说现今前端的地位愈发重要，但我们经常在项目开发中遇到以下问题： 不同的后端接口规范不一样，前端需要耗费大量时间去做数据清洗兼容。
1K20发布于 2020-05-21 - 来自专栏采云轩
漫谈基建
以此切入，放到场景中就衍生出了很多具体基建，本人是个前端研发，像我们就会做很多类如：前端工程化 / 数据可视化 / 多端生态 / 组件库 / 自动化构建部署 / 性能分析 / 埋点系统 /... 之前我们做一个面向公司全量前端应用密集部署的系统，前期先支持 PC 应用，大部分应用都顺利支持了，但有个别特例应用比较难啃，当时我们为了支持这几个特例，调整了部分实现。 对了，我司的基建是有对应的产品和交互的。 你能两只脚走路吗？ 很多基建是以平台的方式呈现的，比如前端构建平台、运维保障平台等等。 总结 基建不是为了做而做，他也是要能解决真实问题的，脱离业务的基建都是耍流氓。从未觉得做基建比做业务的，基建的家庭地位都是垫底的。 如果你没做基建，请友善对待你身边的基建伙伴吧！ 云长系统：一套云端构建工具，提供了前端项目构建、合规检测、发布等功能，并统一了工程协作流程，使得前端同学在应用开发过程中得心应手。
44020编辑于 2023-09-01 - 来自专栏Web Front End
「前端基建」探索不同项目场景下Babel最佳实践方案
写在前边 无论是日常业务架构、前端框架设计甚至在前端面试过程中，一定会存在 Babel 的身影。 「前端基建」带你在Babel的世界中畅游 这是一篇 Babel 从入门到原理方面的文章，如果有兴趣全面了解 Babel 配置的同学可以翻阅这篇文章。 如果你有兴趣了解 Webpack 与 babel 你可以查阅「前端基建」带你在Babel的世界中畅游，这篇文章中更多是利用 webpack 来讲解 Babel ，不过任何打包工具本质上仅仅是辅助我们理解 关于 preset-env 转译语法这些基础配置概念我就不过多累赘了，感兴趣的朋友可以自行移步官网或者查看这篇「前端基建」带你在Babel的世界中畅游。 关于 @babel/runtime 在每个模块工具函数重复的问题，这篇文章中有详细介绍 前端基建」带你在Babel的世界中畅游。
97610编辑于 2022-02-28 - 来自专栏夏天的前端笔记
每天10个前端小知识 【Day 10】
前端面试基础知识题 1. es5 中的类和es6中的class有什么区别？ 在es5中主要是通过构造函数方式和原型方式来定义一个类，在es6中我们可以通过class来定义类。 什么是“前端路由”？什么时候适合使用“前端路由”？“前端路由”有哪些优点和缺点？ 前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做，之前是通过服务端根据 url 的不同返回不同的页面实现的。 在单页面应用，大部分页面结构不变，只改变部分内容的使用 优点：用户体验好，不需要每次都从服务器全部获取，快速展现给用户 缺点：单页面无法记住之前滚动的位置，无法在前进，后退的时候记住滚动的位置 实现方式 前端路由一共有两种实现方式 10. Promise.all 和 Promise.allSettled 有什么区别？
47410编辑于 2024-01-18 - 来自专栏达达前端
前端技术前沿10
允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
1.9K30发布于 2019-07-03 - 来自专栏前端思想
为什么我建议前端基建有必要做 npm 仓库私有化
实测表明，在内网千兆网络环境下，依赖安装速度可提升 5-10 倍。依赖库优化私有仓库提供了依赖库优化的可能性。我们可以在不变动业务代码的情况下对第三方库进行优化处理。 团队协作与资产管理前端团队发展到一定阶段，必然会沉淀出属于自己的技术资产 —— 公共 UI 组件库、工具函数库、业务 SDK、微前端模块等。 它让你的团队从一个被动的 "开源消费者" 转变为一个主动的 "资产管理者"，这是前端工程化成熟度的重要标志。通过统一的包管理平台，不同项目可以共享技术成果，避免重复造轮子。 如何落地 npm 仓库私有化Verdaccio 推荐小规模或个人使用，它轻量易用，配置简单，基于 Node.js 开发，与现有前端技术栈契合度高，支持快速部署和灵活定制。 前端作为与用户直接交互的重要层面，其稳定性和安全性更应该得到充分保障。建立私有 npm 仓库，正是迈向这一目标的关键一步。
9000编辑于 2026-03-31 - 来自专栏grain先森
前端-10款web动画插件
今天给大家带来了十款web前端动画插件，大家收藏了记得给个小心心哦 1.基于jQuery的瀑布流图片筛选插件 瀑布流的展现方式在目前的网页中用得越来越广泛，特别是图片和首页文章的动态加载。 这次我们分享的这款插件是基于Layui的，layui 是一款采用自身模块规范编写的前端UI框架，这款表格插件可以允许你非常方便的添加、删除表格行数据，并且通过服务器接口进行保存。 你只需要定制前端的数据列和后端的保存逻辑即可，数据交互均采用JSON格式。 ? 10.CSS3深色背景的垂直手风琴菜单 手风琴菜单我们已经分享过很多了，特别是垂直手风琴菜单更为常见，比如这款jQuery手风琴样式的多级下拉菜单和这款CSS3带小图标的手风琴下拉菜单都非常不错。
7.4K50发布于 2019-03-29 - 来自专栏前端干货和生活感悟
前端小知识10点(2020.3.20)
请看： 前端小知识10点(2020.2.10) 3、React中suppressContentEditableWarning属性是什么意思？ react-codemirror 5、yarn安装antd-pro依赖包时卡在puppeteer的解决办法 请看： https://www.jianshu.com/p/2ce56dccc5a7 puppeteer是前端自动化测试用的 JSON.parse()转换即可 const a="['a','b','c']" console.log(JSON.parse(a.replace(/'/g,'"'))) //["a", "b", "c"] 10
1.4K00发布于 2020-04-01 - 来自专栏前端干货和生活感悟
前端小知识10点(2020.6.28)
light类 的元素执行 .light{ } .item{ &:not(.light):hover{ color: #FE6225 } } 10
51710发布于 2020-07-02 - 来自专栏前端干货和生活感悟
前端小知识10点（2019.5.18）
let arr=[] arr[10]=11 console.log(arr.length); //11 arr[-1]=-1 console.log(arr.length) //11 let str=comment.split(/\r\n|\r|\n/g).join('
10
')41430编辑于 2022-03-28 - 来自专栏前端干货和生活感悟
前端小知识10点（2019.9.29）
注意： 需要设置一个 flag 保存在 localStroage 中，作为页面滚动的tirgger 如果是跨域的话，可以通过router，判断前一个 router 是否是 页面 A 的 router 10
1.2K10发布于 2019-10-08
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号