20240220 前端开发日报

80后的回忆杀,红警居然开源了;vue3的宏到底是什么东西?;面试题:再谈Synchronized实现原理;面试官:你知道移动端适配吗?;面试官 : 你能说清楚 Redis 哈希槽和一致性哈希的要点吗?;技术资讯:一个Promise全新API,真好用;程序员金三银四跳槽指南:时间线&经典面试16问;一对HTML标签,让你的网站白屏时间减少300ms

  1. 80后的回忆杀,红警居然开源了

    GitHub宝藏多,不止有开源工具还有开源游戏,今天我们要说的是大名鼎鼎的《命令与征服》,你可能不知道,EA已经悄悄地将游戏的部分源代码开源了!

  2. vue3的宏到底是什么东西?

    我们每天写vue代码时都会使用到这些宏,但是你有没有思考过vue中的宏到底是什么?为什么这些宏不需要手动从vue中import?为什么只能在setup顶层中使用这些宏?

  3. 面试题:再谈Synchronized实现原理

    前言 线程安全是并发编程中的重要关注点。 造成线程安全问题的主要诱因有两点,一是存在共享数据(也称临界资源),二是存在多条线程共同操作共享数据。 为了解决这个问题,我们可能需要这样一个方案,当存在多个

  4. 【React】使用lodash的debounce未生效

    文章浏览阅读194次。【React】使用lodash的debounce未生效

  5. vuejs深度作用选择器

    文章浏览阅读250次,点赞11次,收藏7次。发布文章

  6. ref, toRef, toRefs,defineComponent, computed, unref, reactive, toRaw, watchEffect, onUpdated 前端API总结

    文章浏览阅读335次,点赞8次,收藏5次。是 Vue 3 中用于将一个响应式对象中的所有属性都转换成 ref 对象的 API,它接受一个响应式对象作为参数,返回一个新的对象,新对象的每个属性都是一个 ref 对象。是 Vue 3 中用于获取 ref 对象的值的 API,它可以接受任意类型的参数,如果参数是 ref 对象,则返回其 value 属性的值,否则返回参数本身。是 Vue 3 中用于获取一个响应式对象的原始对象的 API,它接受一个响应式对象作为参数,返回其对应的原始对象 toRaw返回对象的原始值 不做处理。都会执行其中的回调函数。

  7. 用户头像(图片文件)上传(Vue + nodejs 前后端)

    文章浏览阅读119次,点赞4次,收藏2次。先计算原本有没有图片,有则展示原图片的 url,没有则展示 icon点击上传组件从本地选取图片,单个图片上传可以控制选取后自动上传和之后手动上传当统一手动上传时,选择完图片之后将选择的图片file文件转换为URL地址进行前端页面的回显,并将其原本file格式的文件赋值给form表单内容对象,不修改头像默认使用原图片的 url将form表单内容对象转化为 FormData 的格式,并设置 FormData 请求头,作为参数传递给后端。

  8. vue+springboot登录与注册功能的实现

    文章浏览阅读329次,点赞5次,收藏6次。WebController(controller文件夹下只用写这个):控制登录和注册接口。UserMapper:定义接口,对数据库进行增删改查。GlobalException:引入自定义并使用。ServiceException: 自定义异常。引入hutool:在pom.xml引进依赖。Userservice:给接口编写实体方法。CorsConfig:解决跨域问题。User:用户实体类,用来承接数据。Result:返回数据。

  9. 【react】react中和vue中的provide/inject、context写法示例

    文章浏览阅读208次。在 React 中,provide和inject的功能类似于 Vue.js 中的provide和inject。它们都是用于跨组件层次传递数据的。在 React 中,没有内置的provide和inject函数。但是,你可以使用 React 的 Context 来实现类似的功能。Context 是 React 提供的一种机制,用于在组件树中共享数据。通过创建一个 Context 对象,可以将数据传递给子组件,无论组件层次有多深,子组件都可以通过或者Consumer来访问这些数据。上述示例中,

  10. 在script标签写export为什么会抛错|type module import ES5 ES6 预处理 指令序言 JavaScript JS

    文章浏览阅读517次,点赞4次,收藏10次。今天,我们一起进入了 JavaScript 的语法部分,在开始学习之前,我先介绍了一部分语法的基本规则。我们首先介绍了 JavaScript 语法的全局结构,JavaScript 有两种源文件,一种叫做脚本,一种叫做模块。介绍完脚本和模块的基础概念,我们再来把它们往下分,脚本中可以包含语句。模块中可以包含三种内容:import 声明,export 声明和语句。最后,我介绍了两个 JavaScript 语法的全局机制:预处理和指令序言。

  11. vue通过获取url中的信息登录页面

    文章浏览阅读100次,点赞3次,收藏3次。通过url获取登录信息,进行登场操作

  12. Vue中的钩子函数,路由守卫,VueX的使用

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

  13. react虚拟dom及实现原理

    文章浏览阅读156次。它是在内存中以JavaScript对象的形式维护的一份DOM树的拷贝,通过比较虚拟DOM树的变化并最小化实际DOM操作,从而减少页面重绘和重新布局的开销。通过使用虚拟DOM,React能够在内存中高效地进行比较和更新操作,最终只对实际DOM进行必要的修改,从而提高页面性能。该算法会尽量找到最小的差异集,以最小化实际DOM操作的次数。当React组件首次渲染时,会创建一个虚拟DOM树,该树的结构与实际的DOM结构一一对应。这个新的虚拟DOM树与之前的虚拟DOM树进行比较,找出变化的部分。

  14. Vue 框架之 v-model 指令详解

    文章浏览阅读134次。因为我使用的是同一个 data 配置项的值,所以在修改一个 v-model 指令值的时候,另一个指令值也会发生相同的改变(而在这里这也验证了简写语法是成功的)v-model:value"表达式" 简写为 v-model = "表达式"1.v-bind和v-model这两个指令都可以完成数据绑定。v-bind:参数"表达式" 简写为 :参数 = "表达式"v-model指令通常也是用在value属性上面的。结果只有【v-model】指令才能成功(因为该指令是。v-bind和v-model的区别和联系。

  15. React 组件状态的使用

    文章浏览阅读163次,点赞2次,收藏4次。如何判断它是同步的还是异步的,是不是批量处理 一个原则就是React能管控的地方,批量的,异步的(事件处理函数,生命周期函数)。不能管控的地方就是同步的 非批量(setInterval setTimeout)state的更新可能是异步的 出于性能考虑react可能会把多个setstate合并成同一个调用。在其他react 不能管控的地方,就是同步执行的(如定时器内)在事件处理函数中,setState的调用会批量执行。** 1 定义状态的第一种方式 在构造函数中**

  16. Vue中$route 和$router 的区别

    文章浏览阅读349次,点赞8次,收藏7次。在Vue的前端开发中,经常会涉及到路由的使用。Vue提供了两个重要的对象来处理路由相关的操作,即$route和$router。虽然它们的名字相似,但是它们的作用和使用方式却有一些不同。

  17. Vue 3 父子组件之间的数据传递

    文章浏览阅读116次。【代码】Vue 3 父子组件之间的数据传递。

  18. vue写h5触底翻页

    文章浏览阅读149次。我们先写一个触底执行事件的demo,首先要有一个盒子给他添加一个滚动监听事件。今天让我们来写一个h5的触底翻页加载数据,还是挺简单的。这个是vue2版本,vue3同理。然后我们来写滚动监听的函数。

  19. Vue3的computed计算属性和watch监视(四)

    文章浏览阅读131次,点赞2次,收藏2次。不同的是,newVal和oldVal是一样的,表明通过Object.assign重新赋值的时候,并不是生成一个新的对象,而是新的值覆盖了旧值。监视【ref】或者【reactive】定义的【对象类型】数据的某个属性(基本数据类型或者对象类型-都建议写成函数形式)监视【reactive】定义的【对象类型】数据。监视【ref】定义的【基本数据】类型。监视【ref】定义的【对象类型】数据。


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流