属性 变量vue css
Vue.js 具名插槽
视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <!-- 定义一个插槽（挖个坑，等着组件的使用者进行填充） --> <slot name="center">我是一些默认值，当使用 ......
Vue.js 默认插槽
默认插槽视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <!-- 定义一个插槽（挖个坑，等着组件的使用者进行填充） --> <slot>我是一些默认值，当使用者没有传递具体结构时 ......
vue2之对象属性的监听
vue2之对象属性的监听的一些总结 对象属性监听的两种方法： 1.普通的watch data() { return { frontPoints: 0 } }, watch: { frontPoints(newValue, oldValue) { console.log(newValue) } } 2 ......
jquery 禁用按钮无效 disabled属性设置无效
禁用按鈕 $(this).prop("disabled", true); 啟用按鈕 $(this).prop("disabled", false); 禁用按鈕 $(this).attr("disabled","disabled"); 啟用按鈕 $(this).removeAttr("disabled ......
vue3+vite+ts：使用@符号，找不到模块
报错问题 情况说明：在.vue后缀的文件中 导入.vue组件 import Drawers from '@/components/Drawer/index.vue' 找不到模块“../../../../components/Drawer/index”或其相应的类型声明 解决办法 第一步 配置vite ......
Vue3 点击复制功能，利用vue-clipboard3
首先安装插件 vue-clipboard3 npm install vue-clipboard3 --save 然后在页面里面引入 <button class="btn" @click="copy()">点击复制</button> 建议用buttn标签，因为别的标签可能会失效 <script set ......
使用鼠标在图片上拖拽矩形框vue
<template> <div> <img class="no-drag" src="https://dashanbook.oss-cn-shenzhen.aliyuncs.com/11.png" @mousedown="startSelection" @mousemove="updateSelec ......
通过鼠标拖拉获取图片原像素的两个点坐标vue
<template> <div> <img class="no-drag" ref="image" src="https://dashanbook.oss-cn-shenzhen.aliyuncs.com/11.png" @mousedown="startSelection" @mousemove= ......
css实现文字的条纹阴影效果
先写下一段文字 添加重复的线性渐变，该渐变倾斜45deg（倾斜角度依需求设置） 上面的为黑色、透明色的渐变，实际上渐变的颜色需要跟文字的背景颜色相同，如果文字的背景色是白色那么渐变的颜色就是白色、透明色，白色用来融入背景，透明色用来显示被遮住的文字，如下: 写下相同的文字，覆盖条纹阴影，调整文字的位 ......
vue-devtools的安装与使用
vue-devtools的安装与使用 https://blog.csdn.net/weixin_43843572/article/details/124980771 ......
jdk的安装，以及配置和环境变量
卸载JDK 删除java的安装目录 删除path中关于java的目录 删除JAVA_HOME java -version 安装JDK 百度搜索JDK8，找到下载的地址 同意协议 双击安装JDK 记住安装的路径 配置环境变量 -->JAVA_HOME 配置path变量 检查安装是否成功 打开cmd J ......
Vue : html table固定表头、表格内容无缝滚动的一种匪夷所思的解决方案
背景 需求是一个能适配主流分辨率的表格，表头固定，表格内容上下滚动 首先尝试的这个原生的标签，但是有个问题啊，就是在循环滚动中，每次滚动之间会出现大片空白。 大概是这样：第一行--滚动--最后一行--滚动--大片空白--滚动--第一行 所以放弃了marquee标签，选择使用js和原生的html ta ......
css样式基础
标签选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>小米</title> <style type="text/css"> #menu{ background: red; height: 80px; } ......
运行vs开发的vue.js项目
开发好的vue.js项目，如何运行？参考如下步骤： #1 npm install -g 项目缺失的组件包全部补全。 #2 npm run serve vuejs-app1@0.1.0 serve SET NODE_OPTIONS openssl-legacy-provider && vue-cli- ......
uniapp vue 多个picker 用同一个数组和@change事件的bindPickerChange方法，设置不同值和获取不同值的实现方法
uni-app picker通用方法、uniapp vue 多个picker 用同一个数组和@change事件的bindPickerChange方法，设置不同值和获取不同值的实现方法 页面： <view class="demo-uni-col light" v-for="cardIndex in u ......
vue3+ts ckplayer播放监控视频
1、第一步下载ckplayer，然后把ckplayer复制到项目中public文件夹下 2、index.html引用ckplayer.js <script type="text/javascript" src="/ckplayer/ckplayer.min.js" charset="UTF-8" d ......
css实现折扇案例
搭建扇子结构 <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> <li>11</li> <li>12&l ......
css实现一个太极案例
搭建一个太极的盒子 <body> <div></div> </body> 样式（使用 linear-gradient线性渐变；radial-gradient径向渐变） <style> body { background-color: lightcyan; } div { width: 200px; ......
css实现三角形
界面搭建<i></i> 1、右三角形 i { width: 0; height: 0; border: 20px solid transparent; border-left: 20px solid red; } 实现效果： 2、下三角形 i { width: 0; height: 0; borde ......
使用css实现图片轮播功能
功能实现： 先搭建一个用于轮播的容器，水平置入需要轮播的图片，设置图片大小为容器的大小，超出容器的部分隐藏显示 然后用动画使每次需要轮播时让图片向左平移容器的宽度，这样一个简单的轮播就做好了 废话不多说，世界上案例吧 界面搭建 <body> <div class="swiper-container" ......
css中关于超出显示省略号
1、单行超出显示省略号 overflow: hidden; //超出隐藏 text-overflow: ellipsis; //文本超出时显示省略号 white-space: nowrap; //设置文本不换行 2、多行超出显示省略号 overflow: hidden; //超出隐藏 text-ov ......
Vue3学习笔记 —— 状态管理、Vuex、Pinia （未完结）
优秀文章分享：vue中使用vuex(超详细) - 掘金 (juejin.cn) 一、状态管理 1.1、什么是状态管理？ 理论上来说，每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例： <!-- 视图 --> <template>{{ count }}</t ......
css笔记
水平布局 这段时间编写静态页面，学习了几种水平布局，其中有不小的差异和注意事项，特此记录汇总一下。 1. display: inline-block 将元素修改为行内块元素，可以在不脱离文档流的情况下实现水平布局，且兼容性极佳。 但是存在元素上下、左右边距不贴合的问题，解决方法如下： 设置父元素fo ......
重要 - extern 用法，全局变量与头文件（重复定义）
用#include可以包含其他头文件中变量、函数的声明，为什么还要extern关键字,如果我想引用一个全局变量或函数a，我只要直接在源文件中包含#include<xxx.h> (xxx.h包含了a的声明)不就可以了么，为什么还要用extern呢？？这个问题一直也是似是而非的困扰着我许多年了，今天上网 ......
GCC中的aligned和packed属性
GCC支持用__attribute__为变量、类型、函数、标签指定特殊属性。这些不是编程语言标准里的内容，而属于编译器对语言的扩展。 本文介绍其中的两个属性：aligned和packed。 aligned aligned属性最常用在变量声明上。它的作用是告诉GCC，为变量分配内存时，要分配在对齐的内 ......
将列表中对象的某些属性抽出来组成新的对象列表
使用map()和 Object.assign()函数 let map = response.data[0].children.map((item,index)=>{ return Object.assign({},{'code':item.key,'descValue':item.label}) } ......
CSS 媒体查询 @media【详解】
关于媒体查询的一篇好文推荐 https://blog.csdn.net/weixin_41192489/article/details/126028971 ......
Vue中div和template的区别
template是作为占位符模板，用于包裹元素，自身并没有被渲染出来。 相较于使用div 会节省一个没必要的div标签的空间。 我们都知道 v-show隐藏元素的原理是 控制其元素的display:none； template并没有被作为 dom元素被渲染出来， 所有无法控制其 display：no ......