何洲的个人博客

经历、技术和感悟,别说这种丧气话,还有机会的。

前端

React+Redux 项目中的代码分割

按需加载是前端性能优化中的一项重要措施,指的是根据当前页面的需要,只加载相应的必需资源。 要实现按需加载,首先需要进行代码分割。通过 Webpack 这样的工具,我们可以按模块将相应的代码打包到一个文件中,从而实现代码分割。 不过,今天并不是讨论如果使用 Webpack 进行代码分割,而是在 React+Redux 项目中,我们如何通过动态导入分离路由和相应的 Redux 模块。

前端

格式化输入框内容后定位光标位置

这段时间进行项目升级工作,期间遇到一个需求:针对十六进制数输入框(输入框内只能输入十六进制数),输入时在每一个字节间插入空格,便于阅读。 这个功能倒不是很难,只用将原始数据格式化后重新设置到输入框中即可。但是,这里却有一个问题:如果从数据中间某处开始编辑,编辑一次后光标就会跳转到最右,在修改时体验不是很好。

Gradle

Gradle 基础用法

Gradle是一个汲取 Ant 和 Maven 概念的开源自动化构建工具。它使用基于 Groovy 或 Kotlin 的特定领域语言(DSL)来声明项目设置,抛弃了基于 XML 的各种繁琐配置。 虽然已有 1 年多没有写过 Java,但最近因为工作需要,开始了解微服务、Spring Cloud、Spring Boot 等,所以打算重新拾起来。在系统学习之前,打算先学习 Gradle,并且以后自己的一些项目就使用 Gradle 作为构建工具。

Flutter

Flutter 中添加静态资源

一个应用程序少不了一些静态资源,例如:图片、字体、配置文件等。这些静态资源会打包到程序安装包中,可以在运行时访问。 Flutter 中添加静态资源很简单,将静态资源放置在任意目录(通常是根目录下的 assets 文件夹中),然后在配置文件中 pubspec.yaml 中指定即可。每个 asset 都通过相对于 pubspec.yaml 文件所在位置的路径进行标识。asset 的声明顺序是无关紧要的。

Flutter

Flutter 路由和导航

大部分应用程序都包含多个页面,并希望用户能从当前屏幕平滑过渡到另一个屏幕。移动应用程序通常通过被称为“屏幕”或“页面”的全屏元素来显示内容。在 Flutter 中,这些元素被称为路由(Route),它们由导航器(Navigator)控件管理。导航器管理着路由对象的堆栈并提供管理堆栈的方法,如 Navigator.push 和 Navigator.pop,通过路由对象的进出栈来使用户从一个页面跳转到另一个页面。