本文主要分享一下在使用vue3开发项目时的一些常用功能 一、自动注册全局组件 自动注册components目录下所有vue组件并以组件的文件名为组件的名称 // components/index.ts import { type App, defineAs...
闭包到底会牺牲多少性能?它是如何产生内存消耗及性能消耗的?
今天来聊一聊:闭包是如何产生内存消耗及性能消耗的, 在《高性能 JavaScript》书中,对闭包如何产生内存消耗及性能消耗专题做了比较清晰的解释。 如下(内容摘自此书的第二章数据访问中的闭包,作用域,和内...
最最经典的一道 JavaScript 面试题,90%的前端都会答错!!!
最近帮公司招聘,主要负责一面,所以基本上问的基础多一点。但是我在问这样一道面试题的时候,很少有人答对。不少人觉得我问这道题多少有点过分了😭,当然了面试还是奔着相互沟通相互学习的目的,并不是说这道题...
【大文件】上传、下载终极解决方案:切片!!!
文件传输是一个常见的需求。对于大文件的下载和上传,直接使用传统的方式可能会遇到性能和用户体验方面的问题。 幸运的是,前端技术提供了一些高效的解决方案:文件流操作和切片下载与上传。本文将深入探...
TypeScript 不一样的骚操作 !!!
一、当前一些写前端的骚操作 先罗列一下见到过的一些写法吧: 1. interface(或Type)一把梭 掘金上很多文章,一提到 TypeScript,那不得先用 interface 或者 type 来声明个数...
用这5个技巧将你的Vue技能提升到新的高度
在这篇文章中,我们将探讨五个实用的 Vue 技巧,这些技巧可以使你日常使用 Vue 编程更高效、更富有成效。无论你是Vue的初学者还是经验丰富的开发者,这些技巧都能帮助你编写更清晰、更简洁、更有效的代码。那么...
妙用 Computed
保持单向数据流 大家都知道 vue 是单项数据流的,子组件不能直接修改父组件传过来的 props,但是在我们封装组件使用 v-model 时,不小心就会打破单行数据流的规则,例如下面这样: <!-- 父组件 --> ...
原神启动!!使用 Vue 实现了原神官网的角色切换效果
前言 为了更好的了解原神角色,我模仿官网做了一个角色切换效果,在做的过程当中也总结了一些技术点。 为了让大家更好的体验,我兼容了 PC 端和移动端,建议在 PC 端查看效果更佳。接下来就为大家简单的分...
工作中学到三个CSS伪类,直接少些几百行CSS代码~
分享一篇好文~ :where 基本使用 :where() CSS 伪类函数接受选择器列表作为它的参数,将会选择所有能被该选择器列表中任何一条规则选中的元素。 以下代码,文本都会变成 yellow 颜色 <st...
一行代码禁止用户调试前端代码
有时候不希望用户去调试或复制前端代码,那该如何禁止用户调试前端代码呢?今天就来分享一个开源的前端工具:Disable Devtool,一行代码禁用 Web 开发者工具! 功能简介 disable-devtool 可以禁用一切可以...