前端工程化

Dolphin_海豚2 小时前
前端·架构·前端工程化
前端工程化总览其实整个前端就是 下面图中五个 层面的东西,本期文章我们来梳理下工程化方面的概念前端工程化就是前端开发的管理工具,目的是降本增效,也就是降低管理成本,提升效能。对于团队来讲,团队成员越多,项目越复杂,工程化价值就越高
前端工作日常19 小时前
前端·babel·前端工程化
我学习到的babel插件移除Flow 类型注解效果当使用 @babel/plugin-transform-flow-strip-types 插件处理包含 Flow 类型注解的代码时,它会移除所有类型注解,只保留纯 JavaScript 代码。下面是转换过程的详细说明:
前端工作日常19 小时前
前端·babel·前端工程化
我学习到的 Babel 配置作用:支持类属性语法(Class Properties)解析:典型场景:作用:移除 Flow 类型注解
ZzMemory2 天前
前端·面试·前端工程化
一文搞懂前端开发必备的导入导出方式在前端工程化日益成熟的今天,“模块” 早已成为代码组织的核心。无论是拆分逻辑、复用组件,还是引入第三方库,都离不开 “导出(导出模块内容)” 和 “导入(使用其他模块内容)” 这两个操作。但前端的导出导入方式远比想象中复杂:ES6 模块、CommonJS、资源文件(CSS / 图片)的处理规则各不相同,稍不注意就会踩坑。 本文将从模块系统的本质出发,系统梳理前端项目中常见的导出与导入方式,结合实际场景分析每种方式的用法与注意事项,帮你彻底搞懂如何正确地分享代码。
我不叫王小红7 天前
前端·git·前端工程化
实用优先!六年前端开发常用的 Git 操作,轻松应对 90% 的工作场景在前端开发中,Git 是我们日常离不开的工具。虽然 Git 命令丰富强大,但大多数时候我们只需要掌握几个关键的操作流程,就能应对 90% 的工作场景。本文结合作者实际项目和规范文档,总结出最实用的「六个」常用 Git 分支管理操作,适合个人开发、团队协作及动态部署测试环境。
拾光拾趣录8 天前
前端·前端工程化
前端工程化 | package.json 中的 sideEffects 属性前端构建优化中,Tree Shaking 技术可减少 30%-70% 的包体积。而 sideEffects 属性正是控制 Tree Shaking 行为的核心开关!
摘笑8 天前
前端·代码规范·前端工程化
Husky + Commitlint + ESLint:打造前端项目的铁三角护城河在多人协作的项目中,代码风格不统一、提交信息杂乱无章是灾难的根源。为了避免这种 “野蛮开发” ,我们可以借助三大工具:
咚咚咚ddd8 天前
前端·微信小程序·前端工程化
搭建跨端聊天系统:Vue 2 + WebSocket + 小程序适配实战基于小程序webview,开发聊天窗口系统web页面,支持企业与用户之间的实时沟通交流。本市场聊天窗口系统基于现有项目架构,通过模块化设计和组件化开发,实现了功能完整、多端兼容的聊天通信系统。重点关注用户体验、性能优化和小程序适配,确保在水滴网站小程序中能够提供良好的使用体验。
PineappleCoder8 天前
前端·git·前端工程化
💡 别再被Git命令搞懵了!这份通俗易懂的实战指南,让你秒变Git高手各位掘友们,大家好!在如今的软件开发江湖中,Git 就像是每位侠客手中的绝世神兵,无论是单枪匹马闯荡江湖,还是与团队并肩作战,都离不开它的鼎力相助。它能帮你记录每一次代码的变动,让你在代码的世界里“后悔药”随便吃,还能让你和队友们“你写你的,我写我的”,最后还能“合二为一”,简直是居家旅行、开发必备之良品!
咚咚咚ddd11 天前
前端·前端工程化
WebView Bridge 跨平台方案:统一 API 实现多端小程序通信因项目中小程序使用 uniapp 开发,打包发布微信、支付宝,头条小程序,其中部分页面需要使用webview做跳转,实测uniapp api无效,所以尝试自主封装多个小程序api, 在H5页面中引入使用。 webviewBridge 是一个跨平台的 WebView 桥接工具,提供了统一的 API 接口来实现 Web 页面与各种小程序宿主环境的通信。支持微信小程序、QQ 小程序、支付宝小程序、百度小程序、字节跳动小程序;
前端拿破轮12 天前
前端·github·前端工程化
重生之我在掘金做毕设【一】:技术选型大家好啊,我是前端拿破轮,川内唯二985在读,目前鹅厂前端实习,最近准备开始毕业设计了。拿破轮,川内唯二985在读,目前鹅厂前端实习,最近准备开始毕业设计了。
咚咚咚ddd12 天前
前端·javascript·前端工程化
移动端适配方案 : PostCSS px to viewportH5页面在小程序webview中显示时,部分机型(特别是iOS设备)出现缩放问题,字体变小等显示异常。
关羽的小刀14 天前
前端工程化
从 VueCLI 迁移到Rsbuild:性能直线上升🚀我们部门开发的产品构建工具都是@vue/cli-service4.5以下的版本,且使用babel处理低版本浏览器兼容性问题,项目又很庞大,每次构建都需要5分钟左右。这月项目不是很忙,决定对本部门产品构建工具进行升级!
拾光拾趣录15 天前
前端·javascript·前端工程化
JavaScript压缩原理与手写实现压缩JavaScript并非魔法,而是一门融合编译原理和工程实践的硬核技术。本文将揭示主流工具的底层逻辑,并带你亲手实现一个压缩器。
Dolphin_海豚16 天前
javascript·后端·前端工程化
一文理清 node.js 模块查找策略清楚 node 模块查找策略可以帮我们更好熟悉工程化,毕竟模块化是工程化之基,本篇文章就带大家一起学习 node.js 模块查找策略
拾光拾趣录18 天前
前端·前端工程化
组件封装的⼀些基本准则前端开发的本质是组件驱动工程。在大型项目中,合理的组件封装能提升团队协作效率300%以上(来自Google工程实践报告)。本文从设计哲学到落地规范,剖析构建健壮Vue组件的最佳实践。
拾光拾趣录19 天前
前端·前端工程化
前端代码保护:防止网页调试前端的每一行代码都是暴露的资产 —— 安全工程师的箴言在开始技术细节前,让我们先看一组令人担忧的数据:
陳有味_ChenUvi20 天前
前端·npm·前端工程化
使用 pnpm 优雅搭建 Monorepo 仓库在我们日常开发中,经常会遇到多项目管理,如果是单项目,大家都很好理解和操作,如果项目有相互关联关系,并且涉及多个项目管理,大家就可以采用更好的管理方式Monorepo
若梦plus21 天前
前端·前端工程化
基于Rust的前端工具链重构随着前端项目的日益复杂化,传统的JavaScript构建工具在性能和可维护性方面遇到了瓶颈。Rust作为一门系统级编程语言,以其卓越的性能、内存安全性和并发特性,成为了重构前端工具链的理想选择。
止观止22 天前
前端·pnpm·前端工程化·包管理器
深入探索 pnpm:高效磁盘利用与灵活的包管理解决方案在现代 JavaScript 开发中,依赖管理效率直接影响开发体验。传统工具如 npm 和 yarn 在大型项目中常面临磁盘冗余和性能瓶颈。pnpm(Performant npm)通过创新的硬链接和符号链接机制,解决了这些痛点。本文将深入解析 pnpm 的核心原理,详解其能力特性,并提供存储路径修改与注册源定制的完整实操指南,助你全面掌握这一高效包管理工具。