20240129 前端开发日报

CSS重要概念：视觉格式化模型；多功能搜索引擎，50ms 内展现结果 | 开源日报 No.155；万字长文，带你深入浅出ES6之Generator篇；fsx 简介：适用于 JavaScript 的现代文件系统 API；什么？2024年你还不会用GitHub Actions？；封装搭建Vue3 + Vite项目框架进阶版，值得学习收藏【前端工程化】；【Flutter】封装表格Table，实现固定表头、固定列功能、自定义单元格表头等功能；JS 执行 100 万个函数， 还能保证浏览器不卡？

1. CSS重要概念：视觉格式化模型

   大部分 Web 开发者都知道 CSS 中有一个盒模型，但很少有人知道在 CSS 的世界中还有另一个模型，他就是 CSS 的视觉格式化模型。理解了该部分所涉及到的知识点，有助于实现 Web 布局！

2. 多功能搜索引擎，50ms 内展现结果 | 开源日报 No.155

   meilisearch 是一个快速的搜索 API，可以轻松地集成到您的应用程序、网站和工作流程中。它具有搜索即时响应、容错纠错、过滤和分面搜索、排序、同义词支持、地理位置检索、多语言支持、安全管理、多

3. 万字长文，带你深入浅出ES6之Generator篇

   前言 Generator，生成器函数，ES6中最难理解的语法，没有之一。从我的亲身经历来说，至少80%的前端不知道Generator的语法特征（小公司这个比例可能会更高），一方面是因为Generato

4. fsx 简介：适用于 JavaScript 的现代文件系统 API

   JavaScript 运行时中的文件系统 API 已经很久没有这么好了，这是我试图做出一个更好的文件系统 API 的尝试。 我们今天拥有的 JavaScript API 比十年前要好得多。考虑一下从

5. 什么？2024年你还不会用GitHub Actions？

   概述 GitHub Actions 是一个用来自动化软件开发工作流的工具。它的用途包括但不限于 CI/CD、生成文档、自动发布 Release、操作 Issue 等。

6. 封装搭建Vue3 + Vite项目框架进阶版，值得学习收藏【前端工程化】

   本文涉及到多入口打包，自动化生成项目基础模板，持久化pinia仓库数据，引入nprogess进度条，viewport 适配方案 – postCSS插件的vue3框架搭建封装，干货多多

7. 【Flutter】封装表格Table，实现固定表头、固定列功能、自定义单元格表头等功能

   Flutter 自带的Table 组件或者是 DataTable 组件，总是不符合预期需求。主要体现在滑动的时候，想要固定表头、或者固定某一列的时候会比较麻烦。然而我们的 toB 项目设计师喜欢设计很

8. JS 执行 100 万个函数， 还能保证浏览器不卡？

   众所周知，浏览器下 JS 是单线程的，你执行 100万个函数， 不做任何防御措施， 浏览器只能原地爆炸。 那有没有在大批量 JS 任务执行的时候， 浏览器不卡呢？ 当然是有的 react fiber

9. 大文件上传实现-秒传续传功能（Vue+Express)

   大文件上传第三篇：图文并茂，手把手实现大文件上传-秒传续传功能的前后端逻辑（Vue + Express）

10. Atlassian 停服 Bitbucket？三步快速迁移至极狐GitLab

    之前的文章Jira 母公司全面停服 Server 产品，用户如何迁移至极狐GitLab提到了 Atlassian 将在 2 月 15 日以后停止对 Server 端产品的服务支持，此后用户将无法像之前

11. 如何应对Android面试官-> NestedScrollView 嵌套滑动机制详解，手写 NestedScrollView 核心实现

    NestedScrollView嵌套滑动机制详解，手写NestedScrollView核心实现，大厂面试官助你轻松应对嵌套滑动连环炮

12. Vite+Vue3使用Vue-i8n笔记

    文章浏览阅读746次，点赞9次，收藏7次。vite+Vue3接入Vue-i18n国际化的步骤以及常用的方式，如模块化，如何在setup中使用vue-i18n的翻译器$t

13. React 组件生命周期-概述、生命周期钩子函数 – 挂载时、生命周期钩子函数 – 更新时、生命周期钩子函数 – 卸载时

    文章浏览阅读314次。能够说出组件的生命周期一共几个阶段组件的生命周期是指组件从被创建到挂在到页面中运行，在到组件不用时卸载组件注意：只有类组件才有生命周期，函数组件没有生命周期(类组件需要实例化，函数组件不需要)

14. Vue2 VS Vue3 生命周期

    文章浏览阅读249次，点赞2次，收藏3次。Vue2 和Vue3 生命周期对比

15. react—组件生命周期

    文章浏览阅读437次，点赞21次，收藏3次。react生命周期：挂载时(constructor、render、componentDidMount)，更新时(render、componentDidUpdate)，卸载时(componentWillUnmount)

16. Cesium.js实现显示点位对应的自定义信息弹窗（数据面板）

    文章浏览阅读447次，点赞14次，收藏10次。首先，获取当前选择的实体（例如点位或图标）在 Cesium 世界坐标系中的位置；现在需要在利用Cesium.js来实现三维地图中，点位的信息弹窗的展示。实现该功能，需要将Cesium世界坐标转为屏幕坐标，进而更新弹窗的位置。第一种：鼠标点击图标显示信息弹窗，点击其他地方隐藏信息弹窗；第二种：鼠标移入图标显示信息弹窗，鼠标移出图标隐藏信息弹窗；然后，将 3D 世界中的点位转换为 2D 屏幕上的像素位置；实现添加点位，并在点位附近显示对应的信息弹窗。最后，将弹窗的位置设置为计算出的屏幕坐标。