HTML系列
关注
分享
扫一扫
文章平均质量分 68
公子清
夯实基础，深入框架，node全栈，架构前端，谁的未来不迷茫，就看怎么实践，不忘初心，不惧未来。
展开
-
什么是DOM0,DOM2,DOM3？
事件是javascript和HTML交互基础, 任何文档或者浏览器窗口发生的交互, 都要通过绑定事件进行交互;比如鼠标点击事件、敲击键盘事件等。这样的事件行为都是前端DOM事件的组成部分，不同的DOM事件会有不同的触发条件和触发效果。本文就将带大家深入浅出地了解DOM事件的那些属性和方法。1.DOM级别与DOM事件：DOM级别一共可以分为四个级别：DOM0级、DOM1级、DOM2级和DOM3级。而DOM事件分为3个级别：DOM0级事件处理，DOM2级事件处理和DOM3级事件处理。有人可能会疑惑，为原创 2022-03-29 12:50:23 · 4842 阅读 · 0 评论 -
前端基础（二）
JS中的数据类型基础数据类型数字 number字符串 string布尔 boolean空对象指针 null未定义 undefinedes6新增的唯一值类型 symbol引用数据类型对象数据类型 object普通对象 {}数组对象 []正则对象 /^$/日期对象 new Date数学函数对象 Math函数数据类型 function实践：1.基本类型 //number数字类型 let n = 10; n = 10.5; n =原创 2021-03-05 12:18:11 · 228 阅读 · 1 评论 -
前端基础（一）
认知前端前端不分离原理：前端发送请求，页面看到的效果都是由后端控制后端通过渲染html页面或重定向后端控制前端的展示，前端与后端的耦合度很高。前端分离客户端原理：1.前端基于ajax发送数据请求到服务器端，服务器端只把数据返回 [{ titke:xxx}…]（后端仅返回前端所需的数据）2.前端拿到数据后，基于JS把数据动态绑定在页面上3.前端决定展示的效果，前端与后端的耦合度很低。好处：1.助于团队协作开发，前端不需要关注后台技术，只需要基于ajax获取到数据即可2. 分原创 2021-03-03 15:27:34 · 173 阅读 · 0 评论 -
JS系列：选项卡之闭包
选项卡之闭包1.元素，元素节点（类数组集合）都开辟了堆内存2.自定义属性来解决this.myIndex3.利用闭包解决分析如下:1.全局作用域 栈内存 变量存储 值存储 navList AF0 变量提升 代码执行 navList = document.querySelectAll('#navBox li')； i=0 i<3 na...原创 2020-01-09 22:44:23 · 267 阅读 · 0 评论 -
JS系列：关于DOM的增删改
关于DOM的增删改createElement创建一个元素标签createTextNodeappendChild把一个元素对象插入到指定容器的末尾[container].appendChild([newEle])insertBefore把一个元素对象插入到指定容器中某一个元素标签之前[container].insertBefore([newEle])cloneNode...原创 2019-12-17 18:19:06 · 214 阅读 · 0 评论 -
HTML系列：input输入框只能输入正整数、字母、小数、汉字
input输入框只能输入正整数、字母、小数、汉字只需将需要的代码加入到input输入框中，即可使用！1，文本框只能输入数字代码(小数点也不能输入)代码如下:<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">...原创 2019-12-17 13:13:17 · 824 阅读 · 0 评论 -
HTML系列：浏览器兼容html头部meta标签主要内容详情
浏览器兼容html头部标签主要内容详情<head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> //兼容ie7用来指定IE浏览器解析编译页面的model <meta content="text/html; charset=UTF-8" http-equiv="Content-Type...原创 2019-12-17 12:37:28 · 367 阅读 · 0 评论 -
JS系列：js节点
节点（node）在html文档中出现的所有东西都是节点元素节点(HTML标签)文本节点（文字内容）注释节点（注释内容）文档节点（document）…每一种类型的节点都会有一些属性区分自己的特征与特性nodeType: 节点类型nodeName：节点名称nodeValue：节点值元素节点nodeType：1nodeName：“DIV” //大写的标签名node...原创 2019-12-17 12:24:44 · 328 阅读 · 0 评论 -
HTML系列：两种生成四位不重复的验证码方法
两种生成四位不重复的验证码方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...原创 2019-12-16 15:42:25 · 644 阅读 · 0 评论 -
HTML系列：编写四位数验证码
编写四位数验证码验证码类型:=> 数字+字母=> 找图片=> 滑动拼图=> 问答类=> 点击汉字拼成语=> 倒着的文字或者图片正过来…<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta ...原创 2019-12-16 14:58:44 · 2804 阅读 · 0 评论 -
HTML系列：n种方式实现隔行变色
n种方式实现隔行变色 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h...原创 2019-12-09 20:20:34 · 2606 阅读 · 0 评论 -
HTML系列：多种方式实现选项卡
多种方式实现选项卡<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-...原创 2019-12-09 20:06:23 · 1482 阅读 · 0 评论