技术爱好者周刊(第29期)

 

谷歌出品的“2024CSS 年度盘点” 张伟达

谷歌出品的“2024CSS 年度盘点”


重识 JavaScript 策略模式和适配器模式 刘世豪(言未)

本文主要讲解了 JavaScript 中的策略模式和适配器模式。策略模式通过封装算法实现可替换性,如计算出行时间、优化 if-else 分支和表单验证等场景。适配器模式用于接口不兼容的情况,如打车 SDK 扩展、axios 底层请求方法切换和优化业务组件请求方法等。最后总结设计模式要分离不变与变化部分,遵循开闭原则,复杂模块可做概要设计,阅读优秀源码能提升应用能力。


轻量桌面应用新星:Electrico,能否颠覆Electron的地位? 李勇鲁(路飞)

在桌面应用开发的世界里,Electron曾经是一位风云人物。它让开发者可以用熟悉的Web技术构建跨平台应用,但它的重量级体积和系统资源的高消耗一直让人头疼。现在,一个新工具悄然登场,试图解决这些问题——Electrico,一个轻量版的桌面应用开发框架。


利用Chrome浏览器使用Overrides调试线上代码,真是太方便啦! 陆欣(谢晓峰)

利用Chrome开发者工具断点调试功能调试修改代


了解html的快捷语法更快的写html 车泽民

使用html的快捷语法更快的写html


神了,Chrome 这个记录器简直是开发测试提效神器 李文娟(李果然)

chrome 记录器,一个可以录制网站或应用中常见用户体验历程,重放录制内容以检查流程能否正常运行,是一个试用型新功能,可以浅浅的期待一下


Lighthouse:优化网站速度 崔鹏程(温华)

Lighthouse 是 Chrome 开发者工具中的一个自动化工具,用于提升网页质量,进行性能评估、可访问性检查、SEO优化等。它可以分析网页的各个方面,并给出优化建议,帮助开发者改善用户体验和网页性能。 主要功能: 性能评估:评估网页加载速度、响应性等,提供提升性能的具体建议。 可访问性:检查网页是否符合可访问性标准,帮助确保所有用户都能顺利访问网页内容。 SEO优化:检查网页的搜索引擎优化情况,确保网页容易被搜索引擎爬取和理解。 最佳实践:分析网页是否遵循现代的开发最佳实践,比如安全性、资源加载等方面。 PWA (渐进式网页应用):检查网页是否符合PWA的标准,以便提供类似原生应用的体验。


每个开发人员都应该知道的 20 个 TypeScript 技巧 黄鹤翔

通过灵活运用这些技巧,你可以更好地利用 TypeScript 的类型系统,提高开发效率。


Vue3中watch好用,但watchEffect、watchSyncEffect、watchPostEffect简洁 徐堂鑫

watchEffect 是 watch 的衍生,虽有缺点但写法简洁,特殊场景下可用 watchPostEffect、watchSyncEffect 替代,建议优先使用 watchEffect。