ios-移动端调试-react-项目的探索

起因

以往我们在移动端做调试的时候,总是喜欢调试手机和当前电脑联入同一个局域网,然后通过 if config 找到当前 ip, 然后在当前手机中将 localhost 替换成找到的 ip 地址就行了。
但是今天我在做移动端调试的时候发现一个问题,无论我怎么样都不能让调试手机进入到当前 react 项目进行调试,包括拍拍重启换一台等方法。为此我探索了各种方法,终于找到了解决方案。

如何使用canvas根据坐标画框

背景

最近在搞点机器学习相关的内容,大致是上传一个图片,然后机器识别特殊部分,通过返回的坐标,在图片上画框。
一说到画框这种东西,不用说肯定是使用 canvas 来画了,但是如何利用坐标来画正确的框,这其中就有一些坑要踩了。
下面容我来讲解一下在 react 中如果通过坐标来使用 canvas 画框。

为什么 react 中 p 元素不能嵌套 div 元素

背景

今天在写一个 react + material ui 的前端项目时,遇到一个组件报错问题,下面是报错图片:

查找元素发现,使用的 <Typography> 组件在不特别指明要渲染的元素前,会默认渲染成 p 元素,如果在组件里面嵌套了 div ,渲染出的就是 p 元素嵌套了 div. 这时 react 就会报出错误,但是为什么 react 不允许 p 元素嵌套 div 呢,这里有同学可能会说是因为 p 元素可能不是块元素吧,行元素里不能嵌套块元素,但事实上 p 元素也是块元素,行元素不能嵌套块元素只是规范定义,建议我们不这样用,因为会有 SEO 之类的问题,但是实际上用浏览器不会报错的,比如我用 span 尝试嵌套 div 都不会报错,于是,我查询了文档。
终于得到了答案。

深入理解call方法的实现原理

背景

今天浏览网站时看到一个问题,如何手动实现一个 call 方法?,看了下源码,似懂非懂的理解了一下,心中不免大呼,就这几行难道就是 javascript 中大名鼎鼎的 call 方法,这也太简单了吧。
敷衍了事之后,关闭了网站,继续在 🕸️⬆️ 开始了 🏄‍。
可是下来回味的时候,想自己手写一遍,才猛然发现,似懂非懂的真正含义其实是不懂。
又看了一下原理,才发现自己真的有点不明白。
于是我自己在本地跑了一个程序,仔仔细细的把每一个点 debug 完才发现,掌握完知识的感觉是多么的奇妙。

andorid键盘弹起影响 fixed 布局的方案探索

背景

最近接到一个需求,其中一个功能点就是在一个 input 中输入表单内容,要求输入字段并展示搜索到的内容。本来是一个简单的需求,可是在跨平台开发的时候在 andorid 上却因为 andorid 键盘弹出影响了页面布局,导致最下面 fixed 布局的 footer 顶到了键盘上方,遮挡了 input 输入栏。

如何使用ssh同时连接github和gitlab

背景

公司发的电脑被我搞坏了,备份巨慢无比,无奈之下拿到新电脑只好重新装一次环境,装完环境之后又遇到了许多问题,重温解决方案,避免下次又疯狂查文档,浪费时间。由于自己需要在 github 中开发一些自己的东西,而公司自己又搭建了一套 gitlab 代码仓库,为避免混乱,如何使用 git 可以向两个地址推送代码而不妨碍各自的开发就成为了我们需要解决的问题。

大型数字精度转换丢失问题的解决

背景

在重构以前的 Java 版本的系统时发现,当时的 Java 开发者在对登陆用户的密码进行存储时采用了 BigInteger 方式存储 hash 加密后的 16 进制数字,并在最后存储时转换为了 32进制的数字。