保存成功
订阅成功
保存失败,请重试
提交成功
当前位置 > 首页 > 前端 > Chat
前端
前端搞工程化:持续集成
你工作 1~3 年时, 三大框架都有接触过了,平常需求来了,都能很好的完成,感觉遇到瓶颈了,想做些提效的工具又不知道从哪下手,网上文章有泛泛而谈,看完也不知道咋下手 笔者在中台写前端,不夸张的说,写各种持续集成 CI 脚本快要写吐了,也给很多同事讲解过怎么样设计一套好用的 CI,还算比较有经验。能很好的梳理这些知识点,讲解清晰,通俗易懂的学会这些知识。网上这类文章都不集中,分散四处,不成体系,本次 Chat 的目的是,看完能在大脑形成一颗树状结构化知识 因为大部分公司一般都用 Gitlab,这里主要用 Gitlab CI 讲解,会提供能直接用的 Demo。 总之就是,看完能懂,懂完能抄,抄完能出成果。 在本场 Chat 中,会讲到如下内容: - 写 CI 难道真的是上来一个 npm i xxx-ci -g 么(最不喜欢就这种全局安装了,学习下 egg 优雅方式) - Gitlab-CI 简单介绍 - Gitlab Restful API 介绍 - 脚手架、本地创建项目 => 自动同步到 Gitlab - 单页应用 push => 打包构建 => 发布 => 接oss => 自动刷新cdn => 消息通知 - 多页应用、增量构建 - 微信小程序 push => 构建 => 上传,一条龙服务 - npm 组件,构建发布一条龙
hucheng · 高级前端工程师
284 人已加入
前端
从 Vue 3 源码切入,全面掌握前端编译原理
这首先是一篇源码剖析 Chat。Vue 3.0 源码发布一月有余。目前针对 Vue 3.0 的源码分析基本围绕响应式原理展开,鲜有对模板编译原理进行分析的。这篇 Chat 首先会带大家来啃下这块“硬骨头”——理解 Vue 3 中的 compiler-core。 这同时还是一篇面向任何阶段前端而写的编译原理课程。编译原理作为大厂面试中的热门考点,具备极高的区分度,但其对应的书面学习材料却普遍具备一定的阅读难度,对野生程序员居多的前端同学并不友好。本文在写作的过程中,穿插了大量的代码示例+图片解说,力求不装 x、说人话,确保阅读体验如丝般顺滑。 事实上,前端工程师需要掌握的编译原理远没有那么学术化。本文除了会帮助大家打开编译原理世界之外,同时也会把“划重点”这件事情做掉,不带大家做无用功。 如果你仍然陷在无尽的轮子和 API 里兜兜转转,渴望创造能力的质变、却又一次次被原地拍倒在沙滩上;或者是多次挑战大厂未果,苦于始终搞不懂面试官口中那些“高大上”的词汇到底意指何处。那么本文希望能够帮你以一个舒服地姿势吸收掉这些看似晦涩、实则“就那么回事儿”的知识;在掌握 Vue 3.0 最新的编码思路的同时,帮你完成前端编译原理从 0 到 1 的突破;在未来的面试中,能和面试官“谈笑风生”。 知识结构分布如下: - 为什么是 Vue 3.0 - Vue 3.0 源码解析——模板编译过程 - Vue 3.0 在编译过程里做了什么 - Vue 3.0 编译链路源码解析 - 主流程分析 - 细分流程分析 - 编译原理——通用基本功 - 理解编译器 - 编译器的起源 - 编译器和解释器,这回要分清楚 - 编译过程整体把握 - 词法分析原理探索 - 语法分析过程——抽象语法树(AST)的构建 - 学习拓展——如何更进一步
修言 · 前端工程师
519 人已加入
前端
HTML5 容器入门解析:支付宝 Hybrid 方案原理与实战
Hybrid 开发模式已不是什么新鲜的话题,不仅可以快速发布新业务,同时无需考虑 App 发版时间,为业务更新迭代提供了极强的灵活性。相比于 Web 开发,Hybrid 开发模式提供了丰富的设备 API,让业务形态可以更加多元和丰富。 mPaaS 离线包源自于支付宝原生方案,经历了严苛的业务考验,让你直接和支付宝使用同一套框架层代码,让你拥有解决系统级 WebView Crash 的能力,并具备良好的、弹性的扩展能力,结合具体业务需求定制 JSAPI。 通过本文你将了解到支付宝 App 的演进历程: - 利用 **Hybrid App 架构**,应对复杂的业务协同; - **离线包机制(自研 UC Webview 内核)**即时更新,满足业务快速迭代; - 更优越的 Hybrid 方案:HTML5 与小程序差异化解析。
 同时,我们也希望和大家进一步地探讨,在跨平台开发越发成熟的今天,怎样的技术选型最适合我们克服 Hybrid App 白屏,跨机型适配的挑战? 快速构建一款 App 并不难,应对复杂的机型及系统版本,构建一款高性能,稳定,流畅的应用将成为我们的核心课题。我们带着支付宝的具体实践和思考来,也希望了解大家的真实需求和想法,从而帮助我们探索更多创新的思路。 ----- 作者介绍:刺胃,蚂蚁金服 mPaaS 容器&离线包核心开发者,目前聚焦将支付宝原生 Hybrid 方案解耦输出,并基于多样的业务场景做持续迭代和优化。
蚂蚁金服移动开发平台mPaaS · 蚂蚁金服移动开发平台mPaaS
393 人已加入
前端
非科班前端面试大厂的实操指南
笔者是《前端性能优化原理与实践》一书作者,供职于某大型电商互联网公司。历任创业团队 TL 、滴滴出行前端工程师,到现在成长为大型互联网公司的业务线 Owner。从五人小组、十人团队、千人公司到万人集团,接触了大量形形色色的前端团队,沉淀了一系列与面试和成长有关的方法论,最终形成了一套简单直接、可复用性较强的面试思路和解决方案。在此基础上,经过反复的打磨、实践的验证和表达层面的梳理,便有了这篇 Chat。 在本场 Chat 中,会讲到如下内容: * Chat 食用指南——如何将本 Chat 对你的效用最大化 * 世界观:站在面试官角度,告诉你面试的本质,少走弯路 * 误区答疑:屡试不中,我离大厂到底差了几个轮子? * 误区规避:刷了”面试宝典“,offer 就稳了吗? * 硬实力——大前端知识结构梳理 * 软技能——理解大厂团队到底想要什么样的工程师 * 阶段性目标 & 周期性计划——手把手带你把面试攻略落地 * 5 个实用思维工具——助力面试,更帮你持续变强 * 面试之外——进入大厂,一切才刚刚开始。关于如何成为职场强者,我有话要说 适合人群: 备战大厂的前端工程师/校招同学;渴望突破生涯天花板、推动能力质变的前端 er。
修言 · 前端工程师
501 人已加入