令人迷惑的history.length
2022/07/10
最近在开发 APP 内嵌 HTML 页面时需要开发一个自定义的导航栏来实现一些全屏的页面效果，期间就遇到一个问题页面返回的问题。我们的页面通常是在运行在原生的某个容器当中，可以类比成浏览器中的标签页。在这个容器中我们同样可以通过 JS API…
react-router@v6中的踩坑记录
2022/05/16
2022-07-31 更新了 相同 pathname 相互跳转的问题 最近的项目是基于 create-react-app 官方模板进行定制，以便统一公司内部的 react…
阿里云OSS使用的一些问题记录
2022/01/26
公司 APP 中的图片资源是存储在阿里云 OSS 中，由于图片资源在上传端没有做限制，导致 OSS 里存储的图的巨大，影响了 C 端页面的渲染速度。虽然项目中也有使用到 OSS 提供的缩放功能，但是仍有一些地方需要优化，以下就是记录我优化的方向： 统一的 url…
自定义组件外层TouchableWithoutFeedback无法触发onPress
2021/11/28
最近在整理 React-Native 项目的公共组件时重新封装了一些新组件，但是在验证组件时却发现了 bug，同样的一个元素结构直接作为 的 children 的话表现是正常的，但是被封装到自定义组件内后就无法触发 onPress…
FileReader的内存回收
2021/10/21
最近在研究文件上传，由于需要计算文件的 hash 值，所以会使用到 FileReader 来读取文件的内容。但是使用 FileReader 读取文件会写入到内存中，如果是大文件的话可能会因为内存不足导致浏览器奔溃。我在网上找了一圈也没看到介绍如何回收 FileReader…
记录排查上传大视频导致浏览器奔溃的问题
2021/10/20
背景 负责达人后台的同事找我帮忙排查一个问题，说是在上传超过 1G 视频的时候浏览器会奔溃，浏览器提示的是内存不足，他们给我的初步判断是没有使用分片上传导致的。 排查过程 如何分片上传 因为上传一般都是用云服务商提供的 sdk…
去除disqus广告
2021/09/30
今天打开网站发现在文章底部居然还有广告，我一个静态站应该也不会被人黑才对，审查元素后才发现居然是 Disqus 的广告…，并且还不能在 Disqus 后台关闭，这哪能忍，直接上代码： 终于又恢复了往日的整洁了！
JavaScript中的错误收集
2021/06/24
Error 对象 在 JavaScript 中，我们可以使用 Error 对象来描述程序出现的错误。它的原型对象是这样的： Error…
postMessage execute fail 之谜
2019/11/21
最近在使用了的项目中遇到了一个报错，报错的大致内容如下： 当时的html页面结构大致是这样： 从报错信息来看似乎是因为调用 postMessage 传入的 targetOrigin 和对应 iframe 实际的 url 不一致导致的，那这可能是 postMessage…
详解 webpack devtool 配置
2019/05/17
什么是 sourceMap？ sourceMap 是一类用于描述文件压缩混淆前后内容映射的文件，它以 .map 为后缀名，内容为一个 JavaScript 对象。 sourceMap…
JavaScript代码检查及与gulp、git的结合使用
2016/07/16
在团队开发过程中，我们可能会要浪费一些时间在代码检查上，譬如拼写的检查、代码规范的检查。作为码农，我们当然不能把自己的时间浪费这种无意义的事情上，所以本篇我将介绍一些自动化代码检查的东西和项目实际上的应用。 JSHint 安装及使用 JSHint是一个用于 JavaScript…
window下几种以当前路径打开命令行的方式
2016/06/13
此技巧仅用于 window 平台，osx 用户绕道。 方法一 最原始的方法，手动调出 cmd，然后通过命令切换到指定目录。 方法二 用资源管理器打开指定目录后，在资源管理器的地址栏里输入 cmd…