每天都要进步哦-优快云博客

原创 Node.js中的fs模块：文件与目录操作（写入、读取、复制、移动、删除、重命名等）

本文介绍了Node.js中fs模块提供的多种文件和目录操作方法。首先，需导入fs模块以进行所有文件操作。文件写入支持异步与同步方式，包括追加写入和流式写入，适用于大文件或持续数据。文件读取同样支持异步、同步和流式读取，流式读取能逐块处理文件内容，更加灵活高效。此外，fs模块还提供了文件的复制、移动、重命名、删除以及查看资源状态的异步和同步方法。对于目录操作，fs模块支持文件夹的创建、读取和删除，包括递归创建和删除文件夹。这些功能使得Node.js在数据持久性保存和文件管理方面变得简单而高效。

2025-01-08 18:14:43 814

原创 js-map方法中调用服务器接口

Array.prototype.map() 方法中调用服务器接口时，可以使用异步函数来处理。使用 async/await 来处理异步操作。在 map() 方法的回调函数中使用 async 关键字声明为异步函数，然后可以在其中使用 await 来等待异步操作的结果，例如调用服务器接口并处理响应数据。方法可以同时处理多个异步调用，并等待它们全部完成。来同时发送多个请求，并在所有请求完成后再处理数据。方法中调用服务器接口时，可以使用异步函数来处理。关键字声明为异步函数，然后可以在其中使用。方法的回调函数中使用。

2023-09-15 18:37:02 494

原创 input修改checkbox复选框默认选中样式

input修改checkbox默认选中样式，直接设置选中后的样式不生效，需要先给复选框设置-webkit-appearance: none（取消默认样式），再设置样式才会生效。

2023-09-15 10:11:55 3864

原创企业注册小程序流程

1、未被微信公众平台注册，未被微信开放平台注册，未被个人微信号绑定的邮箱2、企业名称（与企业注册证上的一致）3、营业执照注册号（15位）（或18位统一社会信用代码）4、公司对公帐户打款验证（注册过程中使用公司对公帐户给腾讯小额打款验证）5、管理员信息：姓名、身份证号、手机号、身份验证（手机号短信验证及微信扫码验证）

2023-08-28 11:57:44 1297 1

原创 Unity入门基础语法

transform.position 世界坐标transform.localPosition 相对坐标设置物体的坐标：Update()，称为帧更新此方法会被游戏引擎定时调用，已更新游戏的状态Time.time 游戏启动的时间Time.deltaTime 距上次帧更新的时间差Unity不支持固定帧率，但可以设定一个近似帧率Application.targetFrameRate = 60;指示Unity尽量以FPS = 60 的帧率更新游戏匀速运动使用deltaTime，让物体匀速运动一般使用transfo

2023-01-05 16:55:44 2164

原创关于CSS选择器优先级的规则说明

important > 行内样式 > id选择器 > 类选择器 > 元素选择器 > 通配选择器。注：在vscode中，将鼠标移至选择器上，可显示结构和权重值。从第一位开始逐位对比，数字大的优先级高，如果相同对比下一位。b表示：一个选择器中【类、伪类、属性】选择器的个数。c表示：一个选择器中【元素、伪元素】选择器的个数。每个选择器都有一个权重值，格式为（a,b,c）此文档有权重值计算及其他相关知识的详细说明。a表示：一个选择器中【id】选择器的个数。统配选择器权重为（0，0，0）

2022-12-26 16:12:34 924

原创 C#入门基础知识

控制台输入输出语句输出：Console.WriteLine(); //换行Console.Write()；// 不换行输入：可保存输入的内容Console.ReadLine();Console.ReadKey();如果是ReagKey(true)，不会把输入的内容显示在控制台上char c = Console.ReadKey(true).KeyChar;清空：Console.Clear();设置控制台大小：窗口大小、缓冲区大小注意：先设置窗口大小，再设置

2022-12-12 19:01:44 1080

原创 JavaScript-实现横向文字弹幕功能

实现文字的跑马灯/弹幕效果，主要思路为：js中：定义一个数组存放文字信息，定义一个数组存放跑马灯播放信息，定义一个将文字信息添加至播放信息的方法，当页面加载时，执行该方法，如果存放文字信息的数组为空时，返回；如果播放信息的数组大于一定的数量且正在播放的信息为文字信息的最后一个，将播放信息数组赋值为空，即重置播放数组；如果文字信息不为空，通过遍历将文字信息添加至播放信息中，并添加高度属性（奇数显示在第二行，偶数显示在第一行，该属性在html结构中可用于设置动态高度），并设置添加的间隔时间；

2022-11-28 15:57:09 1051

原创 css-实现卡牌的发牌和翻转动画

打开抽卡界面，卡牌出现并发牌至固定的位置，此时展示的是卡牌的背面；用户点击卡牌时，卡牌进行翻转，并展示卡牌内容，或者发牌后自动进行翻转和展示。本实例在页面挂载后自动播放动画，若需点击后再播放，只需将事件写入click事件当中即可。卡牌样式可根据具体需求设置。

2022-11-24 16:30:56 5535 1

原创 javascript-根据数组中的一个属性或多个属性对数组进行排序

sort() 方法用于对数组的元素进行排序。排序顺序可以是字母或数字，可以升序或降序。默认排序顺序为按字母升序。使用数字排序，必须通过一个函数来指定排序规则且作为参数来调用。需要注意的是：该方法的是排序后的新数组，改变原数组原理：浏览器会根据回调函数的返回值来决定元素的顺序，如果返回一个大于0的值，则元素会交换位置，如果返回一个小于0的值，则元素位置不变，如果返回一个0，则认为两个元素相等，不交换位置。冒泡排序原理：通过两层循环，每轮比较相邻的两个元素，如果前一个元素比后一个元素大，则交换位置，使

2022-11-23 19:22:00 3140

原创算法设计与分析基础-算法问题求解基础

算法是问题的程序化解决方案现在列出在算法设计分析过程中经历的一系列典型步骤，并做简要讨论。算法的设计和分析过程。理解问题从实践角度看，在设计算法之前，我们首先需要对给定的问题有完全的理解。算法的输入，确定了该算法所解问题的一个实例。严格确定算法需要处理的实例的范围是非常重要的。如果不这样做，算法也许能够正确处理大多数输入，但遇到某些“边界值”时就会出错。正确的算法不仅应该能处理大多数常见情况，而且应该能正确处理所有合法的输入。因此，不要对算法解题的第一步敷衍了事。否则，就要冒不得不返工的风险。

2022-08-07 23:25:51 433

原创算法设计与分析基础-算法的概念

为什么要学习算法？算法不只是计算机科学的一个分支。它是计算机科学的核心。而且，可以毫不夸张地说，它与绝大多数科学、商业和技术都密切相关。学习算法可以用它来培养人们的分析能力。它可以看作解决问题的一类特殊方法，它虽然不是问题的答案，但它是经过准确定义以获得答案得过程。什么是算法？算法(algorithm)是一系列解决问题的明确指令，也就是说，对于符合一定规范的输入，能够在有限时间内获得要求的输出。...

2022-08-07 22:04:39 520

原创 vuex状态管理

1、概念专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。2、Github地址https。...

2022-07-17 20:02:38 202

原创 MVC与MVVM的区别与理解

在MVC里，View是可以直接访问Model的，所以View里会包含Model信息以及一些业务逻辑。 MVC模型关注的是Model的不变，所以在MVC模型里，Model不依赖于View，但是 View是依赖于Model的。不仅如此，因为有一些业务逻辑在View里实现了，导致要更改View也是比较困难的，至少那些业务逻辑是无法重用的。MVVM在概念上是真正将页面与数据逻辑分离的模式，它把数据绑定工作放到一个JS里去实现，而这个JS文件的主要功能是完成数据的绑定，即把model绑定到UI的元素上。此外MVV.

2022-07-16 22:03:55 1923

原创 node.js和npm介绍和使用

node.js是一个基于Chorme V8引擎的javascript运行环境，如浏览器也是js的运行环境，node也是js的运行环境，但是将js代码的应用场景扩展到了服务器端。node.js使用了一个事件驱动。npm是随同Node.js一起安装的包管理工具，能解决Node.js代码部署上的很多问题，常见的使用场景有以下几种允许用户从npm服务器下载别人编写的第三方包到本地使用。允许用户从npm服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到npm服务器供别人使用。..

2022-07-16 20:28:01 2276

原创如何用css绘制一个三角形

问题描述：用css绘制一个三角形，其实是利用视觉的效果，将三个边设置成相同的颜色，另一个边设置其他颜色，再通过设置四个边的形状绘制出三角效果的图形步骤：1、写一个宽高为0的盒子2、选择三角形的底边，将此边界设置为一个颜色，另外三边设置另一个颜色（一般设置白色），即可显示三角效果示例：生成的三角效果如下：可以根据自己的实际需要，和其他形状进行拼接完成想要的效果，或设置相应颜色、边界长度、边界样式完成想要的效果。...

2022-07-12 09:59:25 14652

原创 vue3-antd-admin开源学习-后台管理框架

vue-admin-better是github开源admin中最优秀的集成框架之一，它是国内首个基于vue3.0的开源admin项目，同时支持电脑，手机，平板，默认分支使用vue3.x+antdv开发，master分支使用的是vue2.x+element开发。开源地址：https://gitee.com/chu1204505056/vue-admin-better/tree/vue3.0-antdv/演示地址：https://vue-admin-beautiful.com/.........

2022-07-06 17:37:16 2632 1

原创 H5页面调用手机打电话、发短信、传邮件功能

在h5页面，点击某个按钮或图标时，调起手机打电话、发短信以及传邮件的功能，可以用一个很简单的方法实现在需要的地方加上标签，点击即可调起相关功能弹窗示例：可以将href超链接写为动态数据在点击"电话咨询“时，会跳出电话功能的弹窗...

2022-07-01 11:46:05 3725

原创 Vue-路由配置、路由跳转及传参

在src下新建已经router文件夹，里面放置路由配置文件引入相关插件：根据项目需要引入组件并配置路由，写在第一个的路由为默认路由。创建及暴露路由：示例：需要跳转路由的文件需先引入：在此使用路由跳转方式：示例：被跳转至的组件需引入：并创建路由对象和接收参数示例：......

2022-06-22 15:34:20 1722

原创 Vue-父传子、子传父、任意组件之间的通信方法

父组件向子组件传值：props子组件向父组件传值：$emit 、ref：在父组件内通过ref获取子组件实例，然后调用子组件方法，并传递相关数据作为参数。标识：ref="xxx"获取this.$refs.xxx 兄弟组件传值：事件总线传递值：使用$emit发布事件接收值：使用$on订阅事件注意：$on先进行监听，一旦$emit发布事件后所有组件都可以$on监听到事件。所以传递参数的时候一定已经先进行了监听才能得到参数。在父组件中$emit事件放在mounted钩子函数中，等待子组件创建并$on..

2022-06-22 14:51:31 677

原创 CSS常用子元素选择器-选择特定子元素

常用举例：p:nth-child(n + 2)：除其父元素下的第一个p元素外所有p元素。p:nth-last-child(n + 2)：除其父元素下倒数第一个p元素外所有p元素。2n：偶数。2n+1：奇数。-n+4：第一个到第四个。3n：3的倍数，每三个取一次。注：nth-child(n)和：nth-of-type(n)的区别：两者都可以选择其父元素下第n个子元素，但在子元素的类型上有所区分。p:nth-of-type(n)：其父元素下的第n个p元素。p:nth-child(n)：其父元素下的第n个且为p.

2022-06-22 11:17:23 4597

原创 CSS-防止图片挤压变形- object-fit、object-position属性

我们在上传图片时，由于图片尺寸与我们所设置的尺寸比例不一致，会出现图片被挤压变形的现象。在此介绍一下CSS属性object-fit和object-position，以此完美解决此问题的发生。object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。一般用于 img 和 video 标签，一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。对图片进行剪切，保留原始比例：注：如果您还想切换被替换元素的内容对象在元素框内的对齐方式。可以通过使用 object-position

2022-06-13 14:17:01 2963

原创 JS如何将数字转换成千分位显示并保留两位小数

首先介绍一下使用到的JS方法parseFloat() 函数可解析一个字符串，并返回一个浮点数。该函数指定字符串中的首个字符是否是数字。如果是，则对字符串进行解析，直到到达数字的末端为止，然后以数字返回该数字，而不是作为字符串。语法：parseFloat(string)注意：举例：toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。语法：number.toFixed(x)举例：将当前对象以格式化后的字符串值形式返回语法:obiect.toLocaleString()object 为数

2022-06-02 15:48:46 2957

原创 2022Vue经典面试题及答案汇总(持续更新）

1、虚拟DOM中key的作用：key是虚拟DOM对象的标识，当状态中的数据发生变化时，Vue会根据【新数据】生成【新的虚拟DOM】，随后Vue进行【新虚拟DOM】的差异比较，比较规则如下：2、key的对比规则：1、旧虚拟DOM中找到了与新虚拟DOM相同的key：若虚拟DOM中内容没变，直接使用之前的真实DOM若虚拟DOM中内容变了，则生成新的真实DOM，随后替换掉页面中之前的真实DOM.........

2022-06-01 17:43:04 50427 6

原创 JavaScript-相关事件(DOM、BOM、JSON)

DOM全称：Document Object Model 文档对象模型JS中通过DOM来对HTML文档进行操作，理解了DOM就可以随心所欲的操作WEB页面文档：文档表示的就是整个的HTML页面文档对象：对象表示将页面中的每一个部分都转换为了一个对象模型：使用模型来表示对象之间的关系，这样方便我们获取对象节点节点Node，是构成我们网页的最基本的组成部分，网页中的每一个部分都可以称为是一个节点。节点的类型不同，属性和方法也都不尽相同常用节点：文档节点：整个HTML文档

2022-05-07 10:37:46 650

转载微信开发者工具-project.config.json配置详情

项目配置文件项目根目录中的project.config.json和project.private.config.json文件可以对项目进行配置， project.private.config.json中的相同设置优先级高于project.config.json 可以在project.config.json文件中配置公共的配置，在project.private.config.json配置个人的配置，可以将project.private.config.json写到.gitign...

2022-05-05 10:48:59 16513

原创 JavaScript-数组基础知识和16种常用方法

JavaScript-数组基础知识数组（Array）数组也是一个对象，它和我们普通对象功能类似，也是用来存储一些值的，不同的是普通对象是使用字符串作为属性名的，而数组是使用数字来作为索引操作元素索引：从0开始的整数就是索引数组的存储性能比普通对象更好，在开发中我们经常使用数组来存储一些数据//创建数组对象var arr = new Array（）；使用typeod来检查一个数组时，会返回object向数组中添加元素语法：数组 [ 索引 ] = 值读取数组中的元素语

2022-04-29 18:37:51 1730

原创 JavaScript 入门基础知识篇

变量的扩展定义变量var number=20；定义的变量代码，对于浏览器或者node来说，解释运行的时候，根据写的质量来动态的分配内存内存特点：在内存里面可以分配到一块空间，空间的名字：number，空旷里面存放的值：20弱类型语言：在定义变量的时候，不需要定义这个变量所占用的内容空间大小，内存空间大小根据你的值来决定自动分配多大强类型语言：在定义变量的时候一定要指定内存空间大小，空间不够数据无法全部存储，会出现异常或者数据丢失，如果自己定义的空间太大，空间浪费太多。java、c

2022-04-29 17:39:48 1769

原创 css及css3详细学习笔记

CSS概念：css（cascading style sheet）-层叠样式表层叠：css的一个特点，指的是样式覆盖时的处理方式，样式：页面的外在特征。比如说背景颜色、字体大小、类型、边框大小等。即CSS就是专门用于处理页面样式的。作用：美化页面。跟HTML之间的关系： HTML：书写网页的内容 CSS：对页面进行美化使用方式：内联方式：通过<head>中添加<style>标签，并在<style>中书写CSS代码。外联方式：新...

2022-04-29 17:01:35 971 1

原创接口请求返回的状态码总览

常见状态码：200: "服务器成功返回请求的数据。",201: "新建或修改数据成功。",202: "一个请求已经进入后台排队（异步任务）。",204: "删除数据成功。",400: "发出的请求有错误，服务器没有进行新建或修改数据的操作。",401: "用户没有权限（令牌、用户名、密码错误）。",403: "用户得到授权，但是访问是被禁止的。",404: "发出的请求针对的是不存在的记录，服务器没有进行操作。",406: "请求的格式不可得。",410: "请求的资

2022-04-28 10:43:09 10417

原创 sass的安装、概念和使用

世界上最成熟、最稳定、最强大的专业级CSS扩展语言！特性：兼容CSS：Sass完全兼容所有版本的CSS。我们对此严格把控，所以你可以无缝地使用任何可用的CSS库。特性丰富：Sass拥有比其他任何CSS扩展语言更多的功能和特性。Sass核心团队不懈努力，一直使其保持领先地位。成熟：Sass已经经过其核心团队超过13年的精心打造。行业认可：一次又一次地，行业把Sass作为首选CSS扩展语言。社区庞大：数家科技企业和成百上千名开发者为Sass提供支持。框架：有无数的框架使用Sass构.

2022-04-28 10:33:01 5093

原创 CSS--移动端布局

基本概念背景：因为手机的尺寸和屏幕的像素越来越大，导致我们响应式布局很难保证网页能够100%适配主流的屏幕概念：使用css3的单位以及弹性布局等技术来实现移动端布局。一般移动端布局跟pc端是完全不一样的。屏幕像素逻辑像素：真正用于显示屏幕内容的像素设备物理像素：是屏幕一出场已经确定的像素逻辑像素和设备物理像素：设备物理像素是指屏幕的实际像素有多少。但现在的手机屏幕一般物理像素都是1920*1080或者2k或更高。但如果一个设备物理像素等于一个逻辑像素（css px

2022-04-26 18:11:43 3360

原创 CSS--响应式布局

常见布局固定布局主要内容区域基本是固定的尺寸，再水平居中好处：布局简单：大div设置固定宽度，利用margin:0 auto; 水平居中缺点：无适应性（对移动端不友好）；会有滚动条；流式布局原理：主要内容区域以百分比来代替固定像素，不同的屏幕会有不同的表现，但是无论宽度怎么变换，页面布局不会发生变化。好处：对不同宽度有一定适应性缺点：当屏幕宽度足够小，导致内容无法查看响应式布局原理：利用媒体查询技术，实现当使用不同设备时可以采用不同的css样式。即一套代码，多端使用，

2022-04-26 18:02:03 584

原创 CSS--弹性布局（Flex-Layout）

基本概念概念：弹性布局（flex-layout）是一套css3新增的自适应布局模式，用于替代传统的div+css布局或辅助弹性布局主要是为了让盒子里面的子元素在面对容器不同宽度时都能够很好的适应。特别适合满足不同屏幕或设备。即对移动端友好。原理：给盒子设置css弹性布局的相关css属性来使用弹性布局。基本使用给容器设置css属性display：flex/inline-flex将该盒子变为一个弹性容器，它里面的子元素会以弹性布局的方式来处理。display:flex;会

2022-04-26 17:55:17 5554 1

原创 CSS高度塌陷问题-六种解决方案

问题背景子元素浮动后，无法撑起父元素高度，导致父元素高度丢失，其下元素会自动上移，导致页面布局混乱解决方案一、BFC 块级格式化环境（Block Formatting Context）BFC是页面元素的一个隐藏属性，默认是关闭的，开启BFC该元素会变成一个独立的布局区域。区域内的元素不会影响区域外的元素.开启BFC后的特点：1、开启BFC的元素不会被浮动元素覆盖2、开启BFC的元素子元素和父元素外边距不会重叠3、开启BFC的元素可以包含浮动的子元素开启BFC方式：1、

2022-04-26 09:50:24 6024

原创 vue表单及遍历表单校验rules以及validator校验器的使用

为防止用户犯错，尽可能让用户更早地发现并纠正错误。Element中Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名即可。注意：prop对应表单域 model 字段，使用 validate方法时，该属性是必填的。在data里配置要校验字段和校验规则：required:true；message:""不符合校验规则时的提示信息；trigger:""校验触发方式设置除此之外，我们还可以使用validator验证器.

2022-04-25 11:13:48 44278 4

空空如也

空空如也