前端学习
爱前端的小张
这个作者很懒,什么都没留下…
展开
-
提交表单console.log测试输出,显示一下然后消失
今天做了一个表格案例,提交表格时在控制台打印的时候闪一下就消失了。经过一些时间的研究,发现form上action属性没有设置东西于是我添加了一个#就变好了原创 2022-03-21 10:39:38 · 655 阅读 · 0 评论 -
=,==,===的区别
=一个=是赋值操作==两个等号多用来判断两者相等,在进行比较时会转换为相同的类型举例 1 == true两边类型不同,"“会先进行类型转换,将true转换为,即 1 == 1;此时,”" 左右两边的类型都为数值型,返回true===1===true 两侧不完全相等,结果为false“1” === 1 左侧为字符型,右侧为数值型,左右两侧类型不同,结果还是false;1 === 2 左侧为数值型,右侧为数值型,左右两侧类型相同,但数值大小不同,结果为false;...原创 2021-10-30 17:34:50 · 187 阅读 · 0 评论 -
迭代器的原理
迭代器迭代器(Iterator)是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Itertor接口,就可以完成遍历操作。1)ES6创造了一种新的遍历命令for…of循环,Iterator接口主要供for…of消费2)原生具备Iterator接口的数据(可用 for of 遍历)a) Arrayb) Argumentsc) Setd) Mape) Stringf) TypedArrayg) NodeList...原创 2021-10-28 09:32:14 · 83 阅读 · 0 评论 -
js中的七种数据类型
js中的七种数据类型USONByou are so niubiU =》 undefined 没有初始化、定义的值S =》 String 字符串 or Symbol(es6中的,这种类型的对象永不相等)O =》 Object 对象N =》 Number 数据类型 or Null 不存在的对象B =》 Boolean 布尔型Symbol //创建Symbol let s1 = Symbol('尚硅谷'); let s2 = Symbol('尚硅谷');原创 2021-10-27 22:08:05 · 121 阅读 · 0 评论 -
前端开发中的鼠标事件
1.鼠标按下松开mousedown 鼠标按下mouseup 鼠标松开2.鼠标经过离开mouseover 鼠标经过mouseente 鼠标经过mouseout 鼠标离开mouseleave鼠标离开3.鼠标移动mousemove4.聚焦失焦focus 聚焦blur 失去焦点原创 2021-08-11 12:41:39 · 281 阅读 · 0 评论 -
前端开发中常见的鼠标事件
1.onclick鼠标点击左键触发2.onmouseover鼠标经过触发3.onmouseout鼠标离开触发4.onfocus获得鼠标焦点触发5.onblur失去鼠标焦点触发6.onmousemove鼠标移动触发7.onmouseup 鼠标弹起触发8.onmousedown鼠标按下触发...原创 2021-07-23 21:34:00 · 2295 阅读 · 0 评论 -
前端开发中获取数组元素索引号
两种形式1.indexOf 从正方向开始查找2.lastindexOf 从反方向开始查找代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=dev原创 2021-07-23 15:22:12 · 1471 阅读 · 0 评论 -
前端开发中的数组创建
创建数组有两种方式1.利用数组字面量var arr = [1,2,3];2.利用new Array()var arr1 = new Array(); //创建了一个空数组var arr2 = new Array(2); //2表示数组长度为2,里面有2个空的数组元素var arr3 = new Array(3,4); //等价于[2,3] 这样写表示有2个数组元素,为2和3...原创 2021-07-22 11:33:50 · 899 阅读 · 0 评论 -
JS 开发中的 Math常用方法和属性
Math 对象不是构造函数,它是具有数学常数和函数的属性和方法。跟数学相关的运算可以使用Math中的成员。举例//圆周率Math.PI向下取整Math.floor()向上取整Math.ceil()四舍五入 (注意 -3.5 取 -3)Math.round()绝对值Math.abs()求最大值和最小值Math.max()/Math.min()...原创 2021-07-20 16:23:16 · 110 阅读 · 0 评论 -
bootstrap栅格系统——选项参数
定义栅格系统用于一系列的行(row)与列(column)的组合来创建页面布局,你的内容就可以放入这些创建好的布局中超小屏幕<768px 类前缀 .col-xs-小屏>=768px .col-sm-中等屏幕>=992px .col-md-大显示器>=1200px .col-lg-每一列必有12等份,所有子元素平分这12份...原创 2021-07-16 19:17:06 · 1098 阅读 · 2 评论 -
前端开发中的em
1.定义em是父元素字体大小2.使用当要使用em,如果父元素字体大小为12px这时候如果设置子元素盒子宽度为10em,那么宽度就为120px原创 2021-07-15 17:24:55 · 535 阅读 · 0 评论 -
前端怎么做指向箭头
步骤一给div盒子设置宽度,高度,再设置上边框和右边框<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale原创 2021-07-15 17:16:32 · 1815 阅读 · 0 评论 -
前端开发中的背景渐变
1.目的实现盒子背景的渐变,使盒子变得更好看2.语法格式background: linear-gradient(起始方向,颜色1,颜色2);是从起始方向开始,从颜色1逐渐变到颜色2注意:这个样式对浏览器有限制,必须添加浏览器私有前缀例:background: -webkit-linear-gradient(left top, red, blue);3.代码演示<!DOCTYPE html><html lang="en"><head> <原创 2021-07-15 16:23:35 · 2693 阅读 · 0 评论