gogogo的个人空间

gogogo： 原生JavaScript实现观察者模式

观察者模式是软件设计模式的一种。在此种模式中，一个目标对象管理所有相依于它的观察者对象，并且在它本身的状态改变时主动发出通知。这通常透过呼叫各观察者所提供的方法来实现。此种模式通常被用来实时事件处理系统。说的简单些，就是在数据发生改变时，对应的处理函数自动执行。维基的定义中涉及到... 全文

2025-07-28 10:44 来自版块 - JS / TS & JQUERY

gogogo： TailwindCss基本介绍和使用

npm install -D tailwindcss2. 创建配置文件tailwind.config.jsnpx tailwindcss init 指定作用目录，并增加对 [backcolor=url(&amp]vue 文件的识别 /** @type {impo... 全文

2025-06-27 16:58 来自版块 - css /sass / less

gogogo： Web前端面试题(附答案及解析)（2025.6月最新版）

5、localStorage、sessionStorage、cookie 三者明细区别？（⭐⭐⭐）cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。cookie数据始终在同源的http请求中携带（即使不需要），记会在浏览器和... 全文

2025-06-27 09:51 来自版块 - 前端开发

gogogo： 2025年前端面试题汇总

一：JavaScript 1、闭包是什么？利弊？如何解决弊端？闭包是什么：JS中内层函数可以访问外层函数的变量，外层函数无法操作内存函数的变量的特性。我们把这个特性称作闭包。闭包的好处：隔离作用域，保护私有变量；有了闭包才有局部变量，要不然都是全局变量了。让我们可以使用回调，操作... 全文

2025-06-26 17:23 来自版块 - 前端开发

gogogo： TS type和interface区别

在TypeScript中，interface和type均用于定义类型，但两者在功能、使用场景及语法上有显著差异：1.合并行为‌。 (‌interface支持声明合并‌，可重复定义)‌interface支持声明合并‌：若多次声明同一接口名称（例如interface Person ... 全文

2025-06-26 09:47 来自版块 - JS / TS & JQUERY

gogogo： Vue3中的混入（mixins）与（hooks）

目录一、什么是混入（mixins）？二、在 vue3 中使用 mixins三、什么是Composition API（hooks）？四、在 vue3 中使用 hooks五、在 vue3 中 mixins 和 hooks 的区别在 Vue 3 中，混入（Mixins）是一种将一组组件... 全文

2025-06-23 16:05 来自版块 - Vue / React / Angular

gogogo： Vue3中的pinia使用（收藏版）

本文详细介绍了Pinia状态管理库的使用方法，包括基本概念、安装配置、数据持久化等核心内容，并通过实例展示了如何在Vue项目中高效利用Pinia进行状态管理。pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态。就是和vuex一样的实现数据共享。依据Pinia官方文档，... 全文

2025-06-20 12:16 来自版块 - Vue / React / Angular

gogogo： 使用JS准确获取URL网址中参数的几种方法

需要从URL中获取所传递的参数。如果使用后台语言我们都会有很多中方法来获取，但是网站的中的所有数据都是通过AJAX进行传递的，所以需要使用JS进行获取参数，然后传递给后台。在网上查到了多种方式，在这里进行一下总结记录，方便以后学习使用。1、获取整个URL字符串 要想获... 全文

2025-06-19 16:15 来自版块 - JS / TS & JQUERY

gogogo： JS正则表达式必须包含数字、字母、特殊字符

正则表达式是一种强大的文本处理工具，它使用特定的模式来查找、替换或提取字符串中的信息。在JavaScript中，正则表达式通过特定的语法和方法被广泛应用于各种文本操作任务。在某些情况下，我们需要构建正则表达式来确保用户输入的数据符合特定的安全或格式要求。比如，当用户需要输... 全文

2025-06-17 10:30 来自版块 - JS / TS & JQUERY

gogogo： Vue3 动态修改CSS样式（包含style + class）- 附示例

目录效果 一、介绍1、官方文档：Class 与 Style 绑定 | Vue.js2、官方示例二、示例1、class 1）动态class - 真假值 2）class - 绑定ref 3）class - 绑定对象 4）clas... 全文

2025-06-17 08:06 来自版块 - css /sass / less

gogogo： css：怎么设置border-bottom为#fff且这条bottom边框的透明度

在 CSS 中，你可以使用 `rgba` 颜色模式来设置边框的颜色和透明度。`rgba` 表示红、绿、蓝和 Alpha（透明度）。Alpha 值的范围是从 0（完全透明）到 1（完全不透明）。 如果你想要设置 `border-bottom` 为白色（`#ffffff`）且透明度为... 全文

2025-06-17 08:05 来自版块 - css /sass / less

gogogo： 正则验证多个邮箱用分号隔开,正则表达式多个邮箱用;隔开

js:var str = 'xxxx@126.com;123234234@qq.com;xxxxx@xxxxx.con.cn';var reg = /^((([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6}\;))*(([... 全文

2025-06-12 08:57 来自版块 - JS / TS & JQUERY

gogogo： 数组对象[object]，五种如何去重方法 js

前言数组有很多方法都可以实现去重。本章分享比较常用的。准备工作准备一组数组对象 let arr = [ { id: "1", name: "张晓", age: 14 }, { id: "... 全文

2025-06-11 15:44 来自版块 - JS / TS & JQUERY

gogogo： Vue3中 watch、watchEffect 详解

1. watch 的使用语法import { watch } from "vue" watch( name , ( curVal , preVal )=>{ //业务处理 }, options ) ； 共有三个参数，分别... 全文

2025-06-11 15:21 来自版块 - Vue / React / Angular

gogogo： el-input 限制输入内容,校验邮箱格式，校验email格式

1.只能输入数字<el-input v-model.trim="work" // 不允许出现空格 oninput="value=value.replace(/[^\d]/g,'')" // ... 全文

2025-06-11 15:09 来自版块 - element

gogogo： vue3.0 Element Plus修改el-table表格的横纵滚动条颜色、宽高等样式，不生效

el-table 滚动条样式修改：在 Vue 3.0 和 Element Plus 中修改 el-table 的滚动条样式，可能遇到了样式不生效的问题。这通常是因为 Element Plus 使用了自定义的滚动条组件 el-scrollbar，而不是浏览器默认的滚动条。因此，需要... 全文

2025-06-05 09:08 来自版块 - element

gogogo： vue3 emit 用法

import { ref, defineEmits } from 'vue' // 1、定义的属性 const num = ref(0) // 2、定义发射给父组件的方法 const emits = defineEmits(['... 全文

2025-06-03 18:26 来自版块 - Vue / React / Angular

gogogo： vue3.0 router路由跳转传参（router.push）

vue3.0取消了2.0部分api，所以路由跳转传值方式有所不同。这里主要讲编程式导航，也就是router.push(location, onComplete?, onAbort?)vue3.0新增API：useRouter和useRoute一.路由跳转1.首先在需要跳转的页面引... 全文

2025-06-03 14:44 来自版块 - Vue / React / Angular

gogogo： el-dialog 不想让弹窗外层滚动，只滚动弹窗内容

找来找去无果，只能动自己的脑子了。首先body垂直能滚动，一定是高度超出100vh了，就设置dialog的高度为100vh以内，发现设置为79vh以上还是会使body滚动，打开控制台发现，原el-dialog设置了margin: 15vh auto 50px，如果设置高度+15v... 全文

2025-06-01 10:36 来自版块 - element

gogogo： el-dialog怎么添加内部滚动条,自己位置不随内容改变

弹框里面添加div设置一个高度就可以:<el- dialog width="50%" title="新增" style="overflow: hidden"> <div style="... 全文

2025-06-01 10:31 来自版块 - element