- 综合排序
- 最热优先
- 最新优先
- 来自专栏王天的进阶之路
前端基建规范参考
【前端工程化】使用 dumi2 搭建 React 组件库和函数库详细教程 # 八. 是5位的hash值 generateScopedName: '[local]-[hash:base64:5]', } }, }) 使用的时候，样式文件命名后缀需要加上 .module 【前端工程化】巧用阿里云 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以及服务端技术 写在前面 不同于商用产品，对内的工具/平台大多没有明确的直接业务价值，需要通过可量化的指标来衡量其效能价值 ，本文试图建立一个可直接套用的数据指标框架，让内部工具/平台的价值也能看得见、说得清 一.分析生产活动的核心要素 从面向对象的角度来看，前端工程是对象和对象间的关系及交互行为 （摘自面向对象视角下的前端工程体系 ） 其中，对象分为主体对象与客体对象两类： 对象，是对前端应用生产活动中各个实体的抽象，其中一些对象是主体（比如充当不同角色的人），另一些是客体（比如工具、平台等各种具体事物），对象之间通过一系列交互行为来完成前端应用的开发和交付
1.4K10发布于 2020-09-24 - 来自专栏魔术师卡颂
Skypack：我老早就在布局前端基建了
已经有越来越多前端开发者放弃webpack，改用vite作为项目打包工具。 可以说，当这些基建成熟后，生产环境使用ESM模块是水到渠成的事情。 很多团队预感到这点，很早就开始布局相关产品。今天要介绍的Skypack就是这样一款产品。 dist=es2019,mode=imports/optimized/react-dom.js'; export {default} from '/-/react-dom@v17.0.1-oZ1BXZ5opQ1DbTh7nu9r 上述export语句中哈希（oZ1BXZ5opQ1DbTh7nu9r）的不同就对应「同一个版本的ReactDOM经过不同程度polyfill后的不同结果」。 等到前端基建成熟的那天，相信这些ESM CDN服务一定能大放异彩。
74630编辑于 2022-11-22 - 来自专栏前端基建
前端基建原来可以做这么多事情
图片 来自ChatGPT 的回答·～～ ⬇️ ⬇️ ⬇️前端基建是指在前端开发过程中，为提高开发效率、代码质量和团队协作而构建的一些基础设施和工具。下面是前端基建可以做的一些事情：1. 5. `文档工具`：使用工具如JSDoc、Swagger等，生成项目的API文档、接口文档等，方便团队成员查阅和维护。6. 通过建立和维护前端基建，可以提高团队的协作效率，减少重复劳动，提高代码质量和项目的可维护性。当涉及到前端基建时，还有一些其他的事情可以考虑：11. 以上是一些可以考虑的前端基建事项，根据项目需求和团队情况，可以选择适合的工具和技术进行实施。同时，持续关注前端领域的最新技术和工具，不断优化和改进前端基建，以提高开发效率和项目质量。 以上是一些可以考虑的前端基建事项，根据项目需求和团队情况，可以选择适合的工具和技术进行实施。同时，持续关注前端领域的最新技术和工具，不断优化和改进前端基建，以提高开发效率和项目质量。
1.1K20编辑于 2023-07-31 - 来自专栏前端Q
前端基建处理之组件库优化方案
前端基建开发一直被认为是前端开发中的 “高阶技能”。而内部组件库的开发则算是基建中比较“容易”入手的一个方向。所以咱们今天就利用这篇文章，来看一看 组件库开发 的优化方案。 原文：https://juejin.cn/post/7302255044879400998 背景 前段时间入职了新公司后，做一些内部前端基建的工作，其中一个工作就是优化现有的frontend-common commitlint commitizen等工具，用于命令式生成commit，保证commit信息的规范 增加单元测试，新增一个组件要写单元测试，后续修改之后要保证之前的单元测试都运行通过才可以合并代码 因为内部基建的原因 storybook 初始化storybook 在原先的项目中执行命令初始化storybook的相关配置和依赖 npx -p @storybook/cli sb init --type vue 选择webpack5和安装依赖 笔者部署完的大概样子如下： 总结 当前这版优化对现有的组件库做了一次大的调整，本身不涉及具体组件的改动，只是规范和优化整个流程，方便前端开发接入和使用等，但是还存在不少的优化空间，比如以submodule
99110编辑于 2024-01-03 - 来自专栏Web Front End
「前端基建」带你在Babel的世界中畅游
前端基建项目中的Babel配置讲解。 Babel相关polyfill内容。 Babel插件开发指南 带你走进Babel的编译世界，领略Babel背后的原理知识。 前端基建中的Babel配置详解 接下里我们聊聊前端项目构建中相关的babel相关配置。 关于babel在各种基建项目的初始化方式你在可以在这里查阅。 关于babel的基础基建配置我相信讲到这里大家已经明白了他们对应的职责和基础原理，如果还有其他配置方面的问题可以查阅babel文档或者查看我的这篇文章React-Webpack5-TypeScript打造工程化多页面应用 手把手带你开发babel插件 这里我们以一个简单的ES6中的箭头函数转化为ES5方式入手，来带大家入门真正的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 - 来自专栏科技云报道
“新基建”看5G？先过了这个坎儿再说
近日，工信部召开“加快5G发展专题会”，明确指出要加快5G网络等新型基础设施建设进度。一时间，5G成为了“新基建”的领头羊。 政策红利之下的巨大增量市场，不禁让人热血沸腾。 后续的复工复产中，5G也为一部分线上办公、线上教育提供了通信基础。 同时，“新基建”政策的引导，让5G又一次成为通信行业的重大利好。 5G的建设将进一步促进数据中心、人工智能、物联网等其他新基础设施建设，因此5G被很多人看作是“新基建”第一枪。 在近期的工信部专题会上，三大电信央企和铁塔公司都纷纷表示，今年将积极加快5G建设。 从全球5G建设速度看，首个商用5G的国家韩国计划在其85个城市建设23万个5G基站，第二个商用5G的美国则计划建设60万个5G基站。 昂贵的5G基站 5G即将在2020年大放异彩，然而却少有人看到5G基站建设的主体——三大运营商的压力。 中国移动董事长杨杰曾表示，5G的建设成本比较高，一个5G基站是4G基站的3倍左右。
41410编辑于 2022-04-15 - 来自专栏Web Front End
「前端基建」探索不同项目场景下Babel最佳实践方案
写在前边 无论是日常业务架构、前端框架设计甚至在前端面试过程中，一定会存在 Babel 的身影。 「前端基建」带你在Babel的世界中畅游 这是一篇 Babel 从入门到原理方面的文章，如果有兴趣全面了解 Babel 配置的同学可以翻阅这篇文章。 如果你有兴趣了解 Webpack 与 babel 你可以查阅「前端基建」带你在Babel的世界中畅游，这篇文章中更多是利用 webpack 来讲解 Babel ，不过任何打包工具本质上仅仅是辅助我们理解 关于 preset-env 转译语法这些基础配置概念我就不过多累赘了，感兴趣的朋友可以自行移步官网或者查看这篇「前端基建」带你在Babel的世界中畅游。 关于 @babel/runtime 在每个模块工具函数重复的问题，这篇文章中有详细介绍 前端基建」带你在Babel的世界中畅游。
97610编辑于 2022-02-28 - 来自专栏穆书伟
新基建和5G风口下的物联网平台
受访者认为，未来两年物联网成功的关键技术驱动因素是人工智能，边缘计算和5G。 将近三分之一的项目（占30％）在概念验证阶段失败，通常是因为实施成本高昂或底线收益尚不清楚。 “根据IDC的全球全球DataSphere IoT设备和数据预测，IDC预计到2025年将有416亿台联网的IoT设备-在预测期内以8.9％的速度增长，” 5G物联网集团副总裁Carrie MacGillivray
1.1K00发布于 2020-06-13 - 来自专栏森屿暖树
前端特效学习5
input type="radio" name="select" id="slide_4"> <input type="radio" name="select" id="slide_<em>5</em>" <label for="slide_4" class="slide slide_4"></label> <label for="slide_<em>5</em>" class="slide slide_<em>5</em>"></label>
<label for="slideImg" class="img"><label for="slideImg" class="img"> <img class="img_<em>5</em>"
33910编辑于 2022-03-23 - 来自专栏前端思想
为什么我建议前端基建有必要做 npm 仓库私有化
实测表明，在内网千兆网络环境下，依赖安装速度可提升 5-10 倍。依赖库优化私有仓库提供了依赖库优化的可能性。我们可以在不变动业务代码的情况下对第三方库进行优化处理。 团队协作与资产管理前端团队发展到一定阶段，必然会沉淀出属于自己的技术资产 —— 公共 UI 组件库、工具函数库、业务 SDK、微前端模块等。 它让你的团队从一个被动的 "开源消费者" 转变为一个主动的 "资产管理者"，这是前端工程化成熟度的重要标志。通过统一的包管理平台，不同项目可以共享技术成果，避免重复造轮子。 如何落地 npm 仓库私有化Verdaccio 推荐小规模或个人使用，它轻量易用，配置简单，基于 Node.js 开发，与现有前端技术栈契合度高，支持快速部署和灵活定制。 前端作为与用户直接交互的重要层面，其稳定性和安全性更应该得到充分保障。建立私有 npm 仓库，正是迈向这一目标的关键一步。
9000编辑于 2026-03-31 - 来自专栏九彩拼盘的叨叨叨
学习前端 第5周 第5天
了解 浏览器对象模型（BOM） 了解location对象的如下属性 hash 设置或返回从井号 (#) 开始的 URL（锚） host 设置或返回主机名和当前 URL 的端口号。 hostna
41320发布于 2018-08-27 - 来自专栏达达前端
前端技术前沿5
CSS3 background-origin 属性 background-origin 属性规定背景图片的定位区域。
41730发布于 2019-07-03 - 来自专栏乱码李
HTML5 前端存储
html5 中的 Web Storage 包括了两种存储方式：sessionStorage和localStorage。 Firefox (Gecko) Internet Explorer Opera Safari (WebKit) localStorage 4 3.5 8 10.50 4 sessionStorage 5 localStorage 主要存储一些比较多的本地数据，如 HTML5 小游戏里面生成的数据。
95910发布于 2021-11-26 - 来自专栏全栈程序员必看
前端MD5加密——js-md5
3.使用 （1）安装 npm install js-md5 （2）main.js中引入 import md5 from 'js-md5'; Vue.prototype. $md5 = md5; （3）使用 this. $md5("加密内容") 4.地址 https://www.npmjs.com/package/js-md5 发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/157593
6.8K40编辑于 2022-09-14
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号