2301_76534754-CSDN博客

原创 Day3 DOM-节点操作

就可以获取到。在 IE6~8 中，浏览器不会给方法传递参数，如果需要的话，需要到 window.event 中获取查找。this 是事件绑定的元素（绑定这个事件处理函数的元素）。e.target 是事件触发的元素。

2024-03-09 09:00:00 792

原创 Day2 DOM元素的操作

2024-03-08 09:00:00 824

（1）Web API 作用和分类作用：就是使用 JS 去操作 html 和浏览器分类：DOM（文档对象模型）BOM（浏览器对象模型）（2）什么是DOMDOM（Document Object Model —— 文档对象模型）是用来呈现以及与任意 HTML 或 XML 文档交互的API白话文：DOM是浏览器提供的一套专门用来操作网页内容的功能DOM作用：开发网页内容特效和实现用户交互（3）DOM树DOM树是什么：将 html 文档以树状结构直观的表现出来，我们称之为文档树或DOM树。

2024-03-07 09:00:00 808

原创 Day5 JS基础-对象

Date 对象和 Math 对象不一样，Date是一个构造函数，所以使用时需要实例化后才能使用其中具体方法和属性。splice() 方法提取字符串的一部分，并将其作为新字符串返回，而不修改原始字符串。注意：如果创建实例时并未传入参数，则得到的日期对象是当前时间对应的日期对象。substr(开始截取下来的索引，截取元素的个数)-------已废弃。concat() ：返回新字符串，不改变原来的字符串。查：对象名.属性或对象名['属性名']增：对象名.新属性名=新属性值。改：对象名.属性名=新属性值。

2024-03-06 09:00:00 1968

原创 Day4 JS基础-函数

' '，0，undefined，null，false，NaN转换为布尔值后都是false，其余则为true。函数表达式：将匿名函数赋值给一个变量，并通过变量名称进行调用，将这个称为函数表达式。方式1 (function() { console.log(11) }) ();方式2 (function() { console.log(11) }() );变量访问的原则：就近原则，在能够访问的情况下先局部，局部没有再找全局。return只能返回一个值，如果想要返回多个值，则用数组的中括号。函数调用：函数名()

2024-03-05 18:46:30 534

原创 Day3 JS基础

数组可以通过索引来访问、设置、修改对应的数组元素，可以通过“数组名[索引]”的形式来获取数组中的元素。字符串的变量名.split(符号)：括号内的特殊符号需要改成字符串中每个元素的分隔符号，才能转换。查找元素的索引，从前向后查找，有相同元素只能返回第一个相同的元素，未找到返回-1。数组名.push(添加的数据)：添加到数组最后面，返回值为添加元素后数组长度。数组名.shift()：删除数组第一个元素，返回值为删除的元素。数组名.pop()：删除数组最一个元素，返回值为删除的元素。

2024-02-28 19:12:34 895

原创 Day2 JS基础

== 左右两边是否类型和值都相等（开发中判断是否相等，强烈推荐使用===）使用 while 循环时一定要注意，它必须要有退出条件，否则会成为死循环。先再执行循环体，再判断，do…== 先把两边数据转换为同一类型，在比较左右两边值是否相等。for(外层初始化变量；for(里层初始化变量；for(初始化变量;while(条件表达式){ //循环体}相等运算符 ==!表达式2 : 表达式3;条件表达式用来判断每次循环是否能够执行。关系运算符 > >= < <=== 左右两边是否不全等。

2024-02-24 09:00:35 1014

原创 Day1 JS基础

是一种运行在客户端（浏览器）的编程语言，实现人机交互效果组成：ECMAScript：js基础语法，比如变量、分支语句等Web APIs：DOM(操作文档)和BOM(操作浏览器)书写位置：内部->script标签写在</body>上面外部->通过script标签，引入到html文件中内联->代码写在标签内部（了解）注释：单行->ctrl+/ 块注释->shift+alt+a输入输出语法：输出->document.write('输出语法')alert('要出的内容')

2024-02-06 14:06:02 482

原创 CSS Day15-less的学习

less：css预处理器

2024-02-02 08:00:00 363

原创 CSS Day13-轮播图&Day14-移动端

轮播图&开发移动端

2024-02-01 08:00:00 1025

原创 CSS Day12-flex布局

flex-basis 基准长度,设置伸缩项目在主轴的基准长度，如果主轴是水平方向，它改变的就是宽，如果主轴是垂直方向，它改变的就是高。space-around 项目之间的距离相等，比边缘的距离大一倍。space-around 均匀分布，两端距离是中间距离的一半。space-around 均匀分布，两端距离是中间距离的一半。space-evenly 均匀分布，两端距离与中间距离一致。space-evenly 均匀分布，两端距离与中间距离一致。

2024-01-31 08:00:00 466 1

转载（超详细）数组方法 — splice( )

数组方法-splice

2024-01-30 13:39:45 36 1

原创 CSS Day11- 动画

normal 默认值从from到to运行，每次都是这样 reverse 从to到from运行，每次都是这样 alternate 从from到to运行，重复执行时动画会反向执行 alternate-reverse 从to到from运行,重复执行时动画反向执行。ease 默认值平滑动画 linear 线性过渡 ease-in 从慢到快 ease-out 从快到慢 ease-in-out 慢快慢 steps 分步执行。过渡和动画类似，动画是页面一加载就直接执行的属性，过渡是必须有触发条件才会执行。

2024-01-30 10:20:07 602 1

原创 CSS Day10

1、将多个图片整合成为一张图，浏览器只需要发送一次请求，就可以同时加载多个图片提高访问效率，提高用户的体验度。属性值：translateX 水平方向的位移相对于自身位置移动。translateY 垂直方向的位移相对于自身位置移动。2、将多个图片整合成一张图，减少了图片的总大小。2、测量每个图片的大小以及图片所在的位置。4、使用背景图位置属性展示每个精灵图。属性名：transform。正值-顺时针，负值-逆时针。3、将精灵图设置为背景图片。1、确定要使用的精灵图。

2024-01-17 19:11:25 728

原创 CSS Day9-CSS新样式

第一个值代表x轴的半径，第二个值代表y轴的半径 background-image: radial-gradient(red 50px, yellow 100px, green 50px);--------------------------------------以下为不常用---------------------------------background-image: radial-gradient(at 水平(50px) 垂直（100px）, red, yellow, green);

2024-01-17 08:46:39 1392

原创 CSS Day6-Day8 浮动和定位

number 数值 step min max属性 step是值数字已多少值为基础朝上或朝下加减，min是值最小值，输入框不允许输入比这个小的值，max是值输入框能够输入的最大值（设置这个值之后input会变小）通过z-index属性可以用来设置元素的层级,可以为z-index指定一个正整数作为值，该值将会作为当前元素的层级，层级越高，越优先显示。：设置偏移量后，元素是相对于（有相对定位的）父元素进行偏移，如果没有相对定位的父元素，则相对于浏览器（html）进行偏移了。

2024-01-12 12:50:57 1046 1

原创 CSS Day5-像素、颜色、字体样式

水平布局： margin-left border-left padding-left width padding-right border-right margin-right。一指定就是同时指定四个边不能分别指定:border-top、 border-right、 border-bottom、 border-left。字体行高 line-height px单位设置：如果想要文字垂直居中，line-height的值需等于line-height的值。

2024-01-10 11:20:29 984 1

原创 CSS Day4-样式、选择器

创建.css文件，使用link标签把css文件引入进来，最佳方法。写在style标签里面，不建议使用太多，否则会造成代码布局混乱。写在style标签里面，写在head里面。01-CSS样式.html。

2024-01-06 09:06:14 468 1

原创 HTML5 Day3-表格、表单、input框等

姓名：<input type="text" />

2024-01-05 11:13:58 542 1

原创 HTML5 Day2-块元素和行内块元素

块元素、行内元素、语义化标签

2024-01-03 17:00:08 701 1

原创 HTML5 Day1-基础元素

DOCTYPE html>**面试题**-- document元素 type类型是HTML5文档类型声明，它告诉浏览器当前文档使用的是HTML5规范。HTML5标准取消了传统的HTML版本号，如HTML 4.01，取而代之的是单一的HTML5规范。因此，在HTML5中，文档类型声明变得更加简单，只需要写即可。-->-- 根元素 -->

2024-01-02 20:35:39 520

原创 Java:为何使用包，如何使用包？

包的作用：便于寻找和使用相同名字的文件；有助于实施访问权限控制。

2023-12-28 08:00:00 364 1

原创 WebAPIs:事件流

获取位置1.获取元素距离自己定位父级元素的左、上距离offsetLefth和offsetTop注意是只读属性。

2023-12-27 08:00:00 2090 1

原创 WebAPIs:事件、环境对象、回调函数

就是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数作出响应，也称为绑定事件或者注册事件，比如鼠标经过显示下拉菜单，比如点击可以播放轮播图等等。鼠标事件：鼠标触发、click鼠标点击、mouseenter鼠标经过、mouseleave鼠标离开。元素对象.addEventListener('事件类型',要执行的函数)事件源.addEventListener(事件，事件处理函数)事件源：那个dom元素被事件触发了，要获取dom元素。文本事件（表单输入触发）：input用户输入事件。

2023-12-26 19:41:20 620 1

原创数据库命令：数据查询语言（DQL）

查询语句执行顺序：from - where -group by - having - select - order by-limit。查询语句书写顺序：select – from- where- group by- having- order by-limit。当需要分组查询时需要使用GROUP BY子句，例如查询每个部门的工资和，这说明要使用部分来分组。查询指定列：select 列名1，列名2，...，列名n from 表名；第二页记录起始行为10，一共查询10行；第一页记录起始行为0，一共查询10行；

2023-12-23 10:00:00 31 1

2301_76534754的博客