Amadeus Guo

Amadeus Guo

I am a Software Engineer in China. Mostly I code in javascript for UX. I'm also fluent in flutter, node, python, rust, java and enjoy full stack programming.

Shen Zhen, Guang Zhou, China
68 posts
Website
frontend

Nuxt全栈开发

提起nuxt,玩过vue的同事们,应该都有一种似曾相识的感觉。 nuxt框架最初是为了解决前端SSR,SSG的需求而诞生的。由于能上SSR,SSG的项目实在是少,能施展nuxt大法的地方自然也十分有限。 但是流行度和一个框架的优秀程度是不能划等号的。 虽然单纯的SPA+CSR能解决很大一部分场景,但是SPA+CSR不是web的全貌。在高度这个内卷的时代,掌握一个全栈框架逐渐成为前端开发的必备技能。 Nuxt的闪亮特性 3.0版本后的nuxt已蜕变为全栈框架。不光可以玩SSR SSG,还可以配置成单纯CSR,也可以写后端接口,封装bff接口或是连接db,redis请求数据。 目前它包含如下优秀特性: * 支持五种渲染模式,对混合渲染具有灵活的控制。 * 开发体验提升,文件路由,自动导入等功能都可以大大提升开发效率。 * 框架成熟,nuxt深耕vue和SSR领域多年,是vue SSR的最佳方案。 * 快速实现后端接口,前后端一体化开发。 * nuxt devtools可视化管理全部路由和组件。 初识nuxt 使用如下命令搭建一个nuxt项目:

javascript

web暗黑模式浅议

大家有没有发现近些年的新设备从移动的到PC全都支持暗黑模式了?是的,这是个趋势。而且有些应用市场上不支持暗黑模式的应用都已经不能上线了。 暗黑模式本质上是一种换肤技术。早在20年前,qzone,人人网之类的应用就已经在web平台上实现了换肤。支持的皮肤可谓五花八门,还能商业化卖钱。所以暗黑模式不是什么新技术。然而为什么最近几年却出现新的活力? 主要原因在于操作系统层面都加入了对暗黑模式的支持。最开始是Android (Android 10),IOS (IOS 13)等移动端系统,之后桌面端也都加入了暗黑阵营。从而形成了从操作系统到应用程序,再到web的全链路黑化。用户能在操作系统上一键开启全局的暗黑模式。 暗黑模式香吗? 暗黑模式有什么优点,值的我们追随? * 视力保护:相信大家都有半夜刷手机的经历。晚上一个大白屏确实很刺眼。 * 美学、用户习惯:这个角度完全是从个人的感觉出发。有人觉得白底黑字好看,有人觉得黑底白字更酷。另外还要考虑用户习惯,比如股票行情、命令行终端一般都是暗黑模式的。 * 省电:移动设备屏幕电量消耗是个大头。因为屏幕的发光物理原理,深色比

Embed Flutter in Android

安卓全页面嵌入 全页面嵌入flutter使用io.flutter.embedding.android.FlutterActivity 部分页面嵌入 部分页面嵌入flutter使用io.flutter.embedding.android.FlutterView和io.flutter.embedding.engine.FlutterEngine 在onCreate方法里面flutterView.attachToFlutterEngine(flutterEngine);onDestroy方法里面flutterView.detachFromFlutterEngine();同时还要把其他几个声明周期状态传到flutter,例如flutterEngine.getLifecycleChannel().appIsResumed();

单页面nginx配置详解

单页面应用发布后刷新页面404遇到过么?本篇我们来聊下单页面相关的nginx配置。 nginx是一个高性能的反向代理服务器,也经常用于服务静态资源。一般发布一组静态资源需要配置一个location快,里面填好root跟目录,就可以对外提供这个文件夹的资源访问。如下: location / { root /path/to/static/files/; } 但是单页面只使用root并不行,放到nginx之后一般需要额外的配置。否则在一个较深的url上,刷新页面就会变成404。这是因为单页面的路由在页面运行过程中是虚拟的。后端并不存在对应的静态资源匹配对应的url。 解决这个问题需要告诉nginx,假如资源找不到就返回index.html给前端。 location / { root /path/to/static/files/; try_files $uri $uri/ /index.html; } 假如spa的跟路径是某个路径的话,用root可能会有问题。因为它跟$uri的内容有关,它包含了已经匹配的路径。最好使用alias替换root。alias使$uri

You've successfully subscribed to juju's Blog!