20240111 前端开发日报

好了，俺要开始学习React了 （基础一）；RV大战之2024年我还想写React；嘿，我用canvas画了一个甘特图的demo；跟杰哥一起学Flutter (八、进阶-异步编程速通)；TypeScript高频面试题及解析；【Vue】文件管理页面制作；three.js 关键帧动画；Vue封装请求到一个js文件（vue2、vue3通用）

1. 好了，俺要开始学习React了 （基础一）

   写前话痨 为啥俺开始学习React了，讲白了，就是为了适应这个 卷的时代 ，既然俺不能也不可能让这个时代去适应俺，那俺就能 热脸贴着冷时代（冷屁股） 了，还是嘎嘎会贴的那种 个人理解 俺之前的主打一

2. RV大战之2024年我还想写React

   近期又上演了一场React/Vue大战，我也借这个时间点大概聊一聊自己对于React以及前端目前渲染类库的理解

3. 嘿，我用canvas画了一个甘特图的demo

   用canvas画了一个甘特图的demo。项目基于zrender，功能比较完整可用，也算是记录最近一些时间的研究和学习，现在写文分享给大家，这是我的第一篇文章，希望大家喜欢：）

4. 跟杰哥一起学Flutter (八、进阶-异步编程速通)

   先了解点概念性的东西，对Dart并发的整体架构建立一个初步认知，涉及：Flutter 架构概览、Flutter 线程模型、Dart的并发实现（isolate机制）、Dart单线程模型 (Event L

5. TypeScript高频面试题及解析

   本文整理了一些TypeScript 的高频面试题，并附带详细答案及解析代码，涉及包括`基本语法`、`类型系统`、`函数`、`类`、`模块化`、`泛型`、`装饰器`等，一起来看看吧！

6. 【Vue】文件管理页面制作

   文章浏览阅读356次，点赞11次，收藏8次。el-input style=”width: 200px” placeholder=”请输入名称” suffix-icon=”el-icon-search” v-model=”name”>删除 : 定义分页组件的布局，包括总页数、每页显示数量的选择、上一页、页码、下一页和跳转至特定页的输入框。

7. three.js 关键帧动画

   文章浏览阅读286次，点赞9次，收藏5次。【代码】three.js 关键帧动画。

8. Vue封装请求到一个js文件（vue2、vue3通用）

   文章浏览阅读145次。首先在src目录下新建一个文件夹utils文件夹 其中新建request.js文件。在src目录下新建api文件夹（具体请求的地址）代码示例。在main.js文件中。

9. vue/vue3/js来动态修改我们的界面浏览器上面的文字和图标

   文章浏览阅读220次，点赞6次，收藏5次。vue/vue3/js来动态修改我们的界面浏览器上面的文字和图标

10. Vue3中的`ref`和`reactive使用中遇到的一些坑

    文章浏览阅读221次，点赞3次，收藏2次。Vue3中的`ref`和`reactive使用中遇到的一些坑

11. 无限滚动vue3SeamlessScroll和vueSeamlessScroll组件的使用

    文章浏览阅读280次，点赞7次，收藏4次。安装：npm install vue-seamless-scroll –save 或者 yarn add vue-seamless-scroll。安装：npm install vue3-seamless-scroll 或者 yarn add vue3-seamless-scroll。vue3中使用组件 vue3-seamless-scroll。在main.js中引用vue3SeamlessScroll。vue2中使用组件 vue-seamless-scroll。在页面中直接引用即可。

12. Vue的数据代理

    文章浏览阅读127次，点赞2次，收藏2次。Vue中数据代理和数据绑定

13. Vue+Ts自定义封装Tabs切换与状态查询功能

    文章浏览阅读93次，点赞3次，收藏4次。再通过方法获取点击的值根据自己的需求请求数据就可以啦！一个简单的tab组件就好了，使用中有个别细节就需要自己补充哦！使用的组件的代码和引入，大家可以自己定义这个组件的name。有状态的名字和可以选择的状态类型，来看看我们封装这个组件的代码。

14. 使用 State 简写优化 React 组件

    文章浏览阅读387次，点赞10次，收藏10次。本博客深入探讨了在 React 类组件中使用 Class Properties 语法进行 state 简写的优势。通过直观的代码示例，展示了如何通过简化组件定义和减少冗余代码，提高代码可读性和维护性。这种优雅的语法使得 React 组件的状态管理更为简洁，让开发者能够更专注于业务逻辑的实现。

15. vue中，页面监听store中数据 的变化以及时做出相应，watch、computed与store的getter属性协调

    文章浏览阅读129次，点赞3次，收藏4次。那么我们的需求就是，当store中的name变化，登录页面可以监听到，然后进行判断，决定要不要跳转。所以我的登录页面有一个按钮，点击之后可以触发mutation中的更改函数，去更改name这个属性，那么该如何使得store中的name改变后，登录页面可以主动监听到？简单来说，就是通过登录页面的computed计算属性，写一个函数，然后返回的是所要监听store中的某个属性，注意这个属性的返回必须使用getter，不能直接使用store.state来访问！

16. ReactHooks：渲染与useState

    文章浏览阅读373次，点赞10次，收藏10次。react渲染与useState的使用指南