![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
可乐1027
记录工作
展开
-
avue-crud常用配置项解释
代码】avue-crud常用配置项解释。原创 2022-08-02 16:52:44 · 6810 阅读 · 1 评论 -
vue{{}} 拼接字符串和换行符
vue{{}} 拼接字符串和换行符需求:不想用vant输入框的labal,想让内容占据整个宽度。vant的输入框中双向绑定了会议议程的值,从后台获取MeetingDescription,在得到数据后拼接字符串和换行符<van-field v-model="MeetingDescription" autosize type="textarea" placeholder="会议议程"/>this.MeetingDescription = '会议议程:'+ '\n' + d...原创 2022-05-06 16:26:18 · 4791 阅读 · 1 评论 -
vant手机端点击下拉框数据过多-添加搜索功能 下拉模糊搜索
前提需求:vant 并没有提供可搜索的选择器。因为项目下拉项太多,而且不好记,所以需要这个模糊查询的选择器。类似于element-ui 的可搜索Select选择器<template> <div style="margin-left: 13%"> <van-field style="width: 80%" required readonly clickable name="meetingId" :value="pagelook.position" label原创 2022-05-04 10:56:55 · 5665 阅读 · 3 评论 -
vue3常用404页
<template> <div style="text-align: center; width: 100%"> <el-empty description=" "> <h2 data-text="404">404</h2> <h4>啊呀~页面不存在!</h4> <p>您可以先检查网址,然后重新输入或给我们反馈问题。</p> <el-.原创 2022-03-22 16:58:51 · 582 阅读 · 0 评论 -
vue3封装table组件 element Plus
<template> <div class="scTable" ref="scTableMain" :style="{ height: theight }" v-loading="loading"> <div :class="!hideDo ? 'scTable-table' : 'scTable-table-noPag'"> <el-table v-bind="$attrs" :data="tableDat.原创 2022-03-22 16:51:49 · 4531 阅读 · 2 评论 -
js浅拷贝与深拷贝的区别和实现方式
如何区分深拷贝与浅拷贝,简单点来说,就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝,如果B没变,那就是深拷贝,1. 如果是基本数据类型,名字和值都会储存在栈内存中var a = 1;b = a; // 栈内存会开辟一个新的内存空间,此时b和a都是相互独立的b = 2;console.log(a); // 12. 如果是引用数据类型,名字存在栈内存中,值存在堆内存中,但是栈内存会提供一个引用的地址指向堆内存中的值当b=a进行拷贝时,其实复制的.转载 2021-10-15 15:38:47 · 142 阅读 · 0 评论 -
jQuery 仿微博发布,以及jQuery 的on事件绑定总结
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0 } ul { list-style: none .原创 2021-10-14 17:19:51 · 103 阅读 · 0 评论 -
jQuery stop()方法一句代码即可实现动态导航栏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.原创 2021-10-14 16:33:01 · 156 阅读 · 0 评论 -
jQuery3行代码 实现tab 栏切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.原创 2021-10-14 15:14:15 · 99 阅读 · 0 评论 -
仿淘宝返回顶部
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.原创 2021-10-14 14:21:53 · 131 阅读 · 0 评论 -
flex 弹性布局,最后一行数量不足一行 列表项目左对齐的解决办法
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style> .listBox{ width:1200px; height:600px; margin: 0 auto; border:1px solid red; display: flex; f.原创 2021-10-14 14:10:48 · 1574 阅读 · 0 评论 -
盒子模型笔记
1 、盒子模型的组成:border、content、padding、margin border 边框(边框宽度 样式 颜色) border-width:50px; border-style :solid ; (solid:实线边框 dashed:虚线边框 dotted:点线边框、框 重点记忆这三个即可 ) border-color:red; *** 边框的复合写法:border:50px solid red ; *** 边框分开写法:top /bottom/left/right..原创 2021-07-13 17:38:24 · 167 阅读 · 0 评论 -
css笔记第一天
一、 选择器{样式}小写字母书写属性和属性值中间、选择器和大括号之间都要有一个空格二、基础选择器:标签选择器(所有标签都被改变)类选择器:class属性(样式点定义结构类(class)多个标签都可用)三:emmet语法提高编写html/css的速度1、生成标签输入标签点tab2、生成多个标签标签*数字3、生成父子级别标签>标签4、生成兄弟级别标签+标签5、生成带有类名或id名的,直接写.demo...原创 2021-07-10 17:50:08 · 84 阅读 · 0 评论