20240221 前端开发日报

为什么现在前端面试都不考八股文了？；程序员金三银四跳槽指南：时间线&经典面试16问；源码视角，Vue3为什么推荐使用ref而不是reactive；Vue 自定义组件实现 v-model 的几种方式；15个值得收藏的开源项目推荐；年前无意间开源了一个简单的方法，没想到真的有人下载；一个gis瓦片切片转换开源工具；Flutter 动画（显式动画、隐式动画、Hero动画、页面转场动画、交错动画）

1. 为什么现在前端面试都不考八股文了？

   大家好，我是前端双越老师。先祝大家 2024 开工大吉。 年前就有和几个同学在和我 1v1 面试咨询 的时候，说：现在面试都不考基础知识和八股文了，上来就聊项目。 其实我也很早就意识到这个问题了。

2. 程序员金三银四跳槽指南：时间线&经典面试16问

   金三银四 今天复工，就要开始准备啦✨ 把握好打工人跳槽的金三银四，获得满意的新工作 时间线 年后跳槽时间线，过完年刚好开始准备： 1️⃣ 准备简历 2.12-2.25⏰ 梳理过往工作内容 根据J

3. 源码视角，Vue3为什么推荐使用ref而不是reactive

   ref就是比reactive好用，官方说的，不服来踩！我们从源码的角度分析，Vue3为什么推荐使用ref而不是reactive？大家认为呢，进来评论区一起讨论下！

4. Vue 自定义组件实现 v-model 的几种方式

   在 Vue 中，v-model 是一个常用的指令，用于实现表单元素和组件之间的双向绑定。当我们使用原生的表单元素时，直接使用 v-model 是很方便的，但是对于自定义组件来说，要实现类似的双向绑定

5. 15个值得收藏的开源项目推荐

6. 年前无意间开源了一个简单的方法，没想到真的有人下载

7. 一个gis瓦片切片转换开源工具

8. Flutter 动画（显式动画、隐式动画、Hero动画、页面转场动画、交错动画）

9. Flutter桌面开发必不可少的C++

10. nodejs+vue+ElementUi实验室考勤系统 9lh19

    文章浏览阅读129次，点赞5次，收藏4次。人们生活水平的不断提高，日常生活中人们对计算机组成原理虚拟仿真实验方面的要求也在不断提高，计算机组成原理虚拟仿真实验的数量更是不断增加，使得计算机组成原理虚拟仿真实验系统的开发成为必需而且紧迫的事情。管理员验证注册信息，收集的信息，并由此分析得出的关联信息等大量的数据都由数据库管理。计算机组成原理虚拟仿真实验系统，主要的模块包括查看首页、个人中心、学生管理、教学资源管理、资源类型管理、实验课管理、考勤信息管理、实验信息管理、评分信息管理、在线提问管理、试卷管理、试题管理、管理员管理、考试管理等功能。

11. 【Vue3】使用ref与reactive创建响应式对象

    文章浏览阅读398次，点赞14次，收藏14次。先来简单介绍一下ref，它可以定义响应式的变量let xxx = ref(初始值)。**返回值：**一个RefImpl的实例对象，简称ref对象或refref对象的value属性是响应式的。JSxxx.value，但模板中不需要.value，直接使用即可。对于let name = ref(‘张三’)来说，name不是响应式的，name.value是响应式的。下面我们看一看上图红框中代表的意思是，我们哪里需要响应就在哪个里面导入上述代码即可。

12. vue3中，ref()、reactive()、computed()、watch() 和 watchEffect()的区别

    文章浏览阅读154次，点赞3次，收藏2次。watchEffect()：watchEffect() 函数也用于监听响应式数据的变化，但它更像是一个自动运行的副作用。总结起来，ref() 用于创建简单的响应式数据，reactive() 用于创建复杂的响应式对象，computed() 用于创建计算属性，watch() 用于监听特定数据的变化并执行回调函数，而 watchEffect() 则可以在函数中使用响应式数据并自动追踪数据的变化。watch()：watch() 函数用于监听一个响应式数据的变化，并在数据变化时执行指定的回调函数。

13. Nodejs+vue+mysql在线医院办公Oa系统vscode

    文章浏览阅读491次，点赞10次，收藏7次。对进行医生管理，可以添加医生信息，将信息记录表中，经过添加后，此医生信息可以被用户查看，可以对信息进行更新，将信息从表中进行删除；对进行医生信息统计，可以添加医生信息统计，对医生信息统计列表进行查询，对医生信息统计进行修改以及将医生信息统计从列表删除。它帮助在线医院服务管理实现了信息化、网络化，通过测试，实现了系统设计目标，相比传统的管理模式，本系统合理的利用了在线医院服务管理数据资源，有效的减少了在线医院服务管理的经济投入，大大提高了在线医院服务管理的效率。1.1开发背景与意义 1。

14. Nodejs基于vue汉服推广交流网站express+mysql

    文章浏览阅读218次，点赞4次，收藏2次。本汉服推广与交流平台主要包括个人中心、用户管理、汉服知识管理、分类管理等多个模块。它帮助汉服推广与交流平台实现了信息化、网络化，通过测试，实现了系统设计目标，相比传统的管理模式，本系统合理的利用了汉服推广与交流平台数据资源，有效的减少了汉服推广与交流平台的经济投入，大大提高了汉服推广与交流平台的效率。管理员需要先登录系统然后才可以使用本系统，管理员可以对个人中心、用户管理、汉服知识管理、分类管理、图文动态管理、视频动态管理、近期活动管理进行添加、查询、修改、删除，以保障汉服推广与交流平台的正常运行。

15. 【Vue】fabricjs 实现局部截图及el-image-viewer大图预览

    文章浏览阅读82次。再结合el-image-viewer可以实现大图预览局部图的效果。

16. day41（（VueJS）组件实例方法–7个方法 网络请求的导入导出方式 axios库进行网络请求以及封装）

    文章浏览阅读187次，点赞3次，收藏5次。vueJS组件实例方法（7个方法 网络请求的导入导出方式 axios裤进行网络请求以及封装）

17. vue3实现瀑布流布局组件

    文章浏览阅读657次，点赞21次，收藏19次。先看效果图直接上代码utils.js// 用于模拟接口请求export const getRemoteData = (data = ‘获取数据’, time = 2000) => { return new Promise((resolve) => { setTimeout(() => { console.log(`模拟获取接口数据`, data) resolve(data) }, time)

18. vue3+js引入DataV方法及报错处理

    文章浏览阅读188次，点赞3次，收藏5次。这个错误改完还有/node_modules/jiaminghi/data-view/lib/components/decoration3/src/main.vue文件需要修改（相同错误，相同修改方法），修改后重启项目。依赖包引入报错，需要在/node_modules/jiaminghi/data-view/lib/components/decoration6/src/main.vue 下。将:key = ‘i’移动到上，在template上遍历，key位置错误。3.1引入文件遍历错误。

19. vue3动态组件组件shallowRef包裹问题

    文章浏览阅读156次，点赞3次，收藏2次。就能解决上面的问题。

20. Vue | （三）使用Vue脚手架（中）| 尚硅谷Vue2.0+Vue3.0全套教程

    文章浏览阅读569次，点赞13次，收藏6次。学习链接：尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通，本文对应p70-p79，博客参考尚硅谷公开笔记，补充记录实操。

21. Vue中的钩子函数，路由守卫，VueX, 动态路由的使用

    文章浏览阅读220次，点赞7次，收藏3次。Vue.use(Vuex) //Vue.use(Vuex)就相当于将引入的Vuex包导入到Vue项目中，让Vue项目能够使用Vuex, use就表示使用。组件离开守卫——>全局前置守卫—–>路由独享守卫——->前置组件守卫——–> 全局解析守卫——->全局后置守卫。全局前置守卫—–>路由独享守卫——->前置组件守卫——–> 全局解析守卫——->全局后置守卫。在上面的AA.vue组件中 （这里面包含三个组件的守卫)

22. 个人建站前端篇（五）插件unplugin-vue-components的使用

    文章浏览阅读317次，点赞6次，收藏2次。unplugin-vue-components 插件可以在Vue文件中自动引入组件（包括项目自身的组件和各种组件库中的组件）使用此插件后，不需要手动编写 import { Button } from ‘ant-design-vue’这样的代码了，插件会自动识别 template中使用的自定义组件并自动注册。当你使用unplugin-vue-components来引入ui库的时候，message, notification 等引入样式不生效。