栀柠@-CSDN博客

原创操作元素总结

操作元素是DOM核心内容操作元素包括：操作元素内容innerTextinnerHTML操作常见元素属性src 、href、 title、alt等操作表单元素属性type 、value、 disabled等操作元素样式属性 element.style...

2022-03-24 11:22:41 403

1.对象1.对象的概念对象在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。对象是由属性和方法组成的属性：事物的特征，在对象中用属性来表示方法：事物的行为，在对象中常用方法来表示为什么需要对象保存一个值时，可以使用变量，保存多个值（一组值）时，可以使用数组，如果保存一个的完整信息呢？为了更好地存储一组数据，对象应用而生；对象中为每项数据设置了属性名称，可以访问数据更语义化，数据结构清晰，表意明显，方便开发者使

2022-03-01 19:00:27 143

原创 JavaScript 基础 day4

1.作用域1.作用域作用域一段程序代码中所用到的名字并不总是有效和可靠的。而限定这个名字的可用性代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局限性，增强了程序的可靠性，减少了名字冲突。ES6之前作用域有两种全局作用域和局部作用域（函数作用域）全局作用域作用于所有代码执行的环境（整个 script 标签内部）或者一个独立的js文件。局部作用域作用于函数内部的代码环境，就是局部作用域。因为跟函数有关系，所以也被称为函数作用域。JS没有块级作用域块作用域由

2022-02-28 15:08:55 113

原创 JavaScript基础 day3

1.数组与函数1.数组1.数组的概念一组数据的集合，其中的每个数据被称作元素，在数据中可以存放任意类型的元素。数组时一种将一组数据存储在单个变量名下的优雅方式。2.创建数组利用new关键字创建数组；var 数组名 =new Array([n]); //[]代表可选若写n，则代表数组的长度var arr =new Array(); //创建了一个名为arr的空数组利用数组字面量创建数组//1. 使用数组字面量方面创建空的数组var 数组名 =[]; //若写n

2022-02-25 18:27:48 503

原创 JavaScript 基础 day2

1. 运算符与流程控制1.运算符（操作符）运算符是用于实现赋值、比较和执行算数运算符等功能的符号。常用的运算符分类如下：算术运算符递增和递减运算符比较运算符逻辑运算符赋值运算符1.算数运算符运算符描述案例 + 加 10+20=30 - 减 10-20=-10 * 乘 10*20=200 / 除 10/20=0.5 % 取余(取模) 返回除法的余数9%2=1 浮点数...

2022-02-25 14:43:25 422

原创 JavaScript 基础 day1

1. JavaScript 输入输出语句alert（msg）浏览器弹出警示框console.log（msg）浏览器控制台打印输入信息prompt（info）浏览器弹出输入框，用户可以输入2. 变量1. 声明变量var age; // 声明一个名称为age的变量2. 赋值age = 10; //给age这个变量赋值为103. 输出结果console.log（age）;4. 变量的初始化var myname = ‘pink你的’；5. 弹出用户名var.

2021-12-06 20:08:35 479

原创 CSS3的新特性 Day17

1. CSS3 盒子模型box-sizing:border-box盒子大小为width如果盒子模型我们改为box-sizing：border-box，那padding和border就不会撑大盒子2. CSS3图片模糊处理filter：函数（）；例如：filter：blur（5px）； blur模糊处理数值越大越模糊3. 计算盒子宽度calc函数width：calc(100% -80px); 括号里面可以用+-*/来进行计算。4. CSS3过渡...

2021-11-29 22:38:06 82

原创 HTML5和CSS的新特征 Day16

1.HTML5的新特征IE9+以上的浏览器才支持1.1 HTML5新增的语义化标签<header> ：头部标签<nav> ：导航标签<article>：内容标签<section>：定义文档某个区域<aside>：侧边栏标签<footer>：尾部标签1.2 HTML5新增的多媒体标签1.音频：<audio><audio controls> <source s.

2021-11-29 18:56:35 185

原创 CSS高级 Day15

1. 精灵图为了有效的减少服务器接收和发送请求的次数，提高页面的加载速度，出现了CSS精灵技术（也称CSS Sprites、CSS雪碧）。核心原理：将网页中的一些小背景图像整合到一张大图中，这样服务器只需要一次请求就可以了。2. 精灵图的使用使用精灵图核心总结： 1.精灵图主要针对于小的背景图片使用。 2.主要借助于背景位置来实现 background-position。 3.一般情况下精灵图都是负值。（千万注意网络中的坐标：x轴右边是正值，左边是负值）...

2021-11-23 16:16:46 322

原创 CSS元素的显示与隐藏

元素的显示与隐藏 display显示隐藏 visibility显示隐藏 overflow溢出显示隐藏1. display 属性display：none；隐藏对象display：block；除了转换为块元素之外，同时还有显示元素的意思display隐藏元素后，不再占有原来的位置2.visibility 可见性visibility：visible；元素可视visibility：hidden；元素隐藏visibility隐藏元...

2021-11-22 11:36:21 325

原创 CSS 定位 Day14

定位：将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。定位=定位模式+边偏移。定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。1. 定位模式定位模式是CSS的position属性来设置，其值可以分为四个:static 静态定位 relative 相对定位 absolution 绝对定位 fixed 固定定位...

2021-11-19 14:35:44 104

原创 CSS浮动 Day13

1.浮动传统网页布局的三种方式：普通流（标准流）浮动定位网页布局第一准则：多个块级元素纵向排列找标准流，多个块级元素横向排列找浮动。float属性用于创建浮动框，将其移动到一边，直到左边缘或右边缘触及包含块或另一个浮动框的边缘。浮动的特性：1、浮动的元素会脱离标准流相当于飘到了空中在标准流中就不占位置2、浮动的元素比标准流高出半个级别可以覆盖标准流中的元素3、浮动找浮动下一个浮动元素会在上一个浮动元素后面左右浮动4、浮动会受到上面元...

2021-11-17 14:47:06 208

原创学习CSS圆角边框盒子阴影文字阴影 Day12

1. 圆角边框border-radius属性用于设置元素的外边框圆角。border-radius ：length；参数值可以为数值或百分比的形式如果是正方形，想要设置为一个圆，把数值修改为高度或者宽度的一半即可，或者直接写为50%这个属性是一个简写属性，可以跟四个值，分别代表左上角，右上角，右下角，左下角<style> .yuanxing { width: 200px; height: 200px;

2021-11-16 16:54:34 298

原创学习CSS盒子模型Day11

1.7 外边距margin用于设置外边距，所谓盒子和盒子之间的距离。外边距可以让块级盒子水平居中，但必须满足两个条件：1.盒子必须指定了宽度。2.盒子左右的外边距都设置auto。.header{ width:960px; margin:0 auto; }1.8 外边距合并使用两个嵌套关系（父子关系）的块元素，父元素有上外边距同时子元素也有上外边距，此项hi父元素会塌陷较大的外边距值。解决方案： 1.可以为父元素定义上边距。 2.可...

2021-11-15 15:20:21 413

原创学习CSS盒子模型Day10

1.盒子模型1.1 看透网页布局的本质网页布局过程: 1.先准备好相关的网页元素。网页元素基本都是盒子Box。 2.利用CSS设置好盒子样式，然后摆放到相应位置。3.往盒子里面装内容本质：利用CSS摆盒子1.2 盒子模型组成CSS盒子模型本质上是一个盒子，封装周围的HTML元素，它包括：边框、外边距、内边距、和实际内容。1.3边框（border）border可以设置元素的边框。边框有三部分组成：边框宽度（粗细）边框样式边...

2021-11-12 15:06:49 374

原创 CSS的三大特征 Day9

CSS有三个重要的特征：层叠性、继承性、优先级。1.层叠性相同选择器给设置相同的样式，此时一个样式就会覆盖另一个冲突的样式。层叠性主要解决样式冲突的问题。样式冲突，遵循的原则时就近原则，那个样式离结构近，就执行那个样式样式不冲突，不会层叠。2.继承性CSS中的继承：子标签会继承父标签的某些样式，如文本颜色和色号。恰当的使用继承可以简化代码，降低CSS样式的复杂性。子元素可以继承父元素的样式（text-，font-，line-这些元素开头的可以继承，以及color属性）2.

2021-11-10 19:51:23 236

原创学习前端CSS第八天

1.CSS的背景（1）背景颜色/* background-color: transparent; 透明的清澈的 *//* background-color: 颜色; */（2）背景图片 background-image: url(images/logo.png);（3）背景平铺/* 1.背景图片不平铺 *//* background-repeat: no-repeat; *//* 2.默认的情况下,背景图片是平铺的 *//* backgro...

2021-11-09 16:46:49 71

原创学习前端CSS的第七天

1.块元素常见的块元素有<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>等，其中<div>是最典型的。（1）比较霸道，自己独占一行。（2）宽度，高度，外边距以及内边距都可以控制。（3）宽度默认是容器（父级宽度）的100%（4）是一个容器及盒子，里面可以放行内或块级元素。注意：文字类的元素内不能使用块元素，例如<h1>~<...

2021-11-07 21:15:58 78

原创学习前端CSS的第六天

1.CSS的复合选择器常用的复合选择器包括：后代选择器、子选择器、并集选择器、伪类选择器2.后代选择器后代选择器可以选择父元素里面的子元素元素1 元素2 { 样式声明 } 选择的元素1里面的所有元素2（后代元素）3.子选择器子元素选择器只能选择作为某元素最近一级的子元素。元素1 >元素2 { 样式声明 }...

2021-11-05 23:21:35 66

原创学习前端CSS的第五天

13.CSS引入方式（1）内部样式 <style> div { color: pink; } </style> <div>所谓内部样式表,就是在html页面内部写样式,但是是单独写到style标签内（2）行内样式 <p style="color: pink; font-size: 20px;">给我一个粉红的...

2021-11-05 10:51:31 67

原创学习前端css的第四天

1.CSS语法规范 CSS需要写在<head>标签里面 <style> /* 选择器 {样式} */ /* 给谁改样式 { 改什么样式} */ p { color: red; /* 修改了文字大小为12像素 */ font-size: 12px; } </style>2.基础选择器之标签选择器...

2021-11-04 17:59:12 68

原创学习前端HTML第三天

（14）表单标签 <form action="demo.php" method="get" name="name1" >  用户名:<input type="text" name="username" value="请输入用户名"> <br/>  密码

2021-11-03 17:26:56 61

原创学习前端HTML第二天

（10）表格标签表格主要用于显示、展示数据的。 <table></table>是用于定义表格的标签。<tr></tr>标签是用于定义表格中的行，必须嵌套在 <table></table>标签中。<td></td>用于定义表格中的单元格，必须嵌套在<tr></tr>标签中。 <table>...

2021-11-03 15:50:11 61

原创学习前端HTML的第一天

什么是网页？网站的指在因特网上根据一定的规则，，使用HTML等制作的用于展示特定内容相关的网页集合。网页时网站中的-“页”，通常时HTML格式的文件，他要通过浏览器来浏览。...

2021-11-01 18:43:28 43

原创高中信息技术学科预测简答题 Day5

1.简述子网掩码的作用。子网掩码是一个32位地址，是一种与IP地址结合使用的技术。它的作用主要有两个。一是用于屏蔽IP地址的一部分以区别网络标志和主机标识，并说明该IP地址实在局域网上，还是在远程网上。二是用于将一个大的IP网络划分为诺干个小的子网络，每个子网之间相互独立，便于分层管理和IP地址的高效利用。2.简述TCP/IP参考模型中网络层、传输层和应用层中重要协议，每层至少写两个协议。网络层协议：IP协议。IP协议是网络...

2021-10-27 15:55:49 494

原创高中信息技术学科预测简答题 Day4

简答题1.简述域名解析的过程。客户机提出域名解析请求，并将该请求发送给本地的域名服务器。当本地的域名服务器收到请求后，就先查询本地的缓存，如果有该记录项，则本地的域名服务器就直接把查询的结果返回。如果本地的缓存中没有该记录项，则本地域名服务器就直接把请求发给根域名服务器，然后根域名服务器再返回给本地域名服务器一个所查询域的主域名服务器的地址。本地服务器在向上一步返回的域名服务器发送请求，然后接受请求的服务器查询自己的缓存，如果没有该记录项，则返回相关的下级的域名服务器的地址。重复第四

2021-10-26 18:01:48 276

原创高中教资知识点整理第三天

28.信息技术教材的作用以及如何使用教材 1.教材是重要的课程资源，是教师授课，学生学习的重要资源； 2.根据学生需要合理使用教材。教师是引导者，学生是学习的主体。很具学习的实际情况在课程要求的标准，适当调整结构，进度，内容，灵活处理教材。29.任务驱动需要注意的方面 1.趣味性，贴近生活，提高效果 2.适宜性，适合学生的水平 3.明确性，明确目的，具体化 4.可评价性，对学生完成的任务进行评价是掌握学习情况的有效途径30.简述高中信息技术的理念...

2021-10-21 18:11:36 187

原创高中教资复习整理知识点第二天

11.教学评价原则（1）强调平时激励、诊断和促进作用，发挥评价的导向功能；（2）评价应面向全体学生，尊重学生主体地位，促进学生全面发展；（3）评价应公平公正，注重过程性评价与总结性评价相结合；（4）评价应科学合理，提高评价的信度和效度。12.教学评价的分类 1.评价功能（1）诊断性评价：如入学前的摸底考试（2）形成性评价：如课堂提问（3）总结性评价：如课后作业，考试 2.评价参照标准 ...

2021-10-20 16:24:48 185

原创高中教资复习整理知识点的第一天

1.普高信息技术课程的性质与理念性质：普高信息技术课程是一门旨在全面提升学生信息素养；帮助学生掌握信息技术基础只是与技能；增强信息意识；发展计算思维；提高数字化学习与创新能力；梳理正确的信息社会价值观和责任感的基础课程。理念：坚持立德树人的课程价值观、培养具备信息素养的中国公民；设置满足多元需求的课程结构，促进学生的个性化发展；选择体现时代性和基础性的课程内容，支撑学生的信息素养的发展；培养以学习为中心的教与学关系，在问题解决过程中提升信息素...

2021-10-19 18:19:00 194

weixin_59339928的博客