- 博客(55)
- 收藏
- 关注
RSS订阅原创 了解计算机
世界上第一台电子计算机是个庞然大物：重30余吨，占地约170平方米，肚子里装有18000只电子管。它是1946年2月14日，在美国宾夕法尼亚大学诞生的。
2025-04-08 20:32:28
645
原创 正则表达式（一）
修饰符 u 表示启用正则表达式中对 Unicode 的支持。4 个字节长的字符被以正确的方式处理：被看成单个字符，而不是 2 个 2 字节长的字符。Unicode 属性可以被用于查找：\p{…}。有了 unicode 属性我们可以查找给定语言中的词，特殊字符（引用，货币）等等。四、锚点：字符串开始 ^ 和末尾 $插入符号 ^ 和美元符号 $ 在正则表达式中具有特殊的含义。它们被称为“锚点”。插入符号 ^ 匹配文本开头，而美元符号 $ 则匹配文本末尾。let str = “张三”
2025-04-08 20:25:56
755
原创 基本引用类型——Date
Data类型将日期保存为自协调世界时间， 时间 1970 年 1 月 1 日午夜（零时）至今所 经过的毫秒数。使用这种存储格式，Date类型可以精确表示 1970 年 1 月 1 日之前及之后 285616 年的日期。使用new操作符来调用Data构造函数在不给 Date 构造函数传参数的情况下，创建的对象将保存当前日期和时间。要基于其他日期和时 间创建日期对象，必须传入其毫秒表示（UNIX 纪元 1970 年 1 月 1 日午夜之后的毫秒数）。
2025-04-07 17:05:58
884
原创 变量与作用域
变量 : 原始值（最简单的数据）、引用值（多个值构成的对象）原始数据类型： Undefined、Null、Boolean、Number、String 和 Symbol。引用数据类型：Object、Array、function。
2025-04-07 11:19:01
1076
原创 隐式类型转换
所谓类型转换就是将一种数据类型转换为另一种数据类型。在编译或者运行时，会发生自动转换类型，这种称之为隐式转换，当我们使用一些其他的方法来进行转换时，这种就叫做显示转换。装箱意味着将原始类型转换为引用类型，即创建包装类型。在JS当中引入了三种特殊的类型Number、String、Boolean，我们称其为包装类型。将引用类型转换为原始数据类型，在拆箱过程中会遵循ECMAScript规定的toPrimitive原则,对引用类型进行转换。toPrimitive函数toPrimitive方法是在引用类型转换为原
2025-04-03 10:05:56
457
原创 合并空值运算符??
合并空值运算符提供一种从列表中选择第一个"已定义"的值的简便方式，用于为变量分配默认值。??运算符的优先级非常低，仅略高于?和 =，因此在表达式中使用它时请考虑添加括号。如果没有明确添加括号，不能将其与 || 或 && 一起使用。
2025-04-02 19:31:26
300
原创 JS数组方法
JavaScript 数组的大小是可调整的，并且可以包含不同。（当不需要这些特性时，请使用。注：JavaScript 类型数组是类似数组的对象，它提供了一种在内存缓冲区中读取和写入原始二进制数据的机制。JavaScript 数组不是关联数组，因此不能使用任意字符串作为索引来访问数组元素，但必须使用非负整数（或其各自的字符串形式）作为索引来访问。
2025-03-26 20:07:29
862
原创 不使用数组方法反转数组
说到反转数组，有js基础的小伙伴可能顺势就想到使用反转数组的方法reverse()来对数组元素进行反转，那么在不使用数组方法的情况下如何去反转一个数组呢？那么接下来我们就来看一下具体的代码实现。
2025-03-19 16:04:25
114
原创 使用Sass封装倍图混合器
Sass封装倍图混合器是一种方便的工具，用于在编写CSS时处理高清适应性图片。倍图混合器可以实现自动地为不同分辨率的设备生成适当的背景图片。通过使用这个混合器，我们可以避免手动编写多个CSS规则来适应不同的设备像素比。在使用Sass封装倍图混合器时，我们只需要在Sass文件中定义一个背景图片的变量，然后使用这个变量作为参数来调用混合器。混合器会自动根据设备的像素比来生成相应的CSS规则。这使得我们可以轻松地在代码中使用高清图片，而无需手动管理不同设备的适应性。
2024-12-29 21:05:39
645
原创 HTML基础及标签的学习
本节内容我们开始学习HTML的基础知识，了解HTML的基本结构，以及一些标签及其属性。那么就让我们开始今天的学习吧！其他文档声明：https://www.w3.org/QA/2002/04/valid-dtd-list.html语言设置（写在html标签上）：lang=“en”html lang属性用于指定网页的语言，如zh-CN代表简体中文，对搜索引擎优化有积极影响。它区分不同区域的语言变体，如zh-TW代表繁体中文。W3School和W3C提供了语言和国家/地区代码的参考手册。1）第一种写法（语言
2024-12-06 15:07:00
448
1
原创 CSS制作字体炫彩效果
本节内容主要来讲解一下炫彩字体的实现，主要通过使用 background-clip以及background-position来实现，那么话不多说开始本节内容的学习吧！/*添加动画animation：动画名 动画持续时间 匀速 循环播放 */那么本节内容就到此结束了，希望本篇博客对您有所帮助，我们下一节内容再见。/*通过background-clip属性按照文字轮廓裁剪*//*设置字体颜色为透明色*//*设置盒子的背景颜色*//*设置字体大小*/
2024-12-05 17:21:37
853
原创 不一样的CSS(4)--icon图标系列之svg
SVG 意为可缩放矢量图形（Scalable Vector Graphics）。SVG 是一种用于描述二维图形的 XML 标记语言，与位图图像不同，SVG图像以文本形式存储，并且可以缩放到任意大小而不会失真，因为它们基于数学描述而不是像素。SVG 图形是可伸缩的，无需分辨率依赖，这意味着它们可以在不失真的情况下被放大或缩小。SVG 广泛应用于网页设计、图标制作、数据可视化和其他图形相关的领域。简单来说就是我们可以通过svg来制作图标，网页的设计，以及数据的可视化，并且图片放大缩小不会失真。
2024-12-05 15:23:10
1730
原创 在学习HTML之前你需要知道什么？
本篇内容主要讲解了计算机的基础知识，五大浏览器以及浏览器内核的介绍，HTML编译软件的使用，VS code的安装及插件的使用。
2024-12-04 20:33:23
683
原创 让一个盒子垂直水平居中的方式有哪些？
这里子元素设置了宽高，所以宽高会按照我们的设置来显示，但是实际上子级的虚拟占位已经撑满了整个父级，这时候再给它一个margin：auto它就可以上下左右都居中了。父级设置为相对定位，子级绝对定位 ，并且四个定位属性的值都设置了0，那么这时候如果子级没有设置宽高，则会被拉开到和父级一样宽高。这种方案不要求父元素的高度，也就是即使父元素的高度变化了，仍然可以保持在父元素的垂直居中位置，水平方向上是一样的操作。当设置left、top为50%的时候，内部子元素为方块2的位置。初始位置为方块1的位置。
2024-12-03 18:54:47
306
原创 CSS 函数
本节内容，我们来讲解一下CSS当中的函数，众所周知函数我们只有在JS当中使用最多，那么你有了解过css函数吗？CSS函数是一种在CSS样式表中使用的特殊语法结构，用于处理和计算样式属性的值。它们可以接受输入参数，并根据这些参数返回不同的值。那么接下来我们就来学习一下css当中的函数吧！calc()与自定义属性混合使用可以发挥出他最大的作用。
2024-12-03 17:16:03
1178
原创 CSS动画案例6
本节内容我们来仿照一个网站（戳我进网站）的进入页面时的doing动画部分，首先是大标题从最小变为最大，然后是副标题从下向上走，最后是按钮的抖动。
2024-12-02 20:21:09
454
原创 CSS动画案例5
本节内容我们继续来讲解一下，css当中的动画案例，如下图所示：首先呢就是划入以后图片渐变为另外一张图片，并且有放大效果，第二个效果是划入以后下面的价格隐藏，出现标题，第三个就是划入描述文字以后文字变为红色。
2024-12-02 19:49:26
638
原创 CSS动画案例4
今天我们继续来看下一个CSS动画案例，这个案例主要是图片以及文本进入时的一个动画状态，以及划入显示背景颜色，交互效果与第一次交互的效果类似，那么我们现在就开始学习吧。那么开始今天的学习吧!
2024-12-01 19:48:10
966
原创 CSS动画案例3
今天我们继续来制作网页中常见的CSS动画案例，今天要讲的案例是一个进入页面图标依次显示，划入盒子，图标旋转360度，如下图所示。那么开始今天的学习吧!本篇博客仿照一个绿色手机网站制作一些动画效果，网站参考（http://www.jqueryfuns.com/resource/view/1567）
2024-11-29 11:35:22
792
原创 css动画案例
本篇博客仿照一个绿色手机网站制作一些动画效果WebApp - 绿色手机软件官网模板 App Saas网站HTML模板 - 在线预览。
2024-11-27 20:28:44
324
原创 滚动的轮胎css3动画案例
本节内容我们来制作一个轮胎滚动的案例，可以当作一个loading,其中我们的轮胎是纯css完成的，那么我们看下图所示，就是我们今天要讲的案例。
2024-11-27 19:34:29
316
原创 3D导航案例
本节内容我们来讲解一下，3D导航案例，主要运用到了css3中的3D以及过渡效果，效果如下展示，那么我们开始来学习使用css3来制作一个3D导航效果吧！
2024-11-26 17:27:00
626
原创 不一样的CSS(二)
上一节内容我们主要及讲解了一下，使用css来制作一些规则与不规则图像，主要包含了三角形，五角星，六角形，十二角星，半圆，四分之一圆等等。那么本节内容我们就来开始做一些，简单的icon图标，那么首先我们先来看一下上一节内容结尾部分的图片是如何制作的吧。
2024-11-18 11:03:59
1244
原创 解决网络路径图片加载不出来的问题
网络问题：请检查网络连接是否正常，尝试重新加载页面或刷新页面。图片路径错误：请确认图片路径是否正确，包括文件名、文件类型和文件夹路径。文件权限问题：如果图片所在的路径需要权限访问，请检查当前用户是否具有访问权限。图片不存在：请确认图片是否存在于指定路径中，并检查文件名是否正确。图片格式不支持：请确保图片格式是常见的格式，如JPEG、PNG等，某些浏览器可能不支持某些格式。图片加载速度过慢：如果图片文件太大或网络速度较慢，可能需要等待更长时间才能加载出来。 如果以上方法都无法解决问题，可
2024-11-13 19:44:03
720
1
原创 解决table下tr或td选中不生效的问题
这里我们的结构是table标签下的tr，tr当中的td第二个td单元格让其变为红色，大家来看一下我们的选择器是否有问题，看起来并没有什么问题，那么为什么第二列的单元格没有变成红色呢？根据上图所示，我们可以猜到，因为我们的代码当中实际并没有tbody标签，所以在我们选择的时候选择器出问题了，那么只要将我们的选择器添加上tbody标签就可以了。那么我们再来刷新浏览器就会得到想要的结果了，如下图所示。解决table下tr或td选中不生效，页面刷新无效果。
2024-11-13 19:13:27
497
1
原创 不一样的CSS（一）
首先icon图标呢，需要很多不规则图形，进行拼凑，扭曲，旋转，圆角等等，那么我们先来介绍一下常用的不规则图形（这里我们来介绍一下常用的，但是不仅限于此，后面会进行补充）。
2024-11-10 20:16:39
1276
1
原创 CSS画icon图标系列（一）
CSS是一种强大且灵活的样式语言，可以通过控制样式的各种属性来实现对网页的精确控制，使网页更具有吸引力和可读性。所以我们可以利用CSS来做我们的一些icon图标，灵活运用CSS中旋转，拉伸，扭曲裁剪，伪元素选择器，实现icon小图标。
2024-11-05 11:29:19
1500
1
原创 vue面试题
在软件开发中，缓存组件是提高应用程序性能和响应速度的重要手段。特别是在前端框架如Vue.js中，缓存组件的技术被广泛使用。下面将详细介绍如何缓存当前组件、缓存后的更新机制，以及我对Vue.js中keep-alive组件的理解。Vue的修饰符为开发者提供了丰富的工具来增强指令的功能，使其更加灵活和高效。在实际开发中，根据具体需求选择合适的修饰符，可以大大提高开发效率和用户体验。
2024-10-12 21:44:52
622
1
原创 VUE面试题（单页应用及其首屏加载速度慢的问题）
首屏加载时间（First Contentful Paint），就是指的是当用户输入完网址地址，到首屏内容渲染完成的时间。SPA 单页面应用也就是（Single-Page Application），他是指只有一个主页面的应用，一开始只需要加载一次 js、css 等相关资源。所有内容都包含在主页面，对每一个功能模块组件化。单页应用跳转，就是切换相关组件，仅仅刷新局部资源，这个就是单页面应用的概念。
2024-09-20 20:10:08
1535
1
原创 Vue的学习(三)
在Vue 2中，过滤器（Filters）是一种非常有用的功能，它允许开发者对模板中的文本进行格式化处理。这些过滤器可以被视为一种特殊的函数，它们接收一个或多个参数（通常是模板中的文本值），并返回处理后的文本。局部过滤器：这些过滤器定义在Vue实例的filters选项中。它们只在该Vue实例的模板中可用。全局过滤器：通过方法定义的过滤器可以在任何Vue实例的模板中使用。这种过滤器在应用范围内是全局可访问的。
2024-09-12 10:34:28
1047
2
原创 Vue的学习（二）
数据发生变化会影响到视图 而v-bind绑定的数据视图变化 而数据不受影响 这就是单向的数据v-model 双向数据绑定 数据改变则视图发生变化 视图改变 则数据响应发生变化代码展示。
2024-08-04 21:39:31
1382
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人