前端开发
-
一、介绍 说明：中，$bus 指的通常是一个，它是一种用于在不同组件之间进行通信的模式。它允许你在一个组件中发出事件，而其他组件可以监听并响应这些事件。 二、使用 1、在main.js中的beforecreate声明周期函数钩子中添加$bus beforeCreate() { // 注册 Vue.prototype.$API = API // 注册全局事件总线$bus Vue.prototype.$bus = this }, 2、在需要使用的组件中使用。
2024-12-03 -
文章目录 前言 随着科技的不断发展，HTML学习这门技术也越来越重要，很多人都开启了学习HTML学习，本文就介绍了HTML学习的基础内容。 一、HTML是什么？ HTML Hyper Text Markup Language (超文本标记语言） 超文本包括：文字、图片、音频、视频、动画等 二、W3C标准 W3C World Wide Web Consortium (万维网联盟) 成立于1994年，Web技术领域最权威和具影响力的国际中立性技术标准机构http://www.w3.
2024-12-03 -
一、效果如下如所示（点击右下角的地址可以定位到该位置）： 二、在vue中的使用 <template> <div class="paths"> <div v-for="(item,index) in paths" :key="index" class="path-item" @click="clickPath(item)">{{item.name}}</div> </div> <AMap ref="projectMap" :config="mapConf
2024-12-03 -
一、容器的实现 container container-fluid /* 变量声明 1200 992 768 */ /* 屏幕的阈值 */ @screen-lg:1200px; @screen-md:992px; @screen-sm:768px; /* container容器的宽度 */ @container-lg-width:1170px; @container-md-width:970px; @container-sm-width:750px; /* 列宽
2024-12-03 -
在 Vue.js 和 Pinia 的上下文中，storeToRefs 是一个非常重要的工具函数，它用于将 Pinia store 中的状态或 getter 转换成响应式的、可解构的引用对象。这样做的好处是，你可以在组件中解构这些引用，并在模板或其他计算属性、侦听器中直接使用它们，同时保持它们对原始 store 状态的响应性。 为什么需要 storeToRefs？ 在 Vue 3 和 Pinia 中，组件的响应性通常是通过 ref 和 reactive API 提供的。然而，直接从 Pinia s
2024-12-03 -
1、案例1：回车实现Tab跳转。响应文本框的onKeyDown事件，window.event.keyCode获得用户点击的keyCode。keyCode和ASCII不是完全一致，主键盘的1和小键盘的1的ASCII一样，但是keyCode不一样。回车的keyCode为13，Tab的keyCode为9。if(window.event.keyCode == 13){window.event.keyCode = 9;} keyCode里面的ASCII码说明： 8：退格键 46：delete 37-40
2024-12-03 -
自我介绍：大家好，我是；微信公众号：吉帅振的网络日志；前端开发工程师，工作4年，去过上海、北京，经历创业公司，进过大厂，现在郑州敲代码。 一、前言 在平时的开发工作中，我们经常使用侦听器观察某个数据的变化然后去执行一段逻辑。 二、watcher 在 Vue.js 2.x 中，可以通过 watch 选项去初始化一个侦听器，称作 watcher： export default { watch: { a(newVal, oldVal) { console.log('new
2024-12-03 -
实现效果:某个特定的勾选框可以填写数据 代码：父组件定义字段 子组件：
2024-12-03 -
1.内联框架：iframe <iframe src="引用html页面地址" name="框架标识名" frameborder="0px" scrolling="no"></iframe> 属性介绍： frameborder：边框大小 scrolling：是否出现滚动条 2.frameset 该标签写在head头部标签下面 属性介绍 cols="25%,25%,*":左中右以百分百窗口分开 rows="25%,*":上下以百分比切开 bordercolor:边框颜色 scrolling:是否显示
2024-12-03 -
1、vue的数据代理 通过vm对象来代理data对象中属性的操作（读/写） Vue中数据代理的好处：更加方便的操作data中的数据 基本原理： 通过Object.defineProperty()把data对象中所有属性添加到vm上。 为每一个添加到vm上的属性，都指定一个getter/setter。 在getter/setter内部去操作（读/写）data中对应的属性 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"
2024-12-03