20231219 前端开发日报

Flutter到鸿蒙,不是有手就行吗? (下拉刷新)；我是如何优雅地手写AJAX的；FaceBook 开源 AtomicCss 解决方案：Stylex；Cosmopolitan Libc：让 C 语言一次构建、随处运行 | 开源日报 No.109；Swift 响应式编程：简化 KVO 观察与 UI 事件处理 | 开源日报 No.110；flutter 原生PlatformView开发实现磁力气泡；经济下行，老前端的 2023 外卷之路：写书、摄影、马拉松；基于原生 js + html2canvas 实现网页放大镜

1. Flutter到鸿蒙,不是有手就行吗? (下拉刷新)

   前言 五年前，有人告诉我，你可以错过其他技术，但千万不要错过 Flutter 。然而此刻，有人告诉我，如果你错过了鸿蒙，恐怕要错过下个时代了。

2. 我是如何优雅地手写AJAX的

   浅聊一下 提到AJAX，好像有点熟悉… 搞懂 AJAX：写给前端新手的实用教程 在本篇文章中，我们将对其进行一个升华，带领大家来手写一个AJAX…

3. FaceBook 开源 AtomicCss 解决方案：Stylex

   最近，Facebook 团队开源了他们内部的 Atomic Css 解决方案：stylex，正是这套解决方案让 facebook 首页样式文件体积减少百分之 80%。

4. Cosmopolitan Libc：让 C 语言一次构建、随处运行 | 开源日报 No.109

   Cosmopolitan Libc 是一个令人兴奋的 C 语言库，它让 C 语言能够像 Java 一样一次编写，到处运行，而无需解释器或虚拟机。它通过重新配置标准的 GCC 和 Clang，输出符合

5. Swift 响应式编程：简化 KVO 观察与 UI 事件处理 | 开源日报 No.110

   RxSwift 是 Swift 中的 Reactive Extensions 标准实现，它通过提供 Observable 接口来实现通用的计算抽象。它以 Swift 为中心，为 Rx API 提供了真

6. flutter 原生PlatformView开发实现磁力气泡

   序 最近终于有些时间能够好好整理自己过去的知识,swiftui项目,flutter项目,以前之前主uikit项目.学而时习之,也算对自己有益的行为.本篇就来开篇讲讲我flutter项目中一些功能的实现

7. 经济下行，老前端的 2023 外卷之路：写书、摄影、马拉松

8. 基于原生 js + html2canvas 实现网页放大镜

9. 推荐给前端开发的 5 款 Chrome 扩展

10. 1v1 评审 100+ 前端简历，总结项目经验的 9 个问题

11. ref 还是 reactive，这是个问题

12. 5年前端2023面试之路

13. vue3中ref及reactive的说明

    文章浏览阅读117次。关于ref及reactive的用法，还是要在开发中多多使用，遇到响应式失效问题，仔细研究，加强理解。

14. 你和我一样纠结过vue3的 ref() 和 reactive()吗？

    文章浏览阅读77次。官方文档建议：因为reactive()的局限性,所以建议使用ref()作为声明响应式状态的主要 API.

15. 前端技术的新趋势：React、Vue与Angular的比较

    文章浏览阅读197次，点赞3次，收藏3次。本文将比较当前最流行的前端框架React、Vue和Angular，探讨它们各自的优缺点，并分析它们在未来的发展趋势。

16. 使用 Node.js 搭建 Vue 项目的步骤

    文章浏览阅读105次。Vue.js 是一款流行的 JavaScript 框架，而 Node.js 提供了一个强大的运行环境，两者的结合使得开发者可以轻松构建现代化的前端项目。本文将介绍如何使用 Node.js 搭建一个基本的 Vue 项目，包括项目初始化、依赖安装和开发服务器的设置。

17. 前端2024加分技能：官网3D Banner效果 three.js+vue实现

    文章浏览阅读344次，点赞8次，收藏8次。本节课没有具体的代码，就是给大家科普一下PBR材质，所谓PBR就是，基于物理的渲染(physically-based rendering)。Three.js提供了两个PBR材质相关的API和是扩展的子类，提供了更多功能属性。

18. 详细教程 – 从零开发 Vue 鸿蒙harmonyOS应用 第六节（js版） ——模块化设计实现复杂页面

    文章浏览阅读334次，点赞9次，收藏8次。模块化设计是开发复杂页面的关键。本文通过一个实例,介绍了如何利用鸿蒙的import/include以及观察者模式实现模块化拆分,并处理好组件间的数据交互问题。模块化开发能大幅提高代码质量,如果你在鸿蒙应用开发过程中也遇到类似复杂页面的困扰,不妨借鉴本文的解决方案。欢迎大家在评论区分享你的模块化设计经验!

19. pdf 弹窗预览，vue-pdf

    文章浏览阅读161次，点赞3次，收藏3次。js代码，把文件转为文件流的形式，获取pdf内容，页码，按钮功能等实现，用vue.pdf实现弹窗预览 ，不过一次只能预览一页，什么功能都有的。页面代码，页面功能按钮，以及pdf内容显示。

20. Vue 异步组件：提升应用性能与加载速度

    文章浏览阅读332次，点赞6次，收藏9次。Vue 异步组件是提升应用性能的一项关键技术。通过合理地使用异步组件，我们可以实现按需加载、拆分代码块、提高用户体验的目标。在实际项目中，根据具体场景和需求，结合不同的加载策略和配置，可以使应用在性能和用户体验方面达到一个平衡。异步组件，是优化 Vue 应用性能的得力助手，让我们的应用更加高效、流畅。

21. vue写了这么久了您是否知道：为什么data属性是一个函数而不是一个对象？

    文章浏览阅读105次。组件

22. 使用 React 实现自定义数据展示日历组件

    文章浏览阅读392次，点赞10次，收藏7次。将上面的组件引入应该是开箱即用，如果有问题请评论区多多留言。如果对大家有所帮助，请咚咚大家的【。

23. antd react Table组件封装（含分页）

    文章浏览阅读220次，点赞7次，收藏3次。2. 父组件调用示例。

24. vue中如何刷新子组件，重新加载子组件

    文章浏览阅读160次，点赞6次，收藏2次。三种方法：1.使用 Props 传递数据 2.使用$refs引用子组件 3.给子组件添加key值1. 使用 Props 传递数据：在父组件中通过修改 props 的值，传递新的数据给子组件，从而触发子组件的更新。在父组件中使用ref为子组件创建引用，然后通过引用直接调用子组件的方法或访问其数据key值变化之后，会自动重新渲染组件，vue中的key的作用主要是为了高效的更新dom, 它也可以用于强制替换元素/组件而不是重复使用它，完成的触发组件的生命周期钩子，触发过渡