腾讯技术人原创集-前端系列文章

Hi各位开发者，欢迎关注「腾讯云开发者」微信公众号。在这里，已经有10w小伙伴与你一起学习成长。本文系前端系列文章汇总，本帖子将不断更新。点击下面标题，就可以查看原文。如果觉得有用，欢迎收藏、分享「腾讯云开发者」。

微前端是将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的一种手段。本文从微前端的基础理论出发，对其核心技术进行阐述，最后结合项目进行简单的应用实践。

腾讯研发工程师介绍前端截图的实现。文中对两个开源库dom-to-image和html2canvas的使用和原理进行了简单的使用方式和实现原理方面，进行介绍和分析。

世界杯即将闭幕，你是否还未过瘾？近期体育竞技类游戏层出叠见，本文特邀架构师以一款简单有趣的点球射门游戏为例，通过代码实现游戏主体界面的绘制实现基础的游戏场景，而后阐述各类常见逻辑的实现方法。想了解游戏场景内各种复杂操作逻辑怎么实现？游戏开发中是否所有场景都只能通过加载素材资源实现？读完本文，你能独立开发出下图游戏，并掌握一定游戏开发实操方法。

OpenAI发布了对话语言模型 ChatGPT，相关讨论引爆全网。你是否也迫不及待体验一番？本文特邀作者腾讯云开发者社区作者戴传友从开发环境准备、开发过程、服务器接口、腾讯API网关接入到部署，详细教你如何动手开发一个chatGPT微信小程序。

本文将深入介绍 Chromium 内核组成结构，并以渲染流水线为主线，从接收字节码开始，按渲染流程来一步一步分析这个字节码究竟是如何转变成屏幕上的像素点的。

本文主要针对Feeds流进行介绍，将从Feeds流的演变入手，带你一步步了解Feeds流，而后学习如何从开发角度入手，对其进行建模，抽象出Feeds流常见的架构，最终搭建高可用、高扩展、高性能的Feeds流应用。

很多开发者搭建自己的博客，会选择现有的博客系统方案，比如：Wordpress、Hexo和Halo等。其中Hexo博客作为全静态博客，没有数据库、对服务器资源消耗也极低，而且可定制化程度极高。本文将带领各位开发者基于Lighthouse轻量服务器快速搭建Hexo博客。

Hippy使用JS引擎进行异步渲染，在用户从点击到打开首屏可交互过程中会有一定的耗时，影响用户体验。如何优化这段耗时？腾讯客户端开发工程师李鹏，将介绍QQ浏览器通过切换JS引擎来优化耗时的探索过程和效果收益。在分析Hippy耗时瓶颈、对比业界可选引擎方案后，最终QQ浏览器通过选择使用Hermes引擎、将JS离线生成Bytecode并使用引擎直接加载Bytecode，让首帧耗时优化50%起。希望本文对面临同样困扰的你有帮助。

H5开屏龟速常是令开发者头疼的问题。腾讯企业微信团队对该现象进行分析优化，最终H5开屏耗时130ms，达到秒开效果！企微前端开发工程师陈智仁将分享可用可扩展的Hybird H5秒开方案。该团队使用离线包解决了资源请求耗时的问题，在这个基础上通过耗时分析找到瓶颈环节，进一步采用“预热”进行优化提速以解决了WebView初始化、数据预拉取、js执行（app初始化）耗时的问题。希望这些通用方法对你有帮助。

持续更新中......

🔹关注我并点亮星标🔹

每工作日18点 看腾讯技术、学专家经验

点赞|分享|在看 传递好技术