管理前端项目中的图标

发表于 | 分类于 前端/前端业务

前端项目中,图标管理是一个前期容易被忽略,但后期维护比较困难的一个地方,最后得到的结果就是项目中散落着各种各样的图标,也无法轻易移除。

本文决定讨论一下这个问题,在研究了各种前端图标方案后,决定试试逐渐流行起来的 svg 图标组件方案。

前端多主题实现及切换方案

发表于 | 分类于 前端/前端业务

随着操作系统支持暗色模式之后,多主题逐渐流行起来,恰好最近在产品内实现了兼容多套主题的方案,于是记录一下

Android打包相关概念

发表于 | 分类于 客户端/Android

由于只有半调子的客户端开发经验,导致遇见一些环境问题时都需要使用搜索大法挨个试,本文决定整理一下Android 打包过程中的一些概念和流程,方便后续定位问题。

前端体验优化之异步数据

发表于 | 分类于 前端/前端业务

在单页应用中,往往需要请求异步数据来渲染页面,开发者需要管理各种数据的加载、loading和异常处理,本文整理了这些场景下常见的问题,以及一些解决方案。

vite插件实现骨架屏自动化

发表于 | 分类于 前端/前端工程

骨架屏在SPA应用中有两个显著提升用户体验的作用

  • 避免页面初始化加载时的空白,体验介于SSR和完全等待页面初始化完成之间
  • 避免部分路由组件需要加载数据完成之后才渲染的空白

骨架屏会给用户一种内容已经返回的错觉,只要稍加等待就能看见完整内容了,因此骨架屏的定位就是真实内容准备好之前的替身。

之前研究过一种快速生成骨架屏的想法:使用Chrome扩展程序生成网页骨架屏,大概原理是通过Chrome扩展程序注入content.js修改页面DOM接口,最终导出带有骨架屏样式的HTML代码。

当时的这个想法并没有在生产中落地,最近在折腾用户体验相关的功能,发现还是有必要继续完善一下骨架屏相关的东西。

video标签常见问题整理

发表于 | 分类于 前端/前端业务

梳理笔记时发现了不少关于Video标签的问题,涉及到诸如自动播放、编码错误等问题,也包括背景虚化、视频外部字幕等业务场景,于是统一整理一下。

前端体验优化之图片加载闪烁

发表于 | 分类于 前端/前端业务

最近在学习一些前端优化用户体验的方案,想到了在业务中碰到的因为图片加载导致页面撑开闪烁的问题,经过一番研究之后找到了一些可行的方案,于是记录一下。

博客v0.8迭代记录

发表于 | 分类于 博客

一拖再拖,终于将博客升级到了v0.8.0,主要涉及到底层框架react-vue、服务接口vite ssr、项目管理pnpm monorepo和部署方式docker compose等方面的改动,感觉可以记录一下。

使用cocos实现Cramped-Room-Of-Death

发表于 | 分类于 游戏

最近发现了一个cocos宝藏教学 [CocosCreator游戏开发教学]Steam游戏《Cramped Room Of Death》复刻教程(已完结),学到了很多东西。本文主要记录一下相关的收获

自定义React中JSX的Element类型

发表于 | 分类于 前端/React

react-vue中,我定义了一种setup式的函数组件,这种组件返回的是一个render函数,因此在tsx中需要实现一种新的JSX.Element,否则会出现函数组件返回值类型冲突的问题。本文主要探究如何解决这个问题。

实现一个类React的Vue3框架

发表于 | 分类于 技术原理

上一次使用NeZha重构博客大概是三年以前了,最近打算迭代一下,于是想着写一个融合Vue3React风格的小玩具,名字也没想好(也许就叫做react-vue了)。本文主要记录一下相关的开发过程。

初识Java多线程编程

发表于 | 分类于 编程语言/Java

在前端开发工作中,基本上没有接触到多线程编程,最近在整理Android开发,感觉需要深入地学习一下多线程的知识,因此整理了一下Java中的多线程编程知识点。

flutter布局计算规则

发表于 | 分类于 客户端/Flutter

之前主要是负责Web开发的,在刚开始写Flutter的时候很容易把Container组件当成div标签来使用 ,以至于在碰到Container(width:100,height:100,color:Colors.red),代码并没有按预期展示宽高各100的元素时感到非常诧异。

后来查阅了相关文章之后,终于了解到:Flutter与Web浏览器的布局差异非常之大!本文主要整理Flutter渲染流程中的布局计算规则。

一个基于远程模块的低代码平台

发表于 | 分类于 技术原理

在之前关于低代码平台的思考这篇文章中,我提出了一种使用”动态渲染异步组件“来规避组件化低代码平台扩展性较差问题的思路,基于这个思路,又研究了在线预览Vue组件使用vite加载远程模块等问题的实现,最终实现了一个支持加载远程组件的低代码平台,非常有意思,本文主要记录相关的思路和实现原理。

Docker部署monorepo项目

发表于 | 分类于 前端/前端工程

最近在使用pnpm和monorepo搭建一个前后端项目,为了方便部署,决定统一走Docker环境,本文主要记录整个过程中遇到的一些问题。

在markdown中支持可交互组件

发表于 | 分类于 技术原理

编写markdown文档时,有时候希望直接展示一个可交互的组件,类似于ElementUIAntd等主流的组件库的文档交互。由于vite已经逐渐取代webpack称为组件库开发的流行方式,本文将研究一种使用vite插件实现在markdown中实现可交互组件的思路。

富文本编辑器Quill源码分析

发表于 | 分类于 源码分析

最近在产品中遇到了定制富文本编辑器的场景,发现quill比较符合业务需求。在后续的开发中发现quill的使用体验和扩展性都比较好,源码也比较简洁,因此决定看一下quill的源码。

Tree-Shaking原理

发表于 | 分类于 前端/模块化

JavaScript文件的大小是前端性能优化中非常重要的一部分。

Tree Shaking是一个用于优化JavaScript 代码体积的技术,主要通过在构建过程中移除未使用的代码,从而减小最终打包文件的大小,提高网页加载速度和性能。

浅谈各种MVX架构

发表于 | 分类于 编程技术

在Android、iOS以及Web前后端开发中,总是会接触到MVC、MVP、MVVM等术语,虽然很早以前就查阅了相关的概念并牢记于心(面试专用),但对于其中的设计思想实际上并没有很好的理解。本文尝试记录自己关于各种MV*架构的一点思考。

关于TailwindCSS的一些思考

发表于 | 分类于 前端/CSS

tailwindcss是一个工具类(原子类)优先的 CSS 框架,与bootstrapbulma等组件类框架不同,tailwind 自身并没有提供可以直接使用的组件类如.btn-primary.table,而是提供了诸如px-4text-sm等原子类,由开发者通过组合的形式构建页面样式。

本文将先介绍样式类的编写变化,然后介绍 tailwind 的使用体验,以及关于现在是否能够将原子类用在生产项目中的一些思考。