奇舞推荐
一文彻底搞懂 React 服务端渲染
在前端项目需要首屏渲染速度优化或 SEO 的场景下,大家或多或少都听过到过服务端渲染 (SSR),但大多数人对服务端渲染具体实现和底层原理还是比较陌生的。本文基于公司官网开发时做了服务端渲染改造基础上,系统理解和梳理这套体系的模式和逻辑,并写了一些笔记和 Demo (文后链接) 便于深入理解。
消灭异步回调,还得是 async-await
关于异步处理问题,ES5 的回调让我们陷入回调地狱轮回,后来 ES6 的 Promise(Promise 不了解?点这了解 [1]) 让我们脱离轮回,终于,ES7 的 async-await 带我们走向光明。今天我们就来学习一夏 async-await,看看与 Promise 有何联系和区别。
前后端数据接口协作提效实践
在大部分场景中,前后端可以在开发前约定好数据接口,双方能够围绕约定并行地完成开发和自测。然而在大型系统中一些后端模块有时并非直连前端,在它们之间可能包含一些其它模块的处理过程,为了保证数据真实有效,前端需要搭建整套环境来调试渲染效果,导致效率和研发体验不断劣化。本文主要介绍百度商业前端团队结合接口平台和数据直达能力优化前后端协作效率的尝试,有效的提升了团队协作效能。
技术实践
前端抢饭碗系列之初识 Docker 容器化部署
随着容器化技术盛行,Docker 在前端领域也有着越来越广泛的应用;传统的前端部署方式需要我们将项目打包生成一系列的静态文件,然后上传到服务器,配置 nginx 文件;如果我们使用容器化部署,将部署操作都命令化,集中成一个脚本就可以完成原来复杂的部署过程。本文从 Docker 基础开始,来认识 Docker 的各种命令操作。
教你使用 koa2 + vite + ts + vue3 + pinia 构建前端 SSR 企业级项目
本文的重点在于 SSR 配置,为了优化读者的观感体验,所以项目的基本配置就不做详细介绍。
基于 iframe 的微前端框架——擎天
VAPD 是一款专为团队协作办公场景设计的项目管理工具,实践敏捷开发与持续交付。但早期 VAPD 以“一切皆可配置”的设计理念开发运行了两年,整个前端代码复杂混乱,组件庞大,状态混乱,前端代码打包出来有 50M 之巨。因此改版是必然的选择,而改版的要求就是不能耽误用户继续使用,必须保证网站可用、逐步更新,因此微前端是必然的选择。
拓展边界
AI 数字绘画 stable-diffusion 保姆级教程
今天主要介绍的就是 stable-diffusion 的玩法,官方利用 stable-diffusion 搭建的平台主要是 dreamstudio.ai 听这个名字就感觉很牛,梦幻编辑器 (自己取得,勿喷,因为生成的图都很梦幻),你也可以自己使用 colab 来本地运行,下面就来详解介绍这两种方式。
对国际化 i18n 项目的一点思考
如果你的项目是 Vue,那么相信你在实现国际化功能时,也必不可少的会使用到 **`vue-i18n`**[2] 这个库,接下来本文也是通过这个库搭配 Vue 实现最基本的国际化功能,但关注点并不是如何使用这个库,而是在实现的过程中思考可优化的点。