前端HTML与CSS基础
2024-03-27disc(默认值)实心圆 circle 空心圆 square 实心方块语法格式标签用于指定定义列表标签用于指定术语名词标签用于对名词进行解释和描述浮动是指设置了浮动属性的元素会脱离标准文档流的控制,移动到其父元素中指定位置的过程。浮动的基本语法格式是:选择器{float:属性值;属性有:left:元素向左浮动Right:元素向右浮动None:元素不浮动(默认值)
阿里云OSS存储图片在上传的时候设置过期时间
2024-03-27在使用putObject方法上传文件时,可以通过设置和头部来设定文件的过期时间。try {'x-oss-expires' : '315360000' , // 设置 10 年过期时间 'x-oss-delete-after' : '3650' , // 设置删除后 10 年才能再次删除 } , });上述代码中,我们在headers中添加了和头部来设定文件的过期时间,其中的值为 315360000(即 10 年),的值为 3650(即删除后 10 年才能再次删除)。需要注意的是,使用。_oss expires
echarts:去掉markLine
2024-03-26想要去掉markline,要用this.option.series[0].markLine.data[0].yAxis = {},千万不要写成this.option.series[0].markLine.data[0] = {},否则会一直报错。需求:当markline的值为0的时候不显示,不为0的时候则显示。初始值都是0,然后根据自己的条件给每个markline赋值。三元运算符里要写===,我开始写成了=,浪费很多时间。我的图里有多条markline,如下定义。_echarts markline 隐藏
Layui的layer.confirm弹框用法,很详细
2024-03-26就将标题改为“操作提示”,效果是这样的layer.confirm('纳尼?', {title: "操作提示",btn: ['按钮一', '按钮二', '按钮三'] //可以无限个按钮//按钮【按钮三】的回调//按钮【按钮一】的回调//按钮【按钮二】的回调});可以通过“btnAlign”参数定义弹框按钮的位置,“btnAlign”参数值有:l(左对齐)、c(居中对齐)、r (右对齐),默认是r(右对齐),为了演示明显,这里只用一个按钮演示。_layer.confirm
html中表单居中属性
2024-03-26HTML 表单的居中属性可以通过为表单元素设置 margin: auto 并设置其宽度来实现。例如,可以使用如下代码来居中表单:<style>form { width: 500px; margin: auto;}</style><form> <!-- 表单元素 --></form>这样,表单就会居中显示,占..._html设置 form 居中
css 一个有背景颜色透明度的盒子 如何至于顶层显示 且不被其他盒子干扰
2024-03-26要让一个带有背景颜色透明度的盒子显示在顶层,并且不被其他盒子所干扰,你可以使用 CSS 的 "z-index" 属性。在你想要放置在顶层的盒子的样式中,加入 "z-index" 属性,并设置一个大的值(比如说 "9999")。这样,这个盒子就会被放置在顶层,不被其他盒子所干扰。例如:.top-layer { position: absolute; z-index: 9999;}..._css 如何做一个盒子背景有颜色但是可以看到后面一层
如何定义 jQuery 函数?
2024-03-20在 jQuery 中定义函数与 JavaScript 不同,语法完全不同。函数是一组接受输入、进行特定计算并产生输出的语句。基本上,函数是一组执行某些特定任务或进行某些计算然后将结果返回给用户的语句。这个想法是将一些常见或重复完成的任务放在一起并创建一个函数,这样我们就可以调用该函数,而不是为不同的输入一次又一次地编写相同的代码。句法:$.fn.myFunction = function(){}下面的例子说明了 jQuery 中的函数定义:示例 1:<!DOCTYPE htm_jquery 定义函数
模拟淘宝密码登录界面
2024-03-20浅显飞过HTML和css基础,今天搭配js来模拟一下我们日常登入大部分界面要使用的密码隐藏和显示界面最后我们要使用js让代码可以交互起来,使得页面看起来更具有智能化的感觉,使得用户使用起来方便代码如下 //1.获取元素 var im = document . querySelector('img');//2.绑定事件 var flag = 0 im . onclick = function() {im . src = "./img/开眼.png";flag = 1;_autojs模拟登陆淘宝
vue3组件间的通信,通过props,emit,provide和inject把数据传递N个层级,expose和ref实现父组件调用子组件方法
2024-03-20template>--子组件eventsSetup.vue 定义事件演示-->//定义一个点击完成事件 done 和 sent 两个事件//TS模式 定义emits/*}>();*///触发done事件,请把用户输入的值msg传出去//也可以不传参数.itxst{_vue3跨组件传参project和inject
[前端学习] HTML CSS 学习笔记(六)
2024-03-18CSS3 概述CSS3 是CSS2 的升级版本,新增了很多强大的新功能;CSS3 的未来会按照模块化的方式去发展。CSS3 的私有前缀1)什么是私有前缀?下面代码中的-webkit-就是私有前缀div {2)为什么要有私有前缀?W3C 标准提出的某个 CSS 特性在被浏览器正式支持之前,浏览器厂商会根据浏览器的内核,使用私有前缀来测试该CSS特性,在浏览器正式支持该CSS特性后,就不需要私有前缀了。例如:-webkit-border-radius: 20px;