自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

静夜聆雨

也许有许多好听的曲子都会被遗忘在某个角落 就像被遗忘的人一样

  • 博客(22)
  • 收藏
  • 关注

转载 grid 网格布局

网格布局(Grid)是最强大的 CSS 布局方案。它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。

2022-09-04 20:17:27 431 1

原创 tsconfig.json 详解与常用配置(笔记)

tsconfig.json常用配置项,自己写的笔记,仅供参考

2022-09-02 21:57:41 7437

原创 Vue3 + TS 可拖拽穿梭框

使用Vue3+TS+element-plus+sortablejs 制作的可拖拽穿梭框组件

2022-09-01 21:02:16 1472 5

原创 Vue3+TS 中使用Provide/Inject 的例子

Vue3+TS 中使用Provide/Inject 的例子

2022-07-23 23:18:50 2812

原创 Hyper-V 虚拟机的两种外网连接方式(网桥式与共享式)

1、网桥式这种方式是将Hyper-V内部的虚拟网络与外部网络桥接。使得内部外部的IP都在一个网段上。优点:就算是无线网,也可以进行桥接IP在一个网段,连通性好,配置方便。缺点:需要占用多个IP安全性差配置方法:在虚拟交换机管理器中,创建一个虚拟交换机(WAN),并连接到你要上网的物理网卡,点击确定后,网络会中断几秒虚拟机添加这个虚拟适配器(WAN)即可。IP需要手动设置为与物理机在同一网段2、共享式这种方式是将Hyper-V内部的虚拟网络与外部网络共享。使得内部

2021-11-03 15:38:11 37052 7

原创 Hyper-V的安装和基本使用方法

文章目录Hyper-V的安装和基本使用方法1. 启用Hyper-V2. Hyper-V设置3. 虚拟交换机设置4. 虚拟机的创建与配置4.1 创建虚拟机4.2 更改虚拟机配置4.3 更改虚拟机磁盘4.4 添加虚拟机磁盘4.4 添加网络5. 虚拟机的连接与启动6. 检查点Hyper-V的安装和基本使用方法1. 启用Hyper-V在 Windows控制面板 -> 程序 -> 程序和功能 中,点击启用或关闭 Windows 功能然后找到Hyper-V功能,全部选中点击确定,等待安装完成,

2021-11-03 15:27:22 38060 6

原创 群晖Synology Drive同步规则中过滤指定文件夹

学习Vue的过程中发现电脑上的Synology Drive同步文件时间变得超级长,检查发现是项目文件夹里的 node_modules 文件夹里文件非常多导致的,每个项目都有上万个文件,但是 Synology Drive 的文件过滤器并不能添加文件夹名苹果Mac 系统参考这篇文章本文参考:Cloudstation/Drive add option to ignore folders....

2021-11-01 19:32:51 5128 4

原创 手把手教你用 VuePress 快速搭建个人技术博客~

一、什么是 VuePress ?VuePress 是基于 vue 的极简静态网站生成器,实际上就是一个 vue 的单页应用,内置 webpack,可以用来写文档。详见 VuePress中文网VuePress 可用于将 markdown 文件展示为 WEB 页面二、展示效果首页文档页三、开始搭建目标:记录我学习HTMl、CSS、JavaScript的笔记。创建含有三篇文章(HTML、CSS、JavaScript)的项目前提条件使用 VuePress 需要先安装 Node.js,版本

2021-10-31 18:26:58 3033 6

原创 JavaScript基础 第十二章 对象

十二、对象12.1 对象的相关概念在 JavaScript 中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。对象是由属性和方法组成的。属性:事物的特征,在对象中用属性来表示(常用名词)方法:事物的行为,在对象中用方法来表示(常用动词)为什么需要对象?保存一个值时,可以使用变量,保存多个值(一组值)时,可以使用数组。如果要保存一个人的完整信息呢?例如,将法外狂徒“张三”的个人的信息保存在数组中的方式为:var arr = ['张三

2021-10-29 21:54:10 204

原创 JavaScript基础 第十一章 作用域

十一、作用域11.1 作用域概述与分类11.1.1 作用域概述通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。JavaScript(es6前)中的作用域有两种:全局作用域局部作用域(函数作用域)11.1.2 全局作用域作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件11.1.3 局部作用域作用于函数内的代码环境,就是

2021-10-29 21:46:42 99

原创 JavaScript基础 第十章 函数

十、函数10.1 函数的概念在 JS 里面,可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大量重复使用。虽然 for循环语句也能实现一些简单的重复操作,但是比较具有局限性,此时我们就可以使用 JS 中的函数。函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。10.2 函数的使用10.2.1 声明函数// 声明函数function 函数名() { //函数体代码}function 是声明函数的关键字,必须小写由于函数一般

2021-10-29 21:42:17 103

原创 JavaScript基础 第九章 数组

九、数组9.1 数组的概念数组可以把一组相关的数据一起存放,并提供方便的访问(获取)方式。数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。9.2 创建数组JS 中创建数组有两种方式:利用 new 创建数组var arr = new Array(); // 创建一个新的空数组注意 Array () ,A 要大写利用数组字面量创建数组//1. 使用数组字面量方式创建空的数组var 数组

2021-10-29 21:38:22 120 1

原创 JavaScript基础 第八章 流程控制

八、流程控制8.1 流程控制概念在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。简单理解:流程控制就是来控制代码按照一定结构顺序来执行流程控制主要有三种结构,分别是顺序结构、分支结构和循环结构,代表三种代码执行的顺序。8.2 顺序流程控制顺序结构是程序中最简单、最基本的流程控制,它没有特定的语法结构,程序会按照代码的先后顺序,依次执行,程序中大多数的代码都是这样执行的。8.3 分支流程控制分支结构:由上到下执

2021-10-29 21:25:41 199

原创 JavaScript基础 第七章 运算符

七、运算符运算符(operator)也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。7.1 运算符的分类JavaScript中常用的运算符有:算数运算符递增和递减运算符比较运算符逻辑运算符赋值运算符7.2 算数运算符算术运算使用的符号,用于执行两个变量或值的算术运算运算符描述示例+加10+20=30-减10-20=-10*乘10*20=200/除10/20=0.5%余(取模)8%3=2浮点数的精

2021-10-29 21:17:35 116

原创 JavaScript基础 第六章 关键字和保留字

六、关键字和保留字6.1 标识符标识符:就是指开发人员为变量、属性、函数、参数取的名字。标识符不能是关键字或保留字。6.2 关键字关键字:是指 JS本身已经使用了的字,不能再用它们充当变量名、方法名。包括:break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with

2021-10-26 22:44:53 407

原创 JavaScript基础 第五章 解释型语言和编译型语言

五、解释型语言和编译型语言5.1 概述计算机不能直接理解任何除机器语言以外的语言,所以必须要把程序员所写的程序语言翻译成机器语言才能执行程序。程序语言翻译成机器语言的工具,被称为翻译器。翻译器翻译的方式有两种:一个是编译,另外一个是解释。两种方式之间的区别在于翻译的时间点不同编译器是在代码执行之前进行编译,生成中间代码文件解释器是在运行时进行及时解释,并立即执行(当编译器以解释方式运行的时候,也称之为解释器)5.2 执行过程类似于请客吃饭:编译语言:首先把所有菜做好,才能上桌吃

2021-10-26 22:39:52 141

原创 JavaScript基础 第四章 数据类型

四、数据类型4.1 数据类型简介为什么需要数据类型?在计算机中,不同的数据所需占用的存储空间是不同的,为了便于把数据分成所需内存大小不同的数据,充分利用存储空间,于是定义了不同的数据类型。简单来说,数据类型就是数据的类别型号。比如姓名“张三”,年龄18,这些数据的类型是不一样的。变量的数据类型变量是用来存储值的所在处,它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。JavaScript 是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型,在程序

2021-10-26 22:37:39 211

原创 JavaScript基础 第三章 变量

三、变量3.1 什么是变量变量是程序在内存中申请的一块用来存放数据的空间JS 中的变量可以保存任何类型的数据,默认值是 undefined,使用 var、let、const 声明let、const 只能在 ES6 以上版本使用3.2 声明变量//声明变量var age //声明var 是一个 JS关键字,用来声明变量( variable 变量的意思 )。使用该关键字声明变量后,计算机会自动为变量分配内存空间,不需要程序员管理内存age 是程序员定义的变量名,我们要通过变量名来访

2021-10-26 21:41:19 204

原创 JavaScript基础 第二章 JS的基本使用

二、JS 的基本使用2.1 JS 的书写位置JS 的书写位置有三种,分别是行内式、内嵌式和外部引入2.1.1 行内式可以将单行或少量 JS 代码写在HTML标签的事件属性中(以 on 开头的属性),如:onclick注意单双引号的使用:在HTML中我们推荐使用双引号, JS 中我们推荐使用单引号可读性差, 在html中编写JS大量代码时,不方便阅读;引号易错,引号多层嵌套匹配时,非常容易弄混;仅在特殊情况下使用示例<input type="button" value="点我试试

2021-10-26 21:38:52 116

原创 JavaScript基础 第一章 JavaScript 简介

一、JavaScript 简介1.1 JavaScript 是什么JavaScript 是世界上最流行的语言之一,是一种运行在客户端的脚本语言 (Script 是脚本的意思)脚本语言:不需要编译,运行过程中由 js 解释器( js 引擎)逐行来进行解释并执行现在也可以基于 Node.js 技术进行服务器端编程1.2 JavaScript 的作用表单动态校验(密码强度检测) ( JS 产生最初的目的 )网页特效服务端开发(Node.js)桌面程序(Electron)App(Co.

2021-10-26 21:36:17 100

转载 Markdown语法速查

Markdown语法速查文章目录Markdown语法速查基本语法扩展语法转义字符特殊字符自动转义内嵌 HTML 标签行级內联标签区块标签使用 Emoji 表情KaTeX数学公式甘特图UML 图表基本语法元素快捷键Markdown语法说明效果目录[TOC]自动生成目录,列出所有标题标题Ctrl+1Ctrl+2Ctrl+3Ctrl+4Ctrl+5Ctrl+6# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题设

2021-10-21 21:04:57 454 2

原创 NodeJS中的模块化

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2021-10-06 21:56:18 140

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除