20240401 前端开发日报

Vue3.0中的ref与reactive；vue3+ts 第四章（认识Reactive全家桶）；一道字节面试题，不会的还有太多；Flutter 进阶：RichText/TextSpan 富文本终极版；WebSocket 和 HTTP 的区别：简单了解；前端工程师新超能力-揭秘vscode插件开发；GPT4前端食用指南；2024年度110个最佳 JavaScript 动画库

1. Vue3.0中的ref与reactive

   文章浏览阅读468次，点赞5次，收藏13次。ref和reactive是Vue 3中用于创建响应式数据的两个重要函数。通过使用这些工具，我们可以轻松地创建响应式对象，并实现自动更新视图的效果。无论是处理简单类型的数据还是复杂类型的数据，Vue 3提供了适用的工具来满足不同的需求。希望这篇博客能对您有所帮助。

2. vue3+ts 第四章（认识Reactive全家桶）

   文章浏览阅读476次，点赞16次，收藏20次。reactive 源码约束了我们的类型这样是不允许 会给我们报错绑定普通的数据类型 我们可以 使用昨天讲到ref你如果用ref去绑定对象 或者 数组 等复杂的数据类型 我们看源码里面其实也是 去调用reactive使用reactive 去修改值无须.valuereactive 基础用法name:"小满"})person.name = "大满"数组异步赋值问题这样赋值页面是不会变化的因为会脱离},1000)解决方案1使用push。

3. 一道字节面试题，不会的还有太多

   — theme: channing-cyan highlight: vs2015 — # 前言 彦祖们,阅读本文前,希望你对 [Proxy](https://developer.mozil

4. Flutter 进阶：RichText/TextSpan 富文本终极版

   一、需求来源 工作中经常遇到一些富文本的样式，每次写许多的 TextSpan 的不胜其烦；今天终于想到一种完美处理高亮文本样式和段落样式的办法，核心是通过 splitMapJoin 方法配合 RegE

5. WebSocket 和 HTTP 的区别：简单了解

   在当今的数字时代，及时交付内容和维持用户互动已成为网络应用不可或缺的要素。这一需求催生了新的通信规范——WebSocket 和 HTTP，尽管两者都服务于网络通讯，它们之间却存在显着的差异。本篇文章旨

6. 前端工程师新超能力-揭秘vscode插件开发

   打破前端职业瓶颈，拓宽开发思路。使用前端常用的js、html来开发vscode插件。 vscode是前端开发中重要的IDE工具，掌握了插件开发，可以让你的工具锦上添花，让你IDE与众不同，让你准时下班

7. GPT4前端食用指南

   由于国内政策原因，openai的账号注册对于大多数人来说困难，并且购买会员所需要海外支付方式不适合大多数人。本文将带你从0到1在vscode中配置GPT4，提高开发效率。

8. 2024年度110个最佳 JavaScript 动画库

9. vue3设置左侧菜单和头部

   文章浏览阅读220次，点赞3次，收藏3次。左侧菜单和头部的设计

10. Vue3之defineModel

    文章浏览阅读817次，点赞16次，收藏4次。defineModel是一个宏，所以不需要从vue中import导入，直接使用就可以了。这个宏可以用来声明一个双向绑定 prop，通过父组件的v-model来使用

11. 我从 Vuejs 中学到了什么，前端开发移动

    文章浏览阅读432次，点赞13次，收藏14次。面试一面会问很多基础问题，而这些基础问题基本上在网上搜索，面试题都会很多很多。最好把准备一下常见的面试问题，毕竟面试也相当与一次考试，所以找工作面试的准备千万别偷懒。面试就跟考试一样的，时间长了不复习，现场表现肯定不会太好。表现的不好面试官不可能说，我猜他没发挥好，我录用他吧。CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】96道前端面试题：常用算法面试题：内容主要包括HTML，CSS，JavaScript，浏览器，性能优化。

12. 基于jQuery的使用Ajax动态执行模糊查询功能，一文详解

    文章浏览阅读390次，点赞12次，收藏17次。好了，这就是整理的前端从入门到放弃的学习笔记，还有很多没有整理到，我也算是边学边去整理，后续还会慢慢完善，这些相信够你学一阵子了。做程序员，做前端工程师，真的是一个学习就会有回报的职业，不看出身高低，不看学历强弱，只要你的技术达到应有的水准，就能够得到对应的回报。学习从来没有一蹴而就，都是持之以恒的，正所谓活到老学到老，真正懂得学习的人，才不会被这个时代的洪流所淘汰。你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）**

13. vue核心之生命周期

    文章浏览阅读82次。1.局部过滤器new Vue({filters:{名称(value){}}})，全局过滤器Vue.filter(“名称”,function(value){})生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的。是什么：Vue在关键时刻帮我们调用的一些特殊名称的函数。生命周期函数中的 this 指向是vm或组件实例对象。3.使用时|名称, 多个过滤器串联，拿取的值是前一个。又名生命周期回调函数、生命周期函数、生命周期钩子。3.this指向Vue实例(vm)1.生命周期函数，钩子函数。

14. React三大组件–ref

    文章浏览阅读63次。1.定义：组件内的标签可以定义ref属性来标识自己。2.使用ref的三种方法。

15. React 收集表单数据

    文章浏览阅读122次，点赞4次，收藏2次。在原生DOM中，我们写onclick，onblur都是采用小写的方式，但是在React里，这些事件都自定义了一遍，变成了onClick，onBlur这种的。这样做的好处是提高代码的兼容性，也使得代码更高效的运行。注意：这两种方式用的数据的存储位置不同，受控组件数据存储的位置是在这个类的state中，在使用时用this.state.username即可取到值。1.受控组件指随着用户输入去维护state中的状态，就像1中的代码一样，随着用户的输入更新username和password的值，这就叫做受控组件。

16. VUE的组件注册/生命周期与过滤器的小记【嘎洒糕】

    文章浏览阅读180次，点赞3次，收藏3次。今天菜鸟作者对VUE的组件注册/生命周期与过滤器做一个单纯的小记。