- 博客(58)
- 收藏
- 关注
RSS订阅原创 Map集合
Map集合概述interface Map K：键的类型；V：值的类型Map集合的特点双列集合,一个键对应一个值键不可以重复,值可以重复Map集合的基本使用//创建集合对象//V put(K key, V value) 将指定的值与该映射中的指定键相关联map.put("001","林青霞");map.put("002","张曼玉");map.put("003","王祖贤");//map.put("003","柳岩");//输出集合对象HashMap底层是哈希表结构的。
2024-02-04 20:02:47
564
原创 集合-02
不可以存储重复元素没有索引,不能使用普通for循环遍历不可以存储重复元素没有索引可以将元素按照规则进行排序TreeSet()：根据其元素的自然排序进行排序TreeSet(Comparator comparator) ：根据指定的比较器进行排序两种比较方式小结自然排序: 自定义类实现Comparable接口,重写compareTo方法,根据返回值进行排序比较器排序: 创建TreeSet对象的时候传递Comparator的实现类对象,重写compare方法,根据返回值进行排序。
2024-02-04 18:05:49
579
原创 集合-01
Collection集合概述是单例集合的顶层接口,它表示一组对象,这些对象也称为Collection的元素JDK 不提供此接口的任何直接实现.它提供更具体的子接口(如Set和List)实现创建Collection集合的对象多态的方式具体的实现类ArrayListCollection集合常用方法方法名说明添加元素从集合中移除指定的元素根据条件进行移除清空集合中的元素判断集合中是否存在指定的元素判断集合是否为空集合的长度，也就是集合中元素的个数List集合的概述。
2024-02-04 18:03:37
818
原创 时间API及包装类
java.util.Date类 表示特定的瞬间，精确到毫秒。继续查阅Date类的描述，发现Date拥有多个构造函数，只是部分已经过时，我们重点看以下两个构造函数：从运行程序的此时此刻到时间原点经历的毫秒值,转换成Date对象，分配Date对象并初始化此对象，以表示分配它的时间（精确到毫秒）。：将指定参数的毫秒值date,转换成Date对象，分配Date对象并初始化此对象，以表示自从标准基准时间（称为“历元（epoch）”，即1970年1月1日00:00:00 GMT）以来的指定毫秒数。
2024-02-04 12:53:43
817
原创 正则表达式
语法示例：“.” ： 匹配任何字符。“\d”：任何数字[0-9]的简写；“\D”：任何非数字[^0-9]的简写；“\s”： 空白字符：[ \t\n\x0B\f\r] 的简写“\S”： 非空白字符：[^\s] 的简写“\w”：单词字符：[a-zA-Z_0-9]的简写“\W”：非单词字符：[^\w]代码示例：//.表示任意一个字符System.out.println("你".matches(".."));//false。
2024-02-04 12:21:27
910
原创 常见API
Math类所在包为java.lang包，因此在使用的时候不需要进行导包。并且Math类被final修饰了，因此该类是不能被继承的。Math类包含执行基本数字运算的方法，我们可以使用Math类完成基本的数学运算。在API文档中没有体现可用的构造方法，因此我们就不能直接通过new关键字去创建Math类的对象。同时Math类中的方法都是静态的，因此在使用的时候我们可以直接通过类名去调用。在Math类中定义了很多数学运算的方法。System类所在包为java.lang包，因此在使用的时候不需要进行导包。
2024-02-03 20:35:14
601
1
原创 认识Node.js及三个模块
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 的官网地址： https://nodejs.org/zh-cn/终端（英文：Terminal）是专门为开发人员设计的，用于实现人机交互的一种方式。fs 模块是 Node.js 官方提供的、用来操作文件的模块。它提供了一系列的方法和属性，用来满足用户对文件的操作需求。fs.readFile() 方法，用来读取指定文件中的内容fs.writeFile() 方法，用来向指定的文件中写入内容。
2023-08-11 16:58:14
690
1
原创 jQuery事件
在此之前有bind(), live() delegate()等方法来处理事件绑定或者事件委派，最新版本的请用on替代他们。事件委派的定义就是，把原来加给子元素身上的事件绑定在父元素身上，就是把事件委派给父元素。动态创建的元素，click() 没有办法绑定事件， on() 可以给动态生成的元素绑定事件。off() 方法可以移除通过 on() 方法添加的事件处理程序。如果有的事件只想触发一次， 可以使用 one() 来绑定事件。可以绑定多个事件，多个处理事件处理程序。事件被触发，就会有事件对象的产生。
2023-07-27 15:07:37
256
原创 jQueryAPI
语法参数params: 想要更改的样式属性，以对象形式传递，必须写。属性名可以不用带引号， 如果是复合属性则需要采 取驼峰命名法 borderLeft。其余参数都可以省略。speed：三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如：1000)。easing：(Optional) 用来指定切换效果，默认是“swing”，可用参数“linear”。fn: 回调函数，在动画完成时执行的函数，每个元素执行一次。
2023-07-26 18:07:29
237
原创 jQuery基本语法
jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行"操作"（actions）。页面中元素的 id 应该是唯一的，所以您要在页面中选取唯一的元素需要通过 #id 选择器。jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。jQuery 元素选择器基于元素名选取元素。
2023-07-24 14:26:46
247
原创 jQuery简介
jQuery 库可以通过一行简单的标记被添加到网页中。jQuery 是一个 JavaScript 函数库。HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilities除此之外，jQuery 还提供了大量的插件。
2023-07-24 14:06:41
165
原创 JS-本地存储
随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经 常性在本地存储大量的数据，HTML5规范提出了相关解决方案。
2023-07-24 11:39:24
463
原创 JS-动画
如果多个元素都使用这个动画函数，每次都要var 声明定时器。我们可以给不同的元素使用不同的定时器（自 己专门用自己的定时器）。核心原理：利用 JS 是一门动态语言，可以很方便的给当前对象添加属性。核心原理：通过定时器 setInterval() 不断移动盒子位置。缓动动画就是让元素运动速度有所变化，最常见的是让速度慢慢停下来。
2023-07-22 19:44:19
59
原创 元素滚动scroll
如果浏览器的高（或宽）度不足以显示整个页面时，会自动出现滚动条。当滚动条向下滚动时，页面上面被隐藏 掉的高度，我们就称为页面被卷去的头部。滚动条在滚动时会触发 onscroll 事件。scroll 翻译过来就是滚动的，我们使用 scroll 系列的相关属性可以动态的得到该元素的大小、滚动距离等。
2023-07-22 13:15:36
66
原创 元素可视区client
这个事件在页面显示时触发，无论页面是否来自缓存。在重新加载页面中，pageshow会在load事件触发后触发；根据事件对象中的persisted来判断是否是缓存中的页面触发pageshow事件，注意这个事件给window添加。但是 火狐中，有个特点，有个“往返缓存”，这个缓存中不仅保存着页面数据，还保存了DOM和JavaScript的 状态；client 翻译过来就是客户端，我们使用 client 系列的相关属性来获取元素可视区的相关信息。下面三种情况都会刷新页面都会触发 load 事件。
2023-07-22 11:41:46
50
原创 元素偏移量offset
offset 翻译过来就是偏移量， 我们使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）注意： 返回的数值都不带单位。
2023-07-21 17:47:43
56
原创 BOM学习
BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA，DOM 的标准化组织是 W3C，BOM 最初是Netscape 浏 览器标准的一部分。window 对象给我们提供了一个 location 属性用于获取或设置窗体的 URL，并且可以用于解析 URL。
2023-07-21 17:02:42
58
原创 DOM事件
给元素添加事件，称为注册事件或者绑定事件。注册事件有两种方式：传统方式和方法监听注册方式**传统注册方式 **利用 on 开头的事件 onclick特点：注册事件的唯一性同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数方法监听注册方式w3c 标准推荐方式addEventListener() 它是一个方法IE9 之前的 IE 不支持此方法，可使用 attachEvent() 代替特点：同一个元素同一个事件可以注册多个监听器。
2023-07-20 16:51:09
29
原创 DOM学习
文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言（HTML 或者XML）的标准编程接口。W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。JavaScript 使我们有能力创建动态页面，而事件是可以被 JavaScript 侦测到的行为。简单理解： 触发— 响应机制。
2023-07-18 17:23:23
269
原创 Web APIs
比如我们想要浏览器弹出一个警示框， 直接使用 alert(‘弹出’) MDN 详细 API : https://developer.mozilla.org/zh-CN/docs/Web/API 因为 Web API 很多，所以我们将这个阶段称为 Web APIs。**API（Application Programming Interface,应用程序编程接口）**是一些预先定义的函数，目的是提供应用程序 与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。
2023-07-15 11:34:35
205
原创 JS-内置对象
Math 对象不是构造函数，它具有数学常数和函数的属性和方法。跟数学相关的运算（求绝对值，取整、最大值 等）可以使用 Math 中的成员。Math.PI // 圆周率Math.floor() // 向下取整Math.ceil() // 向上取整Math.round() // 四舍五入版 就近取整 注意 -3.5 结果是 -3Math.abs() // 绝对值Math.max()/Math.min() // 求最大和最小值。
2023-07-14 18:50:46
126
原创 JS-预解析
JavaScript 代码是由浏览器中的 JavaScript 解析器来执行的。JavaScript 解析器在运行 JavaScript 代码的时候分为两 步：预解析和代码执行。变量提升（变量预解析）： 变量的声明会被提升到当前作用域的最上面，变量的赋值不会提升。函数提升： 函数的声明会被提升到当前作用域的最上面，但是不会调用函数。预解析会把变量和函数的声明在代码执行之前执行完成。预解析也叫做变量、函数提升。
2023-07-13 16:13:50
101
原创 JS-函数
利用函数关键字 function 自定义函数方式。// 声明定义方式// 调用fn();因为有名字，所以也被称为命名函数调用函数的代码既可以放到声明函数的前面，也可以放在声明函数的后面。
2023-07-13 14:48:01
73
原创 JS-数组
数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组可以通过索引来访问、设置、修改对应的数组元素，我们可以通过“数组名[索引]”的形式来获取数组中的 元素。其中索引号是 4，5，6 的空间没有给值，就是声明变量未给值，默认值就是 undefined。: 就是把数组中的每个元素从头到尾都访问一次（类似我们每天早上学生的点名）。索引 (下标) ：用来访问数组元素的序号（数组下标从 0 开始）。数组中可以存放任意类型的数据，例如字符串，数字，布尔值等。
2023-07-13 11:23:16
151
原创 JS-运算符及流程控制
概念：比较运算符（关系运算符）是两个数据进行比较时所使用的运算符，比较运算后，会返回一个布尔值 （true / false）作为比较运算的结果。顺序结构是程序中最简单、最基本的流程控制，它没有特定的语法结构，程序会按照代码的先后顺序，依次执行， 程序中大多数的代码都是这样执行的。由上到下执行代码的过程中，根据不同的条件，执行不同的路径代码（执行代码多选一的过程），从而得到 不同的结果。如果表达式1为 true ，则返回表达式2的值，如果表达式1为 false，则返回表达式3的值。
2023-07-12 19:20:08
42
原创 JS-数据类型
在计算机中，不同的数据所需占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利 用存储空间，于是定义了不同的数据类型。简单来说，数据类型就是数据的类别型号。比如姓名“张三”，年龄18，这些数据的类型是不一样的。使用表单、prompt 获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算，而需要转换变 量的数据类型。通俗来说，就是把一种数据类型的变量转换成另外一种数据类型。转换为字符串类型转换为数字型转换为布尔型。
2023-07-12 13:38:48
48
原创 JS学习01
浏览器分成两部分：渲染引擎和 JS 引擎渲染引擎：用来解析HTML与CSS，俗称内核，比如 chrome 浏览器的 blink ，老版本的 webkitJS 引擎：也称为 JS 解释器。用来读取网页中的JavaScript代码，对其处理后运行，比如 chrome 浏览器的 V8浏览器本身并不会执行JS代码，而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码。
2023-07-12 11:19:49
32
原创 CSS2D转换
*转换（transform）**是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果。缩放，顾名思义，可以放大和缩小。只要给元素添加上了这个属性就能控制它放大还是缩小。2D移动是2D转换里面的一种功能，可以改变元素在页面中的位置，类似定位。2D旋转指的是让元素在2维平面内顺时针旋转或者逆时针旋转。2D转换是改变标签在二维平面上的位置和形状的一种技术。转换（transform）可以简单理解为变形。我们可以设置元素转换的中心点。
2023-07-11 18:58:18
127
原创 web服务器
我们自己写的网站，目前是放到自己电脑上的，只能自己访问浏览。如果想要很多人访问我们的网站，可以把网站放到服务器上，这样就可以多人访问我们的网站了。服务器（我们也会称之为主机）是提供计算服务的设备，它也是一台计算机。在网络环境下，根据服务器提供的服务类型不同，服务器又分为文件服务器、数据库服务器、应用程序服务器、Web 服务器等。Web 服务器一般指网站服务器，是指驻留于因特网上某种类型计算机的程序，可以向浏览器等 Web 客户端提供文档，也可以放置网站文件，让全世界浏览；可以放置数据文件，让全世界下载。
2023-07-11 16:43:53
38
原创 HTML5和CSS3新特性
HTML5 的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题，基本是IE9+ 以上版本的浏览器才支持，如果不考虑兼容性问题，可以大量使用这些新特性。
2023-07-11 15:32:26
857
原创 CSS学习04
网页中常见一些三角形，使用 CSS 直接画出来就可以，不必做成图片或者字体图标。height : 0;我们用css 边框可以模拟三角效果宽度高度为0我们4个边框都要写， 只保留需要的边框颜色，其余的不能省略，都改为 transparent 透明就好了为了照顾兼容性 低版本的浏览器，加上 font-size: 0;
2023-07-11 11:20:42
179
原创 CSS定位
绝对定位是元素在移动位置的时候，是相对于它祖先元素来说的。选择器 {完全脱标—— 完全不占位置；父元素没有定位，则以浏览器为准定位（Document 文档）。父元素要有定位元素将依据最近的已经定位（绝对、固定或相对定位）的父元素（祖先）进行定位。绝对定位的特点总结1.如果没有祖先元素或者祖先元素没有定位，则以浏览器为基准定位（Document 文档）。2.如果祖先元素有定位（相对、绝对、固定定位），则以最近一级的有定位祖先元素为参考点移动位置。3.绝对定位不再占有原先的位置。
2023-07-10 14:21:31
71
原创 css浮动
float 属性用于创建浮动框，将其移动到一边，直到左边缘或右边缘触及包含块或另一个浮动框的边缘。选择器 {float : 属性值;
2023-07-09 15:32:59
24
原创 css三大特性及盒子模型
当上下相邻的两个块元素（兄弟关系）相遇时，如果上面的元素有下外边距 margin-bottom，下面的元素有上外边距 margin-top ，则他们之间的垂直间距不是 margin-bottom 与 margin-top 之和。 对于两个嵌套关系（父子关系）的块元素，父元素有上外边距同时子元素也有上外边距，此时父元素会塌陷较大的外边距值。继承的权重是0， 如果该元素没有直接选中，不管父元素权重多高，子元素得到的权重都是 0。使用 margin 定义块元素的垂直外边距时，可能会出现外边距的合并。
2023-07-09 11:56:32
80
原创 CSS02
Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法。 快速生成HTML结构语法 快速生成CSS样式语法 在 CSS 中，可以根据选择器的类型把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器之上，对基本选择器进行组合形成的。 复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的，可以更准确、更高效的选择目标元素（标签）后代选择器、子选择器、并集选择器、伪类选择器等等。
2023-07-08 17:42:42
24
原创 CSS01
CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。有时我们也会称之为 CSS 样式表或级联样式表。CSS 是也是一种标记语言，主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。CSS 让我们的网页更加丰富多彩，布局更加灵活自如。简单理解：CSS 可以美化 HTML , 让 HTML 更漂亮， 让页面布局更简单。
2023-07-08 15:02:44
23
原创 html标签02
标签用于定义描述列表（或定义列表），该标签会与 （定义项目/名字）和 （描述每一个项目/名字）一起使用。语法如下：名词1名词1解释1名词1解释2
2023-07-07 17:43:36
25
原创 html-网页相关
网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。网页是网站中的一“页”，通常是HTML 格式的文件，它要通过浏览器来阅读。网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm或.html后缀结尾的文件，因此将其俗称为HTML 文件。HTML指的是超文本标记语言 (Hyper Text Markup Language)，它是用来描述网页的一种语言。
2023-07-06 17:38:06
25
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人