何洲的个人博客

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

前端

React+Redux 项目中的代码分割

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

前端

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

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