前言 大家都听说了v3.2中的 script setup 语法糖,当开发中用到组件传值,事件传递的时候突然发现不知所措,不必恐慌,或查官网或记住以下3个api,大部分问题又迎...

前言 大家都听说了v3.2中的 script setup 语法糖,当开发中用到组件传值,事件传递的时候突然发现不知所措,不必恐慌,或查官网或记住以下3个api,大部分问题又迎...
(整理自网络) ES5中对象的属性可以分为‘数据属性’和‘访问器属性’两种。 数据属性一般用于存储数据数值,访问器属性对应的是set/get操作,不能直接存储数据值。 一、数...
话不多说 直接上代码,浅显易懂 封装成组件 使用方案:
1. Radical 2. Gruvbox Material 3. Merko 4. Tokyo Night 5. Remedy 6. Minimal 7. Aurora X...
vscode环境设置 自动保存:file->AutoSave,或者Ctrl+shift+P,输入auto 右侧sidebar选择隐藏文件:文件->首选项->设置例如在 Ang...
工欲善其事必先利其器,以下是本人为前端开发收集的vscode插件,有需要的话赶紧mark起来吧~ 一、代码片段类插件 英文叫做 Snippets,就是把常见的代码模式抽出来,...
Object.entries() 方法返回一个给定对象自身可枚举属性的键值对数组,其排列与使用 for...in 循环遍历该对象时返回的顺序一致(区别在于 for-in 循环...
转自:https://blog.csdn.net/doulvme/article/details/80816872 一、axios是Vue官方推荐的一个ajax插件,用于请求...
基本用法 ES6提供了新的数据结构Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。 Set本身是一个构造函数,用来生成Set数据结构。 可以看到Set结构不会添加...
遇到一个需求,就是需要在一个页面进行多家商店的价格比价,所以就需要表格有左右滚动的效果,最终的效果如下图所示 首先说一下数据,因为左侧是一个单独的列表,原本是从接口拿的数据,...
前端常见的设计模式主要有以下几种:1. 单例模式2. 工厂模式3. 策略模式4. 代理模式5. 观察者模式6. 模块模式7. 构造函数模式8. 混合模式 单例模式这种设计模式...
语法格式 语法格式: 使用示例 运行结果: 如何理解v-model指令 v-model指令的本质是: 它负责监听用户的输入事件,从而更新数据,并对一些极端场景进行一些特殊处...
block formatting context块级格式化上下文 bfc是一个独立的渲染区域,只有block-level box参与,它规定了内部的block-...
lerna 概要 lerna是GitHub上面开源的一款js代码库管理软件, 用来对一系列相互耦合比较大、又相互独立的js git库进行管理。解决各个库之间修改混乱、难以跟踪...
主要讲下啥是 keep-alive、具体到项目中怎么用的问题。项目相关:panda-mall 1、啥是 keep-alive? 就是缓存,我们还是来看看具体的使用场景。 首先...
前言 最近关于 Serverless 的讨论越来越多。看似与前端关系不大的 Serverless,其实早已和前端有了颇深渊源,并且将掀起新的前端技术变革。此次分享根据个人理解...
前段时间由于某种原因,开始接手开发公司前端Vue搭建的项目 该前端项目采用的是基于git rebase的形式去合并代码,而我之前使用git一直都是采用merge的形式合并分支...
各位、先看下第一个实现效果 产品经理:这个不好看,换一个我:好看,再说不好看我要拔刀了 实现代码 HTML CSS .test { width : 50px; he...
vue-class-component 是尤大大推出的vue对typescript支持的装饰器(库) vue-class-component强调了几点用法: 1、metho...
vue-class-component 为了定义带有装饰器风格的Vue组件,如果使用Babel转换,必须使用babel-plugin-transform-decorators...