前端人必须掌握的抓包技能、为什么建议程序员写博客|掘金一周 09.15

4,360 阅读7分钟

本文字数2600+ ,阅读时间大约需要 6 分钟。

【掘金一周】本期亮点:

  • 前端人必须掌握的抓包技能
  • 纯 JS 实现语雀的划词高亮功能
  • 高并发下秒杀商品,必须知道的9个细节
  • 货拉拉 Android 模块化路由框架:TheRouter
  • 终于,掘金也有人讲傅里叶变换了
  • 为什么每个程序员都必须写博客
  • ……

上榜规则:文章发布时间在本期「掘金一周」发布时间的前一个月内;且符合各个栏目的内容定位和要求。

一周“金”选

image.png

内容评审们会在过去的一周内对社区深度技术好文进行挖掘和筛选,优质的技术文章有机会出现在下方榜单中,排名不分先后。

前端

学会抓包是软件开发人员必须掌握的调试技能,本文先介绍抓包的原理,再介绍抓包工具 whistle 的使用。

笔者在GitHub发现了solidjs这个项目,看了下文档,写了demo试了下,很容易上手,又看了一些对比测试和博客介绍,感觉性能很强,和svelte一样都是预编译,没有运行时,构建产物十几 kb,与原生js相差无几,令人惊叹~

前段时间公司需要实现一个划词评论的功能,网上大部分的实现会破坏页面 DOM 结构,最后发现语雀实现的划词评论功能是基于 canvas 实现的,与页面结构完全解耦,但是由于语雀没有开源,所以也没办法参考他们的代码,只能顺着他们的思路自己写一个。

后端

一行代码实现了防止 GC 线程进行垃圾回收?

有时会出现现有的需求已经跟之前有所差异导致接口不再适用,这时一般会新起另一个接口来处理新的逻辑。

高并发下如何设计秒杀系统?这是一个高频面试题。这个问题看似简单,但是里面的水很深,它考查的是高并发场景下,从前端到后端多方面的知识。

Android

TheRouter 是一个 Kotlin 编写,用于 Android 模块化开发的一整套解决方案框架。不仅能支持常规的模块依赖解耦、页面跳转,同时提供了模块化过程中常见问题的解决办法。

上述的货拉拉开源的路由库 —— TheRouter 由笔者开发。

随着 Flutter 3.3 正式版发布,Global Selection 终于有了官方的正式支持,该功能补全了 Flutter 长时间存在 Selection 异常等问题,特别是在 Flutter Web 下经常会有选择文本时与预期的行为不匹配的情况

如果你有过 SurfaceView 的使用经历,那么你一定和笔者一样,曾经被它所引发出 层出不穷的异状 折磨的 怀疑人生—— 毕竟,作为一个有理想的开发者,在深入了解 SurfaceView 之前,你很难想通这样一个问题:

为什么 Google SurfaceView 设计的这么难用?

笔者从 Compose 还在 alpha 到现在,用 Compose 完整的从零到一写了三个应用:Twidere X AndroidMask-Android,还有一个暂未公开的项目,说实话这三个应用每一个都有不一样的收获,在立项的时候也吸取了之前的经验,在 2021 年的时候我在另一个网站总结过一次经验,笔者觉得现在是时候再总结一下了。

一起来看看Compose的Text组件的花样玩法。

本文主要介绍了通过支持增量处理,惰性配置,避免不必要的Task配置,以及并行Task等方式来优化自定义Task的性能。

IOS

无论是App还是工具链,在做性能优化的同时,数据指标建设是必不可少的。这篇文章讲述的监控方案,在后续迭代DanceCC工具链的时候,能够明确相关的优化对实际的调试体验有所帮助,能避免了主观和片面的测试来评估调试器的可用性。

人工智能

股票价格数据是一个时间序列形态的数据,诚然,股市的涨落和各种利好利空消息更相关,更多体现的是人们的信心状况,但是它的形态下,时序前后是有一定的相关性的,我们可以使用一种特殊类型的神经网络『循环神经网络 ( RNN ) 』来对这种时序相关的数据进行建模和学习。

傅立叶变换,对于初学者来说犹如听天书一样。各个平台都有各版本的讲述,知乎版,简书版…无论他们说的怎么通俗,还是很多读者听理解不了。这篇文章是掘金版傅立叶变换教程,是否通俗易懂,还是让掘金的读者来评判吧。

笔者较全面的学习了空洞卷积的知识,整理成文分享给大家。

热点观察

image.png 搜集行业热点,洞察技术趋势。

Dart 2.18 稳定版也随着 Flutter 3.3 稳定版一起发布,本次更新带来了 Dart 与 Objective-C & Swift 互操作特性的预览版,以及根据这个特性构建的 iOS/macOS 网络组件的 package。

React Native 的新版本 0.70.0 终于发布了,本次 0.70 版本对架构进行了多项升级调整。同时Hermes 将作为默认引擎随 React Native 0.70 一起发布。

掘金万花筒

image.png 根据内容质量、创意维度来筛选掘金社区的宝藏文章,你是那个宝藏吗?

本文给大家分享一下非常多有意思的 CSS 技巧。

程序人生

image.png

社区活动日历

image.png

活动日历

活动名称活动时间活动主理人
金石计划一期 | 参与挑战 10万现金等你来瓜分!9月3日 - 9月30日@小斗金
码上掘金挑战赛来了,show出创意赢大奖!9月5日 - 9月25日@ 掘金Troy

社区官方公告

📖 投稿专区

大家可以在评论区推荐认为不错的文章,并附上链接和推荐理由,有机会登上下一期。文章创建日期必须在下期掘金一周发布前一个月以内;可以推荐自己的文章、也可以推荐他人的文章。