- 博客(40)
- 收藏
- 关注
RSS订阅原创 JavaScript笔记9-节点操作
它只返回子元素节点，其余节点不返回，且各个浏览器支持兼容。node.insertBefore() 方法将一个节点添加到父节点的指定子节点前面。previousSibling 返回当前元素上一个兄弟元素节点，找不到则返回null。nextSibling 返回当前元素的下一个兄弟元素节点，找不到则返回null。parentNode.childNodes 返回值里面包含了所有的子节点，包括元素节点，文本节点等。1. 如果括号参数为空或者为 false ，则是浅拷贝，即只克隆复制节点本身，不克隆里面的子节点。
2022-09-18 16:01:50
738
3
原创 JavaScript笔记8-DOM中的事件、获取元素、操作元素
1.API和Web API其中，DOM和BOM才能使我们与网页进行交互，统称为Web APIs。Web APIs标准由w3c规定。API（应用程序编程接口）：API就是给程序员提供的一种接口，是一些预先定义的函数，程序员只需要简单地调用这些函数就可以完成复杂的工作。Web API：针对于浏览器提供的接口，主要针对浏览器做交互效果。2.DOM简介DOM：文档对象模型（Document Object Model），是 W3C 组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。
2022-09-09 23:05:57
1859
原创 Java笔记13—控制语句（分支、循环、转向）
对于if语句来说，在任何情况下只能有1个分支执行，不可能存在2个或者更多个分支执行。为什么要使用循环：循环语句的出现就是为了解决代码的复用性。同的代码重复出现的时候，可以使用循环语句。判断布尔表达式的结果，如果为true就执行循环体，直到布尔表达式结果为false，结束。3、要求成绩是一个合法的数字，成绩必须在[0-100]之间，成绩可能带有小数。3、要求成绩是一个合法的数字，成绩必须在[0-100]之间，成绩可能带有小数。break语句是一个单词成为一个完整的java语句，continue也是这样。...
2022-08-14 17:08:46
557
原创 Java笔记12—接收用户键盘输入
其中 java.util.Scanner s = new java.util.Scanner(System.in)是创建一个键盘扫描器对象。s是变量名可以修改,其它都不能改。
2022-08-12 17:21:51
2569
原创 Java笔记11—运算符（算数、关系、逻辑、赋值、条件）
只有当既需要左边表达式执行，又需要右边表达式执行的时候，才会选择逻辑与&。注：所有的关系运算符的运算结果都是布尔类型，不是true就是false。①赋值运算符“=”右边优先级比较高，先执行右边的表达式，然后将表达式执行结束的结果赋值给左边。短路或||：当左边的表达式结果是true的时候，右边的表达式不需要执行，此时会短路。短路与&&：当左边的表达式为false的时候，右边的表达式不执行。关系运算符：> >= < ...
2022-08-12 16:45:17
563
原创 Java笔记10—数据类型（下）
1.字符型char1.字符型char2.转义字符3.整数型byte short int long注：1个字节 = 8个二进制位（1byte = 8bit）3.1自动类型转换小容量可以自动转换成大容量，这种操作被称为：自动类型转换。在任何情况下，整数型的“字面量/数据”默认被当做int类型处理。如果希望该“整数型字面量”被当做long类型来处理，需要在“字面量”后面添加L/l，建议使用大写L。b变量是long类型，int类型占4个字节，long类型占8个字节。............
2022-08-11 22:59:23
935
原创 Java中二进制的原码反码补码
2、计算机在底层存储数据的时候，一律存储的是“二进制的补码形式”。int类型的4个字节的150的二进制码是：00000000 00000000 00000000 10010110。将以上的int类型强制类型转为1个字节的byte，最终在计算机中的二进制码是：10010110。对应的二进制原码：00000000 00000000 00000000 00000001。对应的二进制补码：00000000 00000000 00000000 00000001。来说：二进制原码、反码、补码的关系。..........
2022-08-11 21:03:17
1022
原创 JavaScript学习笔记7—内置对象
函数的形参也可以看做是一个变量，当我们把一个值类型变量作为参数传给函数的形参时，其实是把变量在栈空间里的值复制了一份给形参，那么在方法内部对形参做任何修改，都不会影响到的外部变量。函数的形参也可以看做是一个变量，当我们把引用类型变量传给形参时，其实是把变量在栈空间里保存的堆地址复制给了形参，形参和实参其实保存的是同一个堆地址，所以操作的是同一个对象。核心算法输入的时间减去现在的时间就是剩余的时间，即倒计时，但是不能拿着时分秒相减，比如05分减去25分，结果会是负数的。...
2022-07-22 23:24:49
199
原创 JavaScript学习笔记6—作用域和对象
目录1.作用域2.变量的作用域3.作用域链（就近原则）4.预解析5.创建对象5.1 方法一：利用字面量创建对象5.2 变量、属性、函数、方法的区别5.3 方法二：利用 new Object 创建对象5.4 方法三：使用构造函数创建对象6.构造函数和对象区别7.new关键字8.遍历对象属性 作用域：通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。JavaScript (ES6
2022-07-04 13:54:42
535
原创 JavaScript学习笔记5—数组和函数
目录1.创建数组Array1.1利用new创建数组1.2利用数组字面量创建数组1.3索引号2.遍历数组3.数组案例-求和4.数组案例-求最大值5.案例-数组转字符串6.新增数组元素7.删除数组元素8.翻转数组9.冒泡排序10.函数的概念11.函数的使用11.1声明和调用11.2函数的封装12.函数的参数13.函数的返回值13.1 return 语句13.2 return 终止函数13.3 break ,continue ,return 的区别14.arguments的使用15.函数案例数组的好处：可以存储多
2022-07-03 23:14:31
240
原创 JavaScript学习笔记4—顺序、分支和循环
目录1.流程控制2.顺序流程控制3.分支流程控制3.1 if 语句3.2 if else语句（双分支语句）3.3 if else if 语句(多分支语句)3.4 三元表达式3.5 switch语句4.循环流程控制4.1 for循环4.2 while循环4.3 do while循环4.4 continue break流程控制就是来控制我们的代码按照什么结构顺序来执行。流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构，这三种结构代表三种代码执行的顺序。顺序结构是程序中最简单、最基本的流程控制，它没有特
2022-07-03 21:43:53
385
原创 Web前端开发之CSS学习笔记11—文本格式和动画设计
目录1.文本对齐text -align2.保留空白字符white-space3.设置文本方向direction4.设置文本缩进text-indent4.设置字符间距letter-spacing6.设置行高line-height7.纵向对齐文本vertical-align8.创建文本阴影text-shadow9.控制断词word-break10.控制文本溢出11.装饰文本text-decoration12.转换大小写text-transform13.字体font14.过度transition14.1过渡延迟t
2022-06-17 22:04:35
275
原创 JavaScript学习笔记3—数据类型和运算符
目录一、数据类型1.变量的数据类型2.数据类型的分类3.数字型（数值型） Number3.1数字型进制3.2数字型范围3.3 数字型三个特殊值3.4非数字类型isNaN()4.字符串型 String4.1字符串引号嵌套4.2字符串转义符4.3字符串长度4.4字符串拼接4.5案例5.布尔型 Boolean6.Undefined 和 Null7.检测数据类型8.数据类型转换8.1转换为字符串8.2转换为数字型8.3案例9.转换为布尔型10案例二、运算符1.算术运算符1.1算术运算符概述1.2浮点数的精度问题1.
2022-06-07 15:17:45
510
原创 JavaScript学习笔记2—变量
目录1.变量概述2.变量的使用①声明变量②赋值③变量的初始化④更新变量 ⑤同时声明多个变量⑥声明变量的特殊情况变量是用于存放数据的容器。我们通过变量名获取数据，甚至数据可以修改。本质：变量是程序在内存中申请的一块用来存放数据的空间。变量在使用时分为两步：1. 声明变量 2. 赋值var 是一个 JS关键字，用来声明变量( variable 变量的意思 )。使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管。age 是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间。“=”用来把
2022-06-04 12:48:16
198
原创 Web前端开发之CSS学习笔记9—弹性盒布局
目录弹性盒子布局1.生成弹性盒子（1）display:flex弹性盒布局（2）display:inline-flex内联块级弹性盒布局2.flex-wrap换行（1）flex-wrap:wrap换行（2） flex-wrap:wrap-reverse换行并反向排序3.flex-direction元素排列方向（1）flex-direction: column垂直排序（2）flex-direction:column-reverse垂直反向排序（3）flex-direction: column导航栏横纵变换4.f
2022-06-04 06:55:26
902
原创 JavaScript学习笔记1—JS位置、注释、输入输出
目录1.JavaScript相关了解1.1JavaScript含义1.2JavaScript 的作用1.3HTML/CSS/JS 的关系1.4浏览器执行JS1.5JS 的组成2.JavaScript的位置2.1 JS行内式2.2 JS内嵌式2.3 外部JS文件3.JS注释4.JS的输入和输出语句4.1 prompt()用户输入框4.2 alert() 弹出警示框4.3 console.log()控制台HTML/CSS 标记语言--描述类语言：JS 脚本语言--编程类语言：浏览器分成两部分：渲染引擎和 JS
2022-06-01 11:49:23
251
原创 Web前端开发之CSS学习笔记10—栅格布局（网格布局）
目录【网格布局grid】1.网格布局的构成 2.父容器grid container3.生成网格容器 display:grid/inline-grid4.构建网格 grid-template-columns/grid-template-rows（1）grid-template-columns（2）grid-template-rows5.定位空间 grid-template-areas和grid-area4.设置间隙grid-gap5.网格对齐方式（1）justify-content ：区域内容的水平对齐（2）
2022-05-30 22:04:22
4527
原创 Web前端开发之CSS学习笔记8—居中和自适应
目录1.居中1.1水平居中1.2垂直居中2.单列布局3.双列布局3.1双列自适应3.2半边固定半边自适应3.三列布局3.1浮动法3.2绝对定位法3.3margin负值法4.经典布局4.1双飞翼布局4.2圣杯布局4.3瀑布流布局1.居中①文本水平居中：text-align: center;②文本垂直居中line-height：line-height是一种文本属性，指示行高，浏览器默认的行高较小，通常使段落文字显得比较密集，增加行高可以
2022-05-24 23:03:27
1968
原创 Web前端开发之CSS学习笔记7—多列布局
目录1.column-count：指定列数2.column-gap：指定的列之间的差距3.column-rule：设置列之间的宽度，样式和颜色4.column-width：指定列的宽度5.column-span：指定横跨列数6.columns：设置列宽和列数7.column-fill：指定如何填充列多列布局的属性：属性 说明 column-count 指定列数 column-width 指定列宽 columns column-wid.
2022-05-20 11:31:55
963
原创 Web前端开发之CSS学习笔记6—BFC（块级格式化上下文）
1. BFC：块级格式化上下文（Block Formatting Contexts）我们常说的文档流其实分为==定位流、浮动流和普通流==三种。而普通流其实就是指BFC中的FC。FC是formatting context的首字母缩写，直译过来是格式化上下文，它是页面中的一块渲染区域，有一套渲染规则，决定了其子元素如何布局，以及和其他元素之间的关系和作用。例子：BFC的对齐方法<!DOCTYPE html><html> <head> <me..
2022-05-10 14:03:53
160
原创 Web前端开发之CSS学习笔记5—溢出、浮动、层叠
位置1.解决溢出问题overflowoverflow 属性规定当内容溢出元素框时发生的事情。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。语法：overflow:visible|hidden|scroll|auto|inherit;值 说明 visible 默认值。内容不会被修剪，会呈现在元素框之外。 hidden 内容会被修剪，并且其余内容是不可见的。 scroll..
2022-05-09 17:04:00
918
原创 Web前端开发之CSS学习笔记4—边框、边距、元素尺寸
边界border边框语法：border:border-width|border-style|border-color;border-width：规定边框的宽度border-style：规定边框的样式border-color：规定边框的颜色例子：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>边界</title> &
2022-05-03 21:37:38
7534
原创 Web前端开发之CSS学习笔记3—颜色和背景
目录1.CSS的颜色表达1.1前景色color1.2背景色background-color2.背景2.1 background-image:url()设置背景图;2.2 background-repeat属性设置是否及如何重复背景图像2.2.1 background-repeat: no-repeat设置背景图不重复2.2.2 background-repeat: space / repeat-x的区别2.3background-position属性设置背景图像的..
2022-04-30 15:48:08
2752
原创 Web前端开发CSS学习笔记2—五大类选择器
CSS选择器分类—五大类：基本、复合、伪元素、伪类、属性选择器：第一类：基本选择器1.通用选择器2.元素选择器3.类选择器4.id选择器
2022-04-29 22:11:12
1608
原创 Web前端开发—html基础（3）
十 表单1 简单的表单示范2 自动填充表单——autocomplete3 指定目标显示位置4 设置默认值——value5 自动聚焦——autofocus6 禁用元素——disabled7 禁止修改——readonly8 将文本包裹起来——label元素9 label里面的for元素10 fieldset元素——可以将表单内相关元素进行分组11 legend元素——为fieldset定义说明文字...
2022-04-12 22:42:29
1847
原创 Web前端开发 -- HTML基础（2）
接上六、javascipt 脚本语言1 定义文档内嵌脚本内嵌脚本：在html文件里直接写script脚本语句：<script type="text/javascript">document.write(" ");</script>例1.文档内嵌脚本<!DOCTYPE html><html> <head> <meta charset="utf-8"> <...
2022-04-11 22:19:25
634
原创 Web前端开发 — HTML基础（1）
基本介绍——Web开发：前端+后端——前端开发学习基本内容：CSS(样式)+HTML（语义）+JSHTML是网页的结构和内容，CSS是美化。
2022-04-10 22:11:19
1462
原创 Java入门学习笔记9——数据类型（上）
一、数据类型相关基础1.1 数据类型作用数据类型用来声明变量，程序在运行过程中根据不同的数据类型分配不同大小的空间。int i = 10;double d = 1.23;i变量和d变量类型不同，空间大小不同。1.2 数据类型在java语言中分类第一种：基本数据类型（8小种）基本数据类型又可以划分为4大类8小种：第1类：整数型byte,short,int,long （没有小数的）第2类：浮点型float,double （带有小数的）第3类：布尔型bo
2022-03-02 11:14:23
95
原创 Java入门学习笔记7——标识符与关键字
目录一、标识符1.什么是标识符2.标识符的命名规则3.标识符命名规范二、关键字1.什么是关键字2.关键字大小写3.关键字有哪些一、标识符1.什么是标识符①标识符：凡是程序员自己有权利命名的单词都是标识符。②可以标识：类名方法名变量名接口名常量名public class BiaoShiFuTest{ // BiaoShiFuTest是类名 // main是一个方法的名称，属于标识符。但是这个标识符不能修改，因为这个main是SUN固定
2021-12-12 22:08:08
429
原创 Java入门学习笔记5——环境配置及运行相关补充
目录1.Java文件运行过程的执行原理2.JAVA_HOME3.classpath回顾：到目前为止，学了配置环境变量path，并且这个环境变量path和java实际上没关系，是windows操作系统的机制。1.Java文件运行过程的执行原理以HelloWorld.javaHelloWorld.class为例运行E:\Java学习\JavaProjects\JavaSE>javaHelloWorld第一步：会先启动JVM（java虚拟机）第二步：JVM启动之后，.
2021-12-10 10:24:10
593
原创 Java入门学习笔记4——运行报错及解决方法
对E:\Java学习\JavaProjects\JavaSE\Hello.java路径下的Hello.java进行编译和运行。结果编译正常，运行报错。排除一系列可能报错原因：环境变量已配置成功 DOS窗口javac -version、java -version可正常运行 代码无语法书写错误 代码里并没有写包 编译正常 运行路径无误最终发现：可能是classpath配置的路径前没有加“.;”，改正。改正过来后可以正常运行！...
2021-12-08 08:05:45
292
原创 Java入门学习笔记3——环境变量path、编译、运行
1.环境变量配置必须配置好环境变量，才可以进一步进行编译和运行Java代码。DOS窗口测试用于编译的javac命令是否可用：D:\JDK11\bin\javac.exe未配置环境变量前，指定在jdk的bin路径下运行javac，javac命令是可行的。 但是如果不在此安装目录下，如：C:\Users\Administrator>javac，则显示'javac' 不是内部或外部命令，也不是可运行的程序或批处理文件。因为windows操作系统没有发现“javac.exe”命令在哪里。由此
2021-12-07 21:51:50
457
原创 Java入门学习笔记2——Java基础知识（2021.12.06）
1.计算机编程语言发展史2.JavaSE、JavaEE、JavaME的关系……
2021-12-06 21:20:36
198
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人