前端基础
关注
分享
扫一扫
文章平均质量分 57
html,css,js
tanxinji
站在巨人的肩膀上
展开
-
判断input标签的type类型为checkbox是否被选中
1.通过获取checked值判断，可不在事件函数内。原创 2023-10-19 11:37:23 · 1611 阅读 · 0 评论 -
JavaScript querySelector
方法返回匹配选择器的第一个元素，如果没有匹配的元素，则返回。仅返回匹配的第一个元素。需要选择多个元素使用。是CSS选择器，用于指定要选择的元素。方法，返回所有匹配的元素列表。是要执行选择操作的父元素，原创 2023-10-18 11:21:11 · 445 阅读 · 0 评论 -
js,jquery,vue设置html标签隐藏不显示
使用js将id=myElemnt的标签隐藏。vue隐藏 v-show的值为false。原创 2023-10-17 19:00:00 · 1174 阅读 · 0 评论 -
css设置html标签不显示
在标签上添加style=“display:none”原创 2023-06-14 00:25:03 · 511 阅读 · 0 评论 -
Js中==是如何进行比较的?
形如: a == b一.当a 和b类型相同，则直接比较 如: “sss” == “sss” ; // true二. 当a和b类型不同，会转换成相同类型在比较 那么当a和b类型不同时，如何进行转换的呢? 1.NaN与任何数比较都不相等，都是false; NaN的意思是不是一个数字，number类型<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title><原创 2022-04-01 07:00:00 · 770 阅读 · 0 评论 -
如何下载jquery.js，axios.js，vue.js
进入官网快捷键Ctrl + S。原创 2023-03-27 17:03:46 · 2755 阅读 · 0 评论 -
解决axios发送提交数组数据都变成了object而非数据
有的时候，想通过axios向后端传数组， 一开始是直接传: 后来发现，直接传不行，发送的数据变成了这样: 最后发现，需要将数组转换成json字符串之后，在提交给后端，就可以了！ 将数组转换成json的代码: 这样就可以提交正确数据了！......原创 2022-06-15 07:00:00 · 3058 阅读 · 0 评论 -
Element-UI 实现动态加载图片
继上次实现批量删除之后，实现动态加载图片。 演示的只是模拟数据。可以从后端读取数据。 **获取到要加载的某行的下标，通过下标在Vue中获取数据的图片路径。**然后通过Vue中的加载图片 演示效果: 1.png: 代码: 效果图: 想要不同的图片，可以将数据从后端获取，不同图片改成不同图片路径即可！...原创 2022-06-11 07:00:00 · 1854 阅读 · 0 评论 -
Element多选表格实现批量删除
官网链接: https://element.eleme.cn/#/zh-CN/component/table 数据和选中都来自官网。 界面删除: this.$refs.表格ref属性名.selection获取选择的行数据，依次遍历每行数据的id，和生成该表格每行数据的vue中的data比较，如果相同就删了 data.remove( index , 1) 。每行数据必须有唯一标识符。 数据库删除: 遍历选中的每行的id，存放在一个数组中，通过axios来删除。 下面只演示界面删除。 vue.js文原创 2022-04-28 07:00:00 · 5334 阅读 · 15 评论 -
Html常用标签
1、图片显示图片<img src="图片路径" />常用属性属性名作用src设置路径名title设置鼠标停留在图片上显示的信息alt设置图片加载失败显示的信息height设置高度width设置宽度示例:<img src="images/1.png">2、超链接显示超链接<a href="超链接路径">将路径替换为其他在页面显示</a>常用属性属性名作用hre原创 2022-01-21 07:00:00 · 326 阅读 · 0 评论 -
Js中数组遍历的方式
1、for循环遍历2、获取当前索引: var i in 数组名3、获取当前元素值: var value of数组名4、对象数组中的方法 : forEach()原创 2022-01-06 13:51:32 · 1980 阅读 · 3 评论 -
Js中的setInterval()和setTimeout()方法
定时器有两种 setInterval("函数名()"，时间间隔)，setTimeout("函数名()",时间间隔);1.setTimeout("fun()"，time) 执行该函数后，隔time毫秒执行一次fun函数。只执行一次，放入到函数内可以实现多次调用。 要关掉该定时器就可以用到clearTimeout( timeobj); 在setInterval的时候用timeobj记录该对象，用于关闭该定时器。 例如：每隔一秒刷新当前时间，有...原创 2021-12-09 21:13:59 · 1075 阅读 · 0 评论 -
Js中的正则表达式
正则表达式的定义:正则表达式在js中有下述两种定义，返回的都是正则表达式对象。1. var reg = / 正则表达式 / [flag]; 其中[flag] 可以舍去。2.var reg=RegExp("正则表达式","flag"); 其中第二个参数可以舍去。正则表达式对应的方法。var reg = / / ;1. test("str") ;2. exec("str"); ...原创 2021-12-22 15:45:39 · 1020 阅读 · 2 评论 -
Js获取标签对象
通过js提供的方法根据html标签的id，name等属性以及标签名字可以来获取该标签的引用，从而可以对标签进行修改。1.document.getElementById("idname") 。通过标签的id值来获取对象。传入的参数是标签的id属性值。 获取到文档流中第一个id = "idname"的标签。只返回一个对象。 例如：修改该html中id = "t1"标签的字体颜色为蓝色。<!DOCTYPE html><html>...原创 2021-12-12 20:42:49 · 6395 阅读 · 2 评论 -
Html中的行级元素和块级元素的区别
对于行级元素和块级元素的区别。 某标签是块级元素时，可以设置宽高，并且不能和其他标签在一行;某标签是行级元素时，不可以设置宽高,可以和其他标签在一行。原创 2021-11-16 19:18:41 · 1555 阅读 · 0 评论 -
Css中的absolute如何通过relative定位
首先，要想含有absolute标签的定义在想要relative标签的位置基础上偏移位置，含有relative标签的必须是该absolute标签最近的父标签（包含）。如果没有就会定位在文档流最左上角。 来试验一下。如下代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head>...原创 2021-11-14 23:46:14 · 819 阅读 · 0 评论 -
JavaScript中的函数
js中的函数定义有两种方式。 1.函数传入的参数可以没有类型标注，可以传入任意类型的数值。 function 函数名(参数){} 通过代码实现一下。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <bod...原创 2021-10-03 22:35:45 · 332 阅读 · 0 评论 -
CSS样式嵌入html中的三种方式
当我们写一个html静态页面的时候，发现所生成的排版或者效果非常的不好时，我们就可以使用CSS样式来美化所生成的html的控件，css样式的生效完全依赖于html文件，下面介绍如何将css样式嵌入到html中。 1.在每个标签中嵌入 ...原创 2021-09-21 12:58:17 · 21674 阅读 · 1 评论