- 博客(38)
- 收藏
- 关注
RSS订阅原创 vue.js
它会将组件的状态映射到虚拟DOM树上，在数据变化时，Vue.js会通过比较新旧虚拟DOM树的差异，然后只更新必要的部分，从而减少了DOM操作，提升了页面渲染的速度。Vue.js拥有一个庞大而活跃的生态系统，包括官方维护的路由器（Vue Router）、状态管理工具（Vuex）、测试工具（Vue Test Utils）等，以及大量的第三方库和插件，为开发者提供了丰富的选择。Vue.js的设计理念是渐进式的，开发者可以根据自己的需求选择性地引入Vue.js的功能。接下来，可以开始编写Vue组件。
2024-04-21 19:46:14
408
原创 node.js
这只是一个简单的示例，但它展示了如何使用Node.js和Express框架创建一个基本的Web服务器。Node.js拥有丰富的生态系统，提供了各种模块和工具，可帮助您进行开发和构建各种类型的应用。您可以从Node.js官方网站（https://nodejs.org）下载适用于您操作系统的安装包，并按照提示进行安装。创建和编辑代码文件：使用您喜欢的文本编辑器创建一个新的JavaScript文件（例如，server.js），并开始编写您的Node.js代码。
2024-04-14 20:26:52
328
原创 使用vue制作一个计算器
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title></title><link rel="stylesheet" href="styles.css"></head>&l
2024-04-07 19:37:54
483
原创 使用 js制作轮播样式
轮播图是网站中常用的一个组件，可以用来展示多张图片或者其他媒体内容。在这篇博客中，我们将介绍如何使用 JavaScript 实现一个简单的轮播图组件。
2024-03-29 13:49:13
190
原创 Web使用基础
设计页面布局： 首先，我们需要设计一个合适的页面布局，以便管理员可以方便地导航和操作不同的功能模块。通过设计合适的页面布局、创建数据库连接和执行数据库查询，我们可以制作一个功能强大的后台管理系统页面。这样的系统可以让管理员轻松管理和操作系统中的数据。查询数据库数据： 一旦与数据库建立了连接，我们就可以执行SQL查询语句来获取所需的数据。在后台管理系统中，常见的操作包括显示数据列表、添加新数据、编辑数据和删除数据。创建数据库连接： 为了从数据库中获取数据，我们需要先建立与数据库的连接。
2024-03-25 08:48:16
271
原创 Vue.js动画
在上面的示例中，我们使用了组件将要过渡的元素包裹起来，并通过name属性指定了过渡的类名前缀为"fade"。在上面的示例中，我们使用了与过渡相同的组件，并使用name属性指定了动画的类名前缀为"fade"。然后，我们在CSS中定义了这些动画类的样式，包括最终状态和动画效果。Vue.js动画是指在Vue组件中通过添加/移除CSS类或应用CSS过渡/动画效果来实现的视觉效果。enter：在元素插入时生效，可以在这里设置元素的最终状态和动画效果。leave：在元素移除时生效，可以在这里设置元素的动画效果。
2024-03-17 20:22:17
912
1
原创 深入理解Vue.js的模板语法和数据绑定
Vue.js 是一款流行的前端 JavaScript 框架，由**尤雨溪（Evan You）**开发并于2014年首次发布。Vue.js 的设计目标是通过简单易用的语法和灵活的组件化架构，帮助开发者构建交互性强、响应速度快的现代Web应用程序。
2024-03-08 11:35:30
998
原创 一些面试题4
splice() 方法可删除从 index 处开始的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组。slice()返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。返回的是颠倒后的数组，会改变原数组。
2024-01-14 18:01:34
452
原创 一些面试题3
let，const，var有什么区别（1）块级作用域： 块作用域由 { }包括，let和const具有块级作用域，var不存在块级作用域。块级作用域解决了ES5中的两个问题：• 内层变量可能覆盖外层变量• 用来计数的循环变量泄露为全局变量（2）变量提升： var存在变量提升，let和const不存在变量提升，即在变量只能在声明之后使用，否在会报错。（3）重复声明： var声明变量时，可以重复声明变量，后声明的同名变量会覆盖之前声明的遍历。const和let不允许重复声明变量。（4）暂时性死区：
2024-01-14 18:00:56
426
原创 一些面试题2
background-position]背景定位[/background-size]背景大小 | [background-repeat] 背景是否平铺|[background-attachment]背景是否随滚动条固定。）反向播放，在偶数次（2、4、6…/* //设置伸缩盒子对象的子元素的排列方式 */// 2.所有的引用类型都有一个__proto__属性，属性值是一个普通对象(原型链)/* //设置 块元素包含的文本行数 */// 5.当试图获取一个对象的某个属性时，如果这个对象本身没有这个属性，
2024-01-14 18:00:09
409
1
原创 一些面试题1
align-content 修改 flex-wrap 属性的行为，类似 align-items, 但不是设置子元素对齐，而是设置行对齐。IE盒子模型：当盒子设置内边距时，不把原本的盒子大小撑大说明是IE盒子，且内边距大小没有超过自身宽度高度，超过自身宽度高度也会撑大。<-- min max 数字的值 通常与number和range --><-- placeholder 表单的请示文字 --><-- required 表单输入不能为空 -->Css3中有几种盒模型，分别是哪几种，有什么区别？
2024-01-14 17:58:48
461
1
原创 使用express创建服务例子展示
使用express创建服务，端口号为81，需解决跨域问题，需托管静态文件名称为es6，创建一个get接口，接口名称为/login，接口中需要验证账号为admin密码123456,验证成功返回登录成功页面路径http://127.0.0:81/es6/day01.html，否则登录失败访问http://127.0.0:81/es6/day02.html，使用jq中ajax调取服务，需要验证输入不能为空。可以依照上方题目来根据自己的需求完成自己的代码。
2024-01-14 17:54:47
307
原创 CSS 盒模型概述
外边距（Margin）：外边距位于边框和相邻元素之间，用于控制元素与其他元素之间的间距。内边距（Padding）：内边距位于内容区域和边框之间，用于控制内容与边框之间的间距。内容区域的大小可以通过设置元素的宽度（width）和高度（height）属性来调整。边框（Border）：边框是围绕着内容区域和内边距的线条，用于定义元素的外形。为了应用 CSS 盒模型，您需要选择要修改的元素，并使用适当的 CSS 属性来调整其内容区域、内边距、边框和外边距。通过调整这些属性的值，您可以改变元素的外观和布局。
2024-01-14 17:49:43
515
原创 有关引入介绍
在这个示例中，href 属性指定了要引入的样式表文件的路径。在这个示例中，src 属性指定了要引入的 JavaScript 文件的路径。与引入样式表类似，可以使用文件名作为路径，或者提供相对或绝对路径。在这些示例中，src 属性指定了要引入的媒体文件的路径。同样地，可以使用文件名作为路径，或者提供相对或绝对路径。要引入媒体文件，可以使用。需要注意的是，为了确保网页加载速度和用户体验，应尽量优化媒体文件的大小，并使用适当的格式和压缩技术。标签用于显示图像， 标签用于播放音频， 标签用于播放视频。
2024-01-14 17:45:59
342
原创 路径基础介绍
路径是在网页中引用其他文件时非常重要的概念。这里的 image.jpg 文件位于名为 images 的子目录中，并且位于 www.example.com 域名上。这里的 image.jpg 文件位于与当前 HTML 文件相同的目录中。这里的 image.jpg 文件位于当前 HTML 文件的上一级目录中。这里的 style.css 文件位于与当前 HTML 文件相同的目录中。这里的 image.jpg 文件位于名为 images 的子目录中。这里的 style.css 文件位于名为 css 的子目录中。
2024-01-14 17:41:46
359
原创 制作一个登录页面
代码中，我们为表单添加了 onsubmit 属性，并定义了一个名为 validateForm() 的函数来验证表单是否正确填写。在函数中，我们获取了用户名和密码的值，并进行判断。当然，根据实际需求，我们还可以添加更多功能，例如记住密码、自动填充等。最后，我们可以使用 JavaScript 来添加一些交互功能，例如表单验证、记住密码等功能。接下来，我们需要为页面添加样式。代码中，我们使用了 CSS 属性来设置页面样式，包括背景颜色、字体、表单样式等。代码中，我们使用了 元素来创建表单，使用。
2024-01-14 17:39:02
872
原创 node.js基础
这只是一个简单的示例，但它展示了如何使用Node.js和Express框架创建一个基本的Web服务器。Node.js拥有丰富的生态系统，提供了各种模块和工具，可帮助您进行开发和构建各种类型的应用。您可以从Node.js官方网站（https://nodejs.org）下载适用于您操作系统的安装包，并按照提示进行安装。创建和编辑代码文件：使用您喜欢的文本编辑器创建一个新的JavaScript文件（例如，server.js），并开始编写您的Node.js代码。
2024-01-14 17:37:17
446
原创 使用 JavaScript 创建一个计算器
JavaScript 是一种广泛应用于网页开发的脚本语言，它具有灵活、动态和强大的特性。本文将演示如何使用 JavaScript 创建一个简单的计算器，并实现基本的加减乘除操作。
2024-01-14 17:36:20
300
原创 代码函数的使用和特点：提高复用性和可读性
*结语：**函数是代码中的重要组成部分，它们可以将一段代码逻辑封装起来，提高代码的复用性和可读性。通过使用函数，我们可以将常用的代码逻辑抽象成函数，以便在需要的时候进行调用。**提高可读性：**函数的使用可以使代码更加模块化和可读性。函数的封装还可以隐藏函数内部的实现细节，使得调用者只需要关注函数的输入和输出。当需要修改某个功能时，我们只需要修改对应的函数代码，而不需要修改所有调用该函数的地方。**提高复用性：**函数的使用可以将一段代码逻辑封装起来，使得代码可以在不同的地方重复使用。
2024-01-14 17:35:23
368
1
原创 使用HTML绘制线段图形
要绘制一个三角形，我们可以使用canvas的moveTo()和lineTo()方法。首先，使用moveTo()方法将画笔移动到三角形的第一个顶点，然后使用lineTo()方法连接三个顶点。要绘制一个圆柱形，我们可以使用canvas的arc()方法和rect()方法。首先，使用arc()方法绘制圆柱的上半部分，然后使用rect()方法绘制圆柱的底部。要绘制一个五角星，我们可以使用canvas的lineTo()方法。首先，计算出五角星的五个顶点的坐标，然后使用lineTo()方法连接这些顶点。
2024-01-14 17:33:44
940
1
原创 CSS 盒模型
CSS 盒模型指的是 HTML 元素在渲染成视觉元素时的呈现模式。每个 HTML 元素都被浏览器作为一个矩形盒子进行处理，并具有四个部分：内容区域、内边距、边框和外边距。内容区域：指的是 HTML 元素所包含的实际内容，例如文本、图像等。内边距：位于内容区域和边框之间的空白区域，可以设置填充效果。边框：位于内边距和外边距之间的线条，可以设置线型、颜色、宽度等属性。外边距：位于边框和相邻元素之间的空白区域，可以设置元素与周围元素的间隔。
2024-01-14 17:27:18
471
1
原创 let、const和var
当谈到JavaScript变量声明时，我们通常会遇到三个关键字：let、const和var。在本篇博客中，我们将深入探讨这三个关键字的用法、区别和最佳实践。
2024-01-14 17:20:25
359
1
原创 【无标题】
在网页中，我们经常需要实现一些显示隐藏的效果，例如点击按钮显示或隐藏某个元素。在这篇博客中，我们将介绍如何使用 JavaScript 实现一个简单的显示隐藏效果。
2024-01-09 14:40:06
348
原创 使用 JavaScript 实现轮播图
轮播图是网站中常用的一个组件，可以用来展示多张图片或者其他媒体内容。在这篇博客中，我们将介绍如何使用 JavaScript 实现一个简单的轮播图组件。
2024-01-09 14:36:19
359
原创 JavaScript - 字符串方法（String Methods）
在JavaScript中，字符串是一种表示文本数据的数据类型。字符串方法允许我们对字符串进行各种操作和转换。让我们来看看一些常用的字符串方法。
2023-12-25 09:24:49
24
原创 JavaScript - 事件（Events）
在 JavaScript 中，事件是与 HTML 元素相关联的动作或发生的事情。例如，当用户单击按钮、鼠标移到元素上或提交表单时，都会触发相应的事件。
2023-12-25 09:18:03
35
原创 JavaScript元素介绍 - 第3篇
在前两篇博客中，我们已经介绍了JavaScript中的一些基本元素，包括对象、变量、函数、数组、循环语句、数字、字符串和条件语句。今天，我们将继续探索JavaScript中的其他元素。
2023-12-24 22:02:45
10
原创 JavaScript元素介绍 - 第2篇
本篇博客介绍了JavaScript中常用的几种元素，包括条件语句、循环语句、字符串和数字，并给出了相应的用法和示例。通过学习和掌握这些元素，您可以更好地理解JavaScript并运用于实际开发中。希望这篇博客对您有所帮助！如果您有其他问题或者需要进一步的帮助，请随时告诉我。请注意，以上内容以纯文本形式展示，特殊字符以文本方式表现。
2023-12-24 21:50:16
8
原创 JavaScript元素介绍 - 第1篇
本篇博客介绍了JavaScript中常用的几种元素，包括变量、函数、数组和对象，并给出了相应的用法和示例。通过学习和掌握这些元素，您可以更好地理解JavaScript并运用于实际开发中。希望这篇博客对您有所帮助！如果您有其他问题或者需要进一步的帮助，请随时告诉我。请注意，以上内容以Markdown形式展示，特殊字符以文本方式表现。
2023-12-24 21:25:10
15
原创 ES6数组笔记
ES6中的数组方法find()可以用来查找数组中符合条件的第一个元素，并返回该元素的值。ES6中的扩展运算符可以将一个数组转换为用逗号分隔的参数序列，或者将多个参数组合成一个数组。ES6中的数组方法flat()可以用来将一个多维数组转换为一个一维数组，并返回新的一维数组。ES6中允许使用解构赋值来从数组中获取数据。ES6中的数组方法fill()可以用来填充数组，并返回修改后的数组。ES6中的数组方法of()可以用来创建一个包含任意参数的新数组。ES6中的数组方法from()可以将类似数组的对象转换成数组。
2023-11-06 08:10:43
28
原创 ES6基础let和const以及箭头函数
let关键字用于定义块级变量，只在当前作用域内有效。const关键字用于定义常量，其值在声明后不能被修改。但对象和数组类型的常量内容可以被修改，只是常量所指向的内存地址不允许改变。箭头函数使用“=>”符号来声明函数，可以更加简洁地声明函数。自动绑定上下文到父级上下文，避免了this指向混乱的问题。箭头函数通常用于回调函数和匿名函数的场合，可以提高代码的可读性和简化代码。以上是ES6中常用的几个新特性，它们的使用能够增强JavaScript的编程效率和代码质量。
2023-10-23 09:04:23
25
原创 笔记+资料：css的各种渐变
线性渐变是最常见的一种渐变类型，它通过定义一个起点和一个终点来创建渐变。在这个例子中，我们使用linear-gradient函数创建了一个从左到右的渐变背景。to right表示渐变的方向，“#ff3366”和“#663399”是起始和结束颜色。
2023-10-06 18:23:32
118
1
原创 CSS3动画效果笔记
CSS3提供了强大的动画特性，可以通过简单的样式变化、过渡和关键帧动画来创建各种各样的动画效果。本文将介绍CSS3动画的基础知识和常见用法。
2023-09-24 14:22:30
55
1
原创 css3笔记：弹性盒子
弹性盒子（Flexbox）是一种CSS布局模型，用于创建灵活的、自适应的网页布局。相对于传统的块级布局和浮动布局，弹性盒子提供了更简洁、更强大的方式来排列和组织网页上的元素。
2023-09-16 15:51:12
177
1
原创 Canvas笔记：绘制基础图形
Canvas 是 HTML5 提供的一个用于绘制图形、动画和游戏的元素。通过使用 Canvas，我们可以在网页中实现各种交互式的图形效果，并创建出丰富多彩的用户体验。Canvas 元素是一个矩形区域，可以使用 JavaScript 获取其上下文，从而进行绘图操作。我们可以在 Canvas 上绘制基本的图形，如矩形、圆形和线段，也可以加载图像资源，并进行图像处理和动画操作。相比于其他传统的图像绘制方法，Canvas 具有许多优势。
2023-09-09 18:03:19
145
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人