20231117 前端开发日报

历时一个月，6年前端降薪上岸了；Flutter 3.16 发布，快来看有什么更新吧；48h 获得 1K Stars 这个硬核项目可能彻底改变前端状态管理方式；threejs渲染高级感可视化涡轮模型；JavaScript 函数神器之一：彻底理解 reduce() 函数的妙用；Dart 3.2 更新，Flutter Web 的未来越来越明朗；247：vue+openlayers 根据坐标显示多边形（3857投影），计算出最大幅宽；第二章 vue中marker被识别点击

1. 历时一个月，6年前端降薪上岸了

   6年前端，11.15号，拿到了这一个月以来的第一份offer，降薪，教育行业，正如之前在文章中所说的，我就是头铁。 这篇文章就水一下我这差不多一个月的面试旅程吧。 我是在7.14号左右从一家培训公司毕

2. Flutter 3.16 发布，快来看有什么更新吧

   Flutter 又又又发布新季度更新啦，同时随着而来的还有 Dart 3.2，本次 3.16 开始 Material 3 会成为新的默认主题，另外 Android 也迎来了 Impeller 的预览支

3. 48h 获得 1K Stars 这个硬核项目可能彻底改变前端状态管理方式

   local first开发新范式，使用CRDTs改变前端状态管理方式。https://github.com/loro-dev/loro

4. threejs渲染高级感可视化涡轮模型

   好久没写可视化方面的帖子了，最近在网上找灵感，发现一张图个人感觉不错，正好现有技术也可以实现个八九不离十，使用到的技术vite + typescript + threejs

5. JavaScript 函数神器之一：彻底理解 reduce() 函数的妙用

   我们经常需要对数组中的元素进行统计、计算或转换，以便得到我们需要的结果。在这个过程中，reduce() 函数成为了一个非常有用的工具。reduce() 函数让我们能够以一种简洁而优雅的方式对数组中的

6. Dart 3.2 更新，Flutter Web 的未来越来越明朗

   本次跟随 Flutter 3.16 发布 的 Dart 3.2 ，包含有：私有 final 字段的非空改进、新的 interop 改进、对 DevTools 中的扩展支持、以及对 Web 路线图的更新

7. 247：vue+openlayers 根据坐标显示多边形（3857投影），计算出最大幅宽

   文章浏览阅读182次，点赞41次，收藏35次。本示例是演示如何在vue+openlayers项目中根据坐标显示多边形（3857投影），计算出最大幅宽。这里先通过Polygon来显示出多边形，利用getExtent() 获取3857坐标下的最大最小x，y值，通过ransformExtent转换坐标为4326， 通过turf的turf.distance和计算距离。 距离赤道越近，幅宽会越大一些，这里面利用了Math.abs来做绝对值的判断处理。

8. 第二章 vue中marker被识别点击

   文章浏览阅读76次。console.log("我是marker 我的ID 是：：：：："+e.Id);

9. Vue3: el-table表格数据不显示

   文章浏览阅读189次。Vue3: el-table表格数据不显示

10. Vue3.0和2.0语法不同分析

    文章浏览阅读59次。vue3.0新的写法

11. 【Vue】Vue3 Swiper 插件 loop 无限滚动、并且暂停的问题

    文章浏览阅读105次。上午把官网的合作伙伴做了，好坑，swiper 自动滚动展示的数量的两倍必须小于等于组件的渲染数量，才能进行自动滚动，官网居然都没有说。

12. Vue3封装指令集（按钮防抖指令：提升用户体验的利器）

    文章浏览阅读118次。在Vue 3中使用自定义指令实现按钮防抖，以避免多次点击导致的不必要请求和操作，提高应用性能和用户体验。

13. 【vue】Vue项目中如何在父组件中直接调用子组件的方法

    文章浏览阅读91次。【代码】【vue】Vue项目中如何在父组件中直接调用子组件的方法。

14. vue 表单当用户修改字段，点击关闭弹窗时，检测用户是否有修改

    文章浏览阅读78次。vue 表单当用户修改字段，点击关闭弹窗时，检测用户是否有修改。

15. Vue中的watch的使用

    文章浏览阅读96次。1.表达式。2.methods3.filters4.computed5.生命周期内实现数据修饰vuewatch的使用Vue运行机制图

16. 高级 Bootstrap：发挥 Sass 定制的威力

    文章浏览阅读524次，点赞39次，收藏30次。Bootstrap 是一个强大的框架，有助于创建响应式、以移动设备为首的网站。虽然开箱即用的 Bootstrap 样式非常出色，但在某些情况下，你可能希望进一步定制设计。这就是 Sass 的魔力发挥作用的地方，Sass 是一种预处理脚本语言，可以解释或编译成层叠样式表（CSS）。Bootstrap 提供了其源 Sass 文件，以提供更好的定制体验。这个功能允许开发人员充分利用框架，通过调整元素使其符合他们的喜好，甚至添加新元素。在本文中，我们将深入探讨如何使用 Sass 定制 Bootstrap。

17. Vue 组件的全局注册与组件的jsx实现方法

    文章浏览阅读78次。大部分情况下我们都会使用template来创建html，开发体验会更好，但并不是每个时候使用它来创建 html 都是最佳的，所以官方提供了接近原生构建html的render()函数，让开发者能够依据自己的情况选择更好的构建方式。有些同学会问，到底何时选择template或者render()，我的回答是，你应该两者都得掌握，template 有它的局限性，render()函数可以是对它的补充，各有优缺点，你把他们使用在正确的地方，就能更优雅、简便的解决你的问题。

18. 为React Ant-Design Table增加字段设置 | 京东云技术团队