前端开发
-
一、vue的生命周期 1、vue的实例从创建到销毁的全过程 2、生命周期包括：创建、数据初始化、挂载、更新、销毁 创建：var vm = new Vue({}），创建一个vue实例对象数据初始化 数据初始化之前：执行beforeCreate函数之前，data和method中的数据还没进行初始化执行数据初始化 执行beforeCreate函数之后，开始进行数据初始化（data和methods）完成数据初始化：执行created ()函数，初始化data挂载 挂载前：执行bef
2024-12-02 -
<template> <editor v-model="myValue" :init="init" :disabled="disabled" :id="tinymceId" ref="editorRef"></editor> </template> <script setup lang="ts"> //JS部分 //在js中引入所需的主题和组件 import tinymce from "tinymce/tinymce"; import "tinymce/skins/content/defa
2024-12-02 -
注：仅记录使用 【这里面咋整动图或者运行效果视频啊，文字干巴巴的，回头看的时候，还是运行效果更直接些】 一、Element Plus–Notification 通知 悬浮出现在页面角落，显示全局的通知提醒消息 默认情况下，通知在4500毫秒后自动关闭，但通过设置 duration 属性来自定义通知的展示时间。 如果将它设置为 0，那么通知将不会自动关闭。 duration 接收一个 Number，单位为毫秒。 二、仿照【桌面消息通知】逻辑，使用Element-Notification通知 代码
2024-12-02 -
![[js] 实现侧边菜单可用鼠标拖动调整大小的功能](https://jss.bangwoyixia.com/image/科技/3.jpg)
element-ui 提供了一个 nav-menu 组件，默认情况下该组件没有拖动调整大小的功能。下面通过代码为 nav-menu 添加这个功能。 样式问题 鼠标悬于 nav-menu 上时，鼠标指针默认为 pointer，为了更好的指示调整能够调整菜单大小的功能，可以设置鼠标样式为 cursor: col-resize。当然显示为列调整大小的鼠标指针不能为一整个菜单，我这里的实现方案时给菜单添加一个不可见的 div，然后鼠标悬于这个 div 上时，才显示col-resize指针。 <!DOCT
2024-12-02 -
html部分代码： <div class="code"> <canvas ref="captchaCanvas" height="80" @click="refresh"></canvas> <Field v-model="code" placeholder="输入验证码后继续收看" /> <div class="icon"> <span>点击图片刷新</span> </div
2024-12-02 -
在使用vue的时候，用js修改了对象的一个属性，这个属性是对象的内部属性，例如order:{id:1111}，修改order.id后页面无法更新。 解决办法如下 //使用this.$set(目标对象,目标对象内的属性值,要修改的值) 例如：this.$set(this.order,'id','123123123')
2024-12-02 -
css样式 html{ background-color: #CCCCCC; } body{ margin: 0px; padding: 0px; } .tops { width: 100%; height: 50px; background-color: rgba(47, 47, 47, 0.98); } label{ float: left; width: 100px; line-height: 50px; co
2024-12-02 -
antd中Tabs切换控制其他地方的标签的显示与隐藏 过程如下： tab的回调函数： 拿到key值之后就离成功不远了： 然后在右边的标签下还有内容，也需要根据tab切换去控制显隐，和上面是一个道理 可以直接给里面的每个div类名 根据key值 去控制显隐 这样就不用一套一套的分别去写了，三个tab里面公用的标签只需要写一遍就ok啦 然后就控制住啦！~ 康康效果吧 bingo~ 愉快的一天过去了一半~
2024-12-02 -
需求是这样的，在选好不想显示的表头字段，以及拖拽列等等操作后，拿到最终的表头数据并保存
2024-12-02 -
上周末为止看完了html+css的视频教程，这周开始Javascript，看的妙味课堂的教程，多做练习，同时强化html和css。 思路： 选项卡，简单来说有两部分组成，上面的按钮和下面相应要显示的块。点击按钮，显示相应的块。 通过设置类名active来修改按钮的激活状态 通过块的display属性来调整显示和隐藏 Javascript中的知识点; 1.getElementsByTagName 通过标签名来获取元素 2.var i=0; for(i=0;i<5;i++){ } fo
2024-12-02