深圳幻海软件技术有限公司 欢迎您!

  • react的refs属性

    refsRefs提供了一种方式,允许我们访问DOM节点或在render方法中创建的React元素创建refs字符串形式refs(过时了)//refkey为自命名内容,value为节点inputclassDemoextendsReact.Component{showData=()=>{//拿到的

  • 如何在 Nuxt 3 中使用 wavesurfer.js

    安装wavesurfer.js在项目中安装wavesurfer.jsnpminstall--savewavesurfer.js常规方式引入如果你的根目录中没有components目录则需要创建该目录,并在此目录中创建WaveSurfer.vue内容如下:<template><div

  • 学习 vue3 第一天 vue3简介,创建vue3项目 Composition Api 初识

    前言:从今天开始来和大家一起学习vue3相信大家都不陌生,已经火了一段时间了,但是还是有不少人没有学习,那就跟着六扇老师来简单的入个门废话不多说,来开始今天的学习Vue3简介:2020年,9月,18日,Vue.js发布3.0版本,耗时两年多,2600+次提交,99位贡献值github上的tags地址

  • 全方位带你掌握 Ref、Reactive,开启 Vue3 响应式的大门

    不知道大家使用Vue3的时候有没有这样的疑惑,“ref、rective都能创建一个响应式对象,我该如何选择?”,“为什么响应式对象解构之后就失去了响应式?应该如何处理?”今天咱们就来全面盘点一下ref、reactive,相信看完所有响应式问题都会迎刃而解,一起学起来吧!reactive()基本用法在

  • 盘点Java中基于CAS实现的原子类

    ​前言JDK中提供了一系列的基于CAS实现的原子类,CAS的全称是Compare-And-Swap​,底层是lockcmpxchg指令,可以在单核和多核CPU下都能够保证比较交换的原子性。所以说,这些原子类都是线程安全的,而且是无锁并发,线程不会频繁上下文切换,所以在某些场景下性能是优于加锁。本文就

  • 终于彻底搞懂 Watch、WatchEffect 了,原来功能如此强大!

    曾经以为自己会用 watch​ 、 watchEffect 了,后来发现只是略懂皮毛。最近我就把Vue3的侦听器全面梳理了一下,分享给大家。看看有没有你不会的吧,一起学起来!Watch基本用法当我们需要在数据变化时执行一些“副作用”:如更改DOM、执行异步操作

  • 后起之秀Svelte和Solid值得花时间学习吗

    前言大家好我是爱分享的老前端羊村长,国外最近两年涌现两个新锐框架Svelte和Solid,大家可能忙工作没太关注,但是t它们大有后来居上的意思。来看一下github的star数量感受一下:7月掘金开发者大会上,Vue作者尤雨溪在直播分享中多次提到SolidJS和Svelte。到底是什么原因让开发者们

  • 我常用的几个 VueUse 组合,推荐给你们!

    Vueuse拥有大量出色的组合。但是量太大,要把它们全部看完可能会让人抓不到重点。下面来介绍一些有用到的组合,它们如下:onClickOutsideuseFocusTrapuseHeaduseStorageuseVModeluseImageuseDark1.onClickOutside检测点击非常简

  • Vue3 用组合编写更好的代码:灵活的参数(2/5)

    在使用vue组合时,有时候想用ref,有时候又不想使用。本节,介绍一种模式,可以让我即可以使用ref,又可以不使用,从而让组件更具有灵活性。使用ref和unref获得更灵活的参数几乎所有可组合对象都需要某种类型的参数作为输入。通常,这是一个响应式 ref。它也可以是一个原始的Javascr

  • React新文档:不要滥用Ref哦!

    大家好,我卡颂。React新文档有个很有意思的细节:useRef、useEffect这两个API的介绍,在文档中所在的章节叫EscapeHatches(逃生舱)。显然,正常航行时是不需要逃生舱的,只有在遇到危险时会用到。如果开发者过多依赖这两个API,可能是误用。​​在React新文档:不要滥用ef

  • Vue.js设计与实现之十-原始类型的响应式代理

    1、写在前面在javascript中原始值包括:Boolean、String、Number、Null、Undefined、Symbol和BigInt等类型,原始值是按值传递而非按引用传递。前面,知道Proxy可以用于实现对象类型的响应式代理,但是却不能实现原始值的代理,要实现原始值变成响应式数据,就

  • 总结了Vue3的七种组件通信方式,别再说不会组件通信了

    写在前面本篇文章将介绍如下七种组件通信方式:propsemitv-modelrefsprovide/injecteventBusvuex/pinia(状态管理工具)开始搞事情~举一个栗子俗话说的好,学习不写demo,那就是耍流氓~本篇文章将围绕下面这个demo,如下图所示:demo.gif上图中,_

  • Nacos客户端是如何实现实例获取的负载均衡呢?

    前面我们讲了Nacos客户端如何获取实例列表,如何进行缓存处理,以及如何订阅实例列表的变更。在获取到一个实例列表之后,你是否想过一个问题:如果实例列表有100个实例,Nacos客户端是如何从中选择一个呢?这篇文章,就带大家从源码层面分析一下,Nacos客户端采用了如何的算法来从实例列表中获取一个实例

  • 7个令人兴奋的 JavaScript 新特性

    一个ECMAScript标准的制作过程,包含了Stage0到Stage4五个阶段,每个阶段提交至下一阶段都需要TC39审批通过。本文介绍这些新特性处于Stage3或者Stage4阶段,这意味着应该很快在浏览器和其他引擎中支持这些特性。一、类的私有变量最新提案之一是在类中添加私有变量的方法。我们将使用

  • 你想知道的关于Refs的知识都在这了

     Refs提供了一种方式,允许我们访问DOM节点或在render方法中创建的React元素。Refs使用场景在某些情况下,我们需要在典型数据流之外强制修改子组件,被修改的子组件可能是一个React组件的实例,也可能是一个DOM元素,例如: 管理焦点,文本选择或媒体播放。&nbsp

  • Java架构师笔记丨常见的错误 SQL 用法,你中招了吗?

     1、LIMIT语句分页查询是最常用的场景之一,但也通常也是最容易出问题的地方。比如对于下面简单的语句,一般DBA想到的办法是在type,name,create_time字段上加组合索引。这样条件排序都能有效的利用到索引,性能迅速提升。好吧,可能90%以上的DBA解决该问题就到此为止。但当

推荐阅读