前端
文章平均质量分 71
小羊要努力-
菜鸟一枚,正在努力中......
展开
-
JavaScript-DOM(事件高级)——含案例源码
1、注册事件(绑定事件)1.1、注册事件概述1.2、addEventListener 事件监听方式<body> <button>传统注册事件</button> <button>方法监听注册事件</button> <script> var btns = document.querySelectorAll('button'); btns[0].onclick =原创 2022-05-12 21:26:44 · 512 阅读 · 0 评论 -
JavaScript-DOM 学习(含案例源码)
1、DOM概念文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口。W3C已经定义了一系列的DPM接口,通过这些DOM接口可以改变网页的内容、结构和样式1.1、DOM树文档:一个页面就是一个文档,DOM中使用document表示元素:页面中的所有标签都是元素,DOM中使用element表示节点:网页中的所有内容都是节点(标签、属性、文本、注释等),DOM中使用node表示注意:DOM把原创 2022-05-05 20:35:33 · 1929 阅读 · 0 评论 -
JavaScript-DOM练习
1、手风琴,实现页面切换,背景也随着切换<!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=1.0"&g原创 2022-03-18 15:18:49 · 4104 阅读 · 0 评论 -
JavaScript小练习
1、计时器<body><script> // setTimeout(fn,time) // 延迟time后,执行一次fn setTimeout(function(){ console.log("前端") },1000); //刷新之后,大概一秒之后才显示// setInterval(fn,time) // 每延迟time后,执行一次fn setInterval(function(){ ..原创 2022-03-09 21:43:00 · 1326 阅读 · 0 评论 -
JavaScript学习
1、变量与注释1.1、变量的命名规则首字符必须是字母、下划线(_)、符号$ 其他字符可以是字母、下划线、¥或者数字 建议使用驼峰命名法(age myAge init finalOutputValue audio1 ) 见名知意 变量名不能是关键字(var if for // 以上都是非法的变量名,会直接报错) $orderwera23,uiuiuqwer4_23aser2 意义不明,不建议使用 var a =1;// var a;声明// a=1;初始化 赋值...原创 2022-03-05 13:29:00 · 1718 阅读 · 0 评论 -
前端(五)CSS
目录1、CSS的三大特性1.1、层叠性1.2、继承性1.3、优先级注意:1.3.1、优先级权重计算2、盒子模型2.1、看透网页布局的本质2.2、盒子模型的组成2.3、border边框2.4、表格细线边框2.5、边框会一下盒子实际大小2.6、内边距(padding)2.7、盒子模型案例2.7.1、新浪导航2.7.2、小米导航2.8、外边距(margin)2.8.1、外边距典型应用2.8.2、行内或行内块元素...原创 2022-02-24 13:38:39 · 626 阅读 · 0 评论 -
前端笔记(四)(CSS)
1、Emmet语法1.1、快速生成HTML结构语法<body> <!-- ul>li*3 --> <ul> <li></li> <li></li> <li></li> </ul> <!-- 同时生成div和p标签: div+p --> <div></div> <p><原创 2022-02-13 12:41:13 · 850 阅读 · 0 评论 -
前端学习笔记(三)
CSS目录CSS1、简介1.1、css语法规范1.2、css代码风格2、css基础选择器2.1、css选择器的作用2.2、选择器分类2.3、标签选择器2.4、类选择器2.5、练习2.5、类选择器-多类名2.6、id选择器2.7、通配符选择器3、字体属性3.1、字体体系3.2、字体大小3.3、字体粗细3.4、文本样式3.5、复合属性3.6、属性总结4、文本属性4.1、文本颜色4....原创 2022-02-10 14:26:29 · 667 阅读 · 0 评论 -
HTML页面小项目(简陋版)
<!DOCTYPE html><head> <meta charset="UTF-8"> <meta name="viewport" content="wideth=device-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>练习</title></hea.原创 2021-11-15 19:59:57 · 485 阅读 · 0 评论 -
前端学习笔记(二)
HTML1、表格基本语法<body> <table><!-- 表示一个表格 --> <tr><!-- 表示一行 --> <td>姓名</td><!-- 表示一行中的一小部分 --> <td>性别</td> <td>年龄</td> </tr>原创 2021-11-15 19:24:12 · 499 阅读 · 0 评论 -
前端学习笔记(一)
HTML1、标签<!DOCTYPE html><head> <meta charset="UTF-8"> <meta name="viewport" content="wideth=device-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>练习</title.原创 2021-11-09 18:55:10 · 675 阅读 · 0 评论