- 博客(100)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
原创 vue3报错-antdv报错-动态增减表单项报错-please transfer a valid name path to form item!
上面红框中的两项要保持一致,否则报错。
2024-03-29 10:27:42 142
原创 idea - 查看README.md文档
README.md文件是用markdown格式写的,如果想在idea中查看,选择右上角这个小图标即可。
2024-01-03 09:34:11 816 1
原创 blender常用快捷键
按住「~」不松开,鼠标指向想切换的视角按钮,然后松开「~」单击"Ctrl"键并选择物体。Shift+鼠标滚轮。按住"Shift"键。
2023-11-01 16:52:55 337
原创 js中获取不到document.body
如上,将js代码放在<head>里获取document.body时为null。原因:此时,浏览器先加载js代码,再加载和解析文档,所以获取不到。二、将js代码放到window.onload里。一、将<script>标签放到<body>中。
2023-08-18 14:54:00 503
原创 element ui组件的自定义类名样式不生效
需要注意,样式不能写在<style scoped>标签中,会被vue自动加上data-v属性,导致样式失效。element ui中,类似描述列表这种组件。必须写在<style>标签里。会提供自定义类名属性。
2023-07-07 10:29:03 608
原创 c4d r26导出透明背景图片
十二、在ps里打开文件,在通道中,按住Ctrl点击对象缓存1通道得到选区。九、对象缓存的群组ID命名为1(与合成标签里的对象缓存保持一致)二、将所有图层编组,按住Shift选中所有图层按Alt+G。三、右键空白对象,添加合成标签。十一、保存为psd格式,点击确定。五、启用对象缓存,命名为1。十三、就可以把图像抠出来了。按Alt+G将所有图层编组。
2023-07-07 10:19:53 421
原创 PS常用快捷键
合并选中图层(选中图层组后合并,得到栅格化图层;选中形状后合并,得到形状图层)剪切成新图层(用黑箭头,可将AI中复制过来的组合形状,拆分成单个形状)黑箭头选择形状图层,然后选择减去顶层图层,可得反向形状。拖拽选区时,按空格键,可移动选区位置。合并选中图层,保留原图层。合并所有图层,保留原图层。
2023-07-06 09:50:03 108
原创 逻辑与运算表达式
var a = 2;var b = 6;/** &&* 两边条件都为true时,结果才为true* 如果有一个为false,结果为false* 当第一个条件为false时,就不再判断后面的条件** 下面带有逻辑与运算的表达式:* &&左边为true时,执行右边* &&左边为false时,不执行右边* */a !== 2 && b++;console.log(b); // 6...
2022-03-15 16:08:29 466
原创 vuedraggable插件实现clone拷贝拖拽案例
<!-- vuedraggable插件实现clone拷贝拖拽案例 --><template> <div> <div class="container"> <!-- end 当拖拽结束时触发 pull: 'clone' 表示允许克隆被拖动的元素 pull v 拖 move 自定义控制哪些元素可以拖拽或不允许拖拽 值为methods中的方法,表示拖拽过程中...
2022-03-11 16:29:46 1784
原创 vuedraggable实现多列组件相互拖拽案例
<!-- vuedraggable实现多列组件相互拖拽案例 --><template> <div> <!-- vue.draggable中文文档: https://www.itxst.com/vue-draggable/fueijmfy.html group 组名,相同组之间可以相互拖拽 animation 设置拖动时的动画效果时长oyu 组件拖拽样式基本由这三个类定义: dragCla...
2022-03-11 10:38:24 1808
原创 Vue <transition-group> 多组table滚动显示数据 过渡效果案例2
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue <transition-group> 多组table滚动显示数据 过渡效果案例2</title> <!-- 上篇文章的代码,实际使用中发现有bug 比如:如果文本过长,有需要折行的文本,在滚动时,会因为positio...
2022-03-10 13:23:15 1414
原创 Vue <transition> 通过动态name属性实现动态过渡案例
<!-- Vue <transition> 通过动态name属性实现动态过渡案例 --><template> <div class="page"> <p> <button @click="switchTransName">switch transitionName</button> </p> <transition :name="tranName"...
2022-03-10 09:16:25 1087
原创 Vue <transition> 通过事件钩子实现动态过渡案例2
<!-- Vue <transition> 通过事件钩子实现动态过渡案例2 --><template> <div class="page"> <p> fade in <input type="range" min="0" :max="fadeMax" v-model="fadeInVal"/> fade out <input type="range" min="0" :max="fad...
2022-03-09 13:53:43 840
原创 Vue <transition> 用函数式组件实现可复用过渡动画案例
// 在main.js中全局定义<transition>函数式组件Vue.component('my-special-transition', { /* * 设置functional: true则表示该组件为函数式组件 * 函数式组件定义: * 没有管理任何状态,没有监听任何传递给它的状态, * 没有生命周期方法,只是一个接收一些prop的函数 * 没有实例(没有this上下文) * */ functional: true, //...
2022-03-08 09:22:52 183
原创 Vue <transition> 实现可复用过渡案例
<!-- Vue <transition> 实现可复用过渡案例--><template> <div class="page"> <button @click="isHello = !isHello">click</button> <mySpecialTransition> <!-- 当有相同标签名的元素切换时, 需通过key属性设置唯一的值来让Vue区分...
2022-03-07 15:57:58 466
原创 Vue <transition-group> 多组table滚动显示数据 过渡效果案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue <transition-group> 多组table滚动显示数据 过渡效果案例</title> <style> .table { margin-top: 50px; } ...
2022-03-07 10:52:12 233
原创 Vue <transition-group> table滚动显示数据 过渡效果案例(vue.js版)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue <transition-group> table滚动显示数据 过渡效果案例</title> <style> .list-complete-item { transition: all 1s;...
2022-03-04 16:19:38 584
原创 Vue <transition-group> <table>数据滚动显示过渡案例
<!-- Vue <transition-group> <table>数据滚动显示过渡案例--><template> <div class="page"> <!-- Vue几乎支持所有原生js dom事件 html dom事件列表:https://www.runoob.com/jsref/dom-obj-event.html --> <table @mouseover="...
2022-03-04 14:28:24 582
原创 Vue <transition-group> 列表的删除、增加元素过渡案例
<!-- Vue <transition-group> 列表的删除、增加元素过渡案例--><template> <div class="page"> <p> <button v-on:click="shuffle">Shuffle</button> <button v-on:click="add">Add</button> <but...
2022-03-04 11:26:57 194
原创 <transition-group> <table>列表筛选过渡效果案例
<!-- <transition-group> <table>列表筛选过渡效果案例 --><template> <div> <p> <input v-model="query" type="text"/> </p> <table class="table"> <thead> <tr> ...
2022-03-04 10:23:58 155
原创 Vue <transition-group> 中<table>列表的排序过渡案例
<!-- Vue <transition-group> 中<table>列表的排序过渡案例--><template> <div class="page"> <p> <!-- <transition-group>的排序过渡动画对<table>元素也好使 --> <button @click="shuffle">shuffle</button>.
2022-03-03 16:11:34 477
原创 Vue <transition-group> 列表的排序过渡案例2 - 翻牌、洗牌小动画
<!-- Vue <transition-group> 列表的排序过渡案例2 - 翻牌、洗牌小动画 --><template> <div class="page"> <p class="text-center"> <button @click="shuffle">洗牌</button> </p> <transition-group name="car...
2022-03-02 14:10:20 593
原创 CSS transform-style属性使用案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS transform-style属性使用案例</title> <style> /* 当父元素应用transform时,子元素也会随之改变效果 */ .box1 { ...
2022-03-02 10:53:06 277
原创 Vue <transition-group> 列表的排序过渡案例
<!-- Vue <transition-group> 列表的排序过渡案例 --><template> <div class="page"> <!-- flip n 空翻、轻抛 shuffle vt 洗牌 --> <button @click="shuffle">shuffle</button> <transition-group name="flip-list".
2022-03-02 09:34:06 654
原创 Vue <transition-group> 列表的 添加/删除元素 过渡案例2
<!-- Vue <transition-group> 列表的 添加/删除元素 过渡案例2 --><template> <div class="page"> <transition-group name="fade" tag="ul"> <li v-for="(item,index) in items" :key="item.id" class="list-item"> <span>.
2022-03-01 17:09:59 190
浏览器打开html文件,其中引入的css为什么无法加载?
2019-08-23
TA创建的收藏夹 TA关注的收藏夹
TA关注的人