- 博客(43)
- 收藏
- 关注
RSS订阅原创 TS 基本类型
TS 基本类型TS 基本类型TS 基本类型类型声明类型声明是 TS 非常重要的一个特点。通过类型声明可以指定 TS 中变量（参数、形参）的类型。指定类型后，当为变量赋值时，TS 编译器会自动检查值是否符合类型声明，符合则赋值，否则报错。简而言之，类型声明给了变量设置了类型，使得变量只能存储某种类型的值。语法：// let 变量: 类型;let score;// let 变量: 类型 = 值;let score: number = 60;// functi
2022-04-05 18:56:55
716
6
原创 Linux 常用指令
Linux 常用指令vi 和 vim 快捷键关机 & 重启命令安装vi 和 vim 快捷键指令说明yy拷贝当前行5yy拷贝当前行向下的5行（5可以是任意数字）dd删除当前行5dd删除当前行向下的5行（5可以是任意数字）/关键字 回车 n在文件中查找某个单词（回车就是查找，输入 n 就是查找下一个）set nu设置文件的行号set nonu取消文件的行号G到达文件的最末行gg到达文件的最首行u撤销输入的
2022-04-05 18:53:36
958
原创 Linux RPM 与 YUM
Linux RPM 与 YUMrpm 包的管理介绍rpm 包的简单查询指令rpm 包名基本格式卸载 rpm 包安装 rpm 包yum 包的管理介绍yum 的基本指令rpm 包的管理介绍一种用于互联网下载包的打包及安装工具，它包含在 某些 Linux 分发版 中。它生成具有 。RPM 扩展名的文件。RPM 是 RedHat Package Manager(RedHat 软件包管理工具)的缩写，类似于 Windows 的 setup.exe ，这一文件格式名称虽然打上了 RedHat 的标志，但理念
2022-04-05 18:46:23
786
原创 Linux 进程管理
Linux 进程管理进程管理(重点)基本介绍显示系统执行的进程终止进程 kill 和 killall查看进程树 pstree服务(service)管理查看服务名服务的运行级别chkconfig 指令动态监控进程监控网络状态查看系统网络情况 netstat进程管理(重点)基本介绍在 Linux 中，每个执行的**程序(代码)**都称为一个进程。每一个进程都分配一个 ID 号。每一个进程，都会对应一个父进程，而这个父进程可以复制多个子进程。例如 www 服务器。每个进程都可能以两种方式存在的。前台
2022-04-05 18:44:40
1625
原创 Linux 网络配置
Linux 网络配置Linux 网络配置Linux 网络配置原理图（含虚拟机）查看网络 IP 和网关查看虚拟网络编辑器修改 (虚拟网络) IP 地址查看网络 IP 和网关查看 Windows 环境中 VMnet8 网络配置ping 测试主机之间网络连通性Linux 网络环境配置第一种方法(自动获取)：第二种方法(指定固定的 IP)：Linux 网络配置Linux 网络配置原理图（含虚拟机）目前网络配置采用的是 NAT 。查看网络 IP 和网关查看虚拟网络编辑器修改 (虚拟网络) IP 地
2022-04-05 18:42:58
186
原创 Linux 定时任务调度
Linux 定时任务调度crond 任务调度快速入门参数细节说明crond 任务调度crontab 进行定时任务的设置。概述任务调度：是指系统在某个时间执行的特定的命令或程序。任务调度分类：系统工作：有些重要的工作必须周而复始地执行。如病毒扫描等。个别用户工作：个别用户可能希望执行某些程序，比如对 MySQL 数据库的备份。基本语法crontab [选项]常用选项选项说明-e编辑 crontab 定时任务-l查询 cronta
2022-04-05 18:38:40
76
原创 Linux 磁盘分区、挂载
Linux 磁盘分区、挂载分区基础知识分区的方式Linux 分区的介绍原理介绍硬盘说明挂载的经典案例磁盘情况查询查询系统整体磁盘使用情况查询指定目录的磁盘占用情况磁盘情况 - 工作实用指令分区基础知识分区的方式mbr 分区最多支持四个主分区。系统只能安装在主分区。扩展分区要占一个主分区。MBR 最大支持 2 TB，但拥有最好的兼容性。gtp 分区支持无限多个主分区（但操作系统可能限制，比如 windows 下最多 128 个分区）。最大支持 18EB 的容量（1EB = 10
2022-04-05 18:37:10
85
原创 Linux 组管理和权限管理
Linux 组管理和权限管理组管理Linux 组的基本介绍文件/目录所有者组的创建文件/目录所在组其他组权限权限的基本介绍rwx 权限详解修改权限 - chmod第一种方式：+、-、= 变更权限第二种方式：通过数字变更权限修改文件所有者 - chown修改文件所在组 - chgrp组管理Linux 组的基本介绍在 Linux 中的每个用户必须属于一个组，不能独立于组外。在 Linux 中每个文件有所有者、所在组、其他组的概念。所有者所在组其他组改变用户所在的组文件/目录所有者
2022-04-05 18:34:45
78
原创 Linux 用户管理和实用命令
Linux 用户管理和实用命令Linux 的目录结构xftp 连接成功以后为乱码vi 和 vim 编辑器vi 和 vim 常用的三种模式用户的登录和注销基本介绍用户管理基本介绍添加用户指定/修改密码删除用户查询用户信息指令切换用户查看当前用户/登录用户用户组新增组删除组修改用户组用户和组的相关文件/etc/passwd 文件/etc/shadow 文件/etc/group 文件Linux 实用指令指定运行级别帮助指令man 指令help 指令文件目录类pwd 指令ls 指令cd 指令mkdir 指令rmdi
2022-04-05 18:32:50
85
原创 Vue CLI的使用
Vue CLI什么是Vue CLIVue CLI 使用前提nodecnpm 安装Webpackwebpack 的全局安装Vue CLI 的使用安装初始化项目配置项目什么是Vue CLI如果你只是简单写几个 Vue 的 Demo程序，那么你不需要Vue CLI。如果在开发大型项目，那么就需要并且必然需要使用Vue CLI。使用 Vue.js 开发大型应用时，我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。如果每个项目都要手动完成这些工作，那无疑效率比较低效，所以通常我们会
2022-04-04 09:02:29
379
原创 TS 中的面向对象
TS 面向对象的补充类（class）构造函数和 this继承super 关键字抽象类接口属性的封装泛型具体的面向对象学习可参考：https://blog.csdn.net/M_ik_Z/article/details/117854302类（class）定义类class 类名 { 属性名: 类型; constructor(参数: 类型) { this.属性名 = 参数; } 方法名 () { .... }}构造函数和 thisthis 指的是当
2022-03-10 21:07:03
160
原创 使用webpack打包TS代码(下)
webpack 打包 TS 时的常见问题使项目可以兼容更多的浏览器webpack 在打包时会创建一个立即执行的箭头函数，导致 ie11 不兼容解决方案：使项目可以兼容更多的浏览器babel 可以使 TS 转换为一些老浏览器支持的语法。使用步骤：使用 npm i -D @babel/core @babel/preset-env babel-loader core-js修改 webpack.config.js 的配置：module: { // 指定要加载的规则rules:
2022-03-10 08:23:18
792
原创 使用 webpack 打包 TS 代码(中)
解决上面遗留的问题问题一：每次编译完成都得重新在 HTML 中引入一次。解决方案：问题二：每次编译都是新文件覆盖旧文件，但是希望它把原文件删除并且重新创建文件。解决方案：问题一：每次编译完成都得重新在 HTML 中引入一次。解决方案：使用插件 html-webpack-plugin 。在终端输入 npm i -D html-webpack-plugin 下载需要使用的插件。对 webpack 进行配置// webpackconfig.jsconst HtmlWebpackPlug
2022-03-02 07:52:25
823
原创 如何配置 Webpack 打包 TS(上)
使用 Webpack 打包 TS 代码的详细步骤第一步：初始化项目在终端使用 npm init -y 对项目进行初始化，会产生一个 package.json 文件。第二步：下载相关依赖在终端中输入以下命令下载 webpack、webpack-cli、typescript、ts-loader 。npm i -D webpack webpack-cli typescript ts-loader第三步：对 Webpack 进行配置在根目录新建一个名为 webpackconfig.
2022-03-01 17:44:09
571
原创 Flex 布局学习
Flex 布局学习1.Flex 布局体验1.1 传统布局与 Flex 布局2.Flex 布局原理2.1 布局原理3.Flex 布局父项常见属性3.1 常见父项属性3.2 flex-direction 设置主轴方向3.3 justify-content 设置主轴上子元素排列方式3.4 flex-wrap 设置子元素是否换行3.5 align-items 设置侧轴上的子元素排列方式（单行）3.6 align-content 设置侧轴上的子元素的排列方式（多行）3.7 flex-flow4.Flex 布局子项常见
2022-02-23 14:40:19
212
原创 基于Vue的16个UI框架集锦
UI框架iView UI组件库Vux UI组件库Element UI组件库Mint UI组件库Bootstrap-Vue UI组件库Ant Design Vue UI组件库AT-UI UI组件库Vant UI组件库cube-ui UI组件库Muse-UI UI组件库N3-components UI组件库Mand Mobilewe-vue UI组件库veui UI组件库Semantic-UI-Vue UI组件库Vue.js Material Component Framework — Vuetify.jsi
2022-01-20 09:02:23
11831
原创 从零构建一个微信小程序
一、微信小程序介绍微信小程序，简称小程序，英文名：Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。1.1 为什么是微信小程序？微信有海量用户，而且粘性很高，在微信里开发产品更容易触达用户。推广 app 或公众号的成本太高。开发适配成本低。容易小规模试错，然后快速迭代。跨平台。1.2 还有其他的小程序 不容忽视支付宝小程序百度小程序QQ 小程序今日头条 + 抖音小程序1.3 优秀的第三方小程序
2022-01-20 08:50:11
1367
原创 Vuex笔记
VuexVuex 是做什么的管理什么状态呢？单界面的状态管理单界面状态管理的实现多界面状态管理使用 Vuex 的 counterVuex 状态管理图例Vuex 的核心概念State单一状态树Getters：Getters 基本使用Getters 使用Getters 作为参数和传递参数Mutation：Mutation 状态更新Mutation 传递参数Mutation 提交风格Mutation 响应规则Mutation 常量类型 - 概念Mutation 同步函数Action：Action 的基本定义Act
2021-10-14 17:03:46
121
原创 Vue组件
Vue组件什么是组件化？Vue 组件化思想注册组件的基本步骤注册组件步骤解析全局组件和局部组件全局组件局部组件父组件和子组件注册组件语法糖全局组件注册语法糖局部组件注册语法糖模板的分离写法组件可以访问 Vue 实例数据吗？组件数据的存放组件的 data 为什么必须是一个函数？父子组件的通信父传子：propsprops 数据验证子传父：$emit()父访问子子访问父访问根组件插槽如何封装这类组件呢？slotslot 基本使用具名插槽作用域插槽编译作用域作用域插槽：准备作用域插槽的使用模块化开发JavaScri
2021-10-14 17:01:28
148
1
原创 Vue-router
Vue-router箭头函数箭头函数的定义箭头函数的参数问题箭头函数的 this 指向升级版 this 指向判断了解知识点什么是路由后端渲染和后端路由前端渲染和前端路由前后端分离阶段单页面富应用阶段URL 的 hashHTML5 的 history 模式：pushStateback()replaceStatego认识 Vue-router安装和使用 Vue-router路由的默认路径HTML5 的 History 模式router-link 补充通过代码修改 Vue-router动态路由路由的懒加载路由懒加
2021-10-14 16:55:29
136
原创 webpack学习
webpack认识 webpack什么是 webpack？模块和 grunt/gulp 的对比webpack 的安装局部安装 webpackpackage.json 中定义启动webpack 的起步准备工作js文件的打包使用打包后的文件webpack 的配置入口和出口loader 的使用什么是 loader？CSS 文件处理 - 准备工作css-loader 和 style-loader下载安装 css-loader 和 style-loaderless-loderless 文件处理-准备工作less 文件
2021-09-08 16:18:00
134
原创 Vue.js 基础
Vue.js 基础简单认识 VuejsVuejs 安装Vue 安装方式有很多：Hellow Vuejs数据类型内容绑定，事件绑定v-text 指令v-html 指令v-on 指令v-on 补充v-model 指令v-model: radiov-model: checkboxv-model: select值绑定v-model 修饰符v-show 指令v-if 指令v-bind 指令v-bind 绑定classv-bind 绑定stylev-for 指令v-for 遍历数组v-for 遍历对象组件的 key 属
2021-08-05 16:00:07
303
原创 Node基础
Node基础Node开发概述为什么要学习服务器端开发基础服务器端开发要做的事情为什么选择NodeNode是什么Node运行环境搭建Node.js快速入门Node.js组成Node.js的基础语法Node.js模块化开发JavaScript 开发弊端软件中的模块化开发Node.js模块化开发规范模块成员导出的另一种方式系统模块什么是系统模块系统模块fs文件操作文件写入内容系统模块 path 路径操作路径拼接语法相对路径 VS 绝对路径第三方模块什么是第三方模块第三方模块有两种存在形式获取第三方模块第三方模块
2021-07-09 09:57:08
142
原创 正则表达式
正则表达式正则表达式概述正则表达式的特点正则表达式在 JavaScript 中的使用创建正则表达式测试正则表达式 text正则表达式中的特殊字符正则表达式的组成边界符字符类正则表达式中的量词符用户名验证括号总结正则表达式中的预定义类正则表达式中的替换replace 替换正则表达式参数正则表达式概述什么是正则表达式？正则表达式（Regular Expression）是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象。正则表达式通常被用来检索、替换那些符合某个模式（规则
2021-07-05 19:53:06
271
原创 函数进阶总结
函数进阶函数的定义和调用函数的定义方式函数的调用方式this 的指向问题函数内 this 的指向改变函数的 this 指向总结严格模式什么是严格模式开启严格模式严格模式中的变化高阶函数闭包闭包的案例递归利用递归求数学题浅拷贝和深拷贝函数的定义和调用函数的定义方式函数声明方式 function 关键字（命名函数）。function fn(){ }函数表达式（匿名函数）。var fun = function(){ }new Function(‘参数1’，‘参数2’，‘函数体’)（Functio
2021-07-05 15:53:39
109
原创 ES5 中新增的方法
ES5 中新增的方法ES5 新增方法概述数组方法字符串方法对象方法拓展知识forEach 和 some 的区别ES5 新增方法概述ES5中给我们新增了一些方法，可以很方便的操作数组或者字符串，这些方法主要包括：数组方法字符串方法对象方法数组方法迭代（遍历）方法：forEach()、map()、filter()、some()、every();forEcher()语法：array.forEach(function(currentValue,index,arr))curren
2021-07-02 08:29:18
168
原创 构造函数中的继承
构造函数中的继承继承call()借用构造函数继承父类型属性借用原型对象继承父类型方法继承ES6之前并没有给我们提供 extends 继承。我们可以通过构造函数+原型对象模拟实现继承，被称为组合继承。call()作用：调用这个函数，并且修改函数运行时的 this 指向。语法：fun.call(thisArg,arg1,arg2,......)thisArg：当前调用函数 this 的指向对象。arg1，arg2：传递的其他参数。示例：function fn(){ con
2021-07-01 08:45:45
80
原创 构造函数和原型
构造函数和原型概述构造函数构造函数的问题构造函数原型对象原型constructor 构造函数构造函数、实例、原型对象三者之间的关系原型链JavaScript 的成员查找机制（规则）原型对象 this 指向问题扩展内置对象概述在典型的OOP语言中（如Java），都存在类的概念，类就是对象的模板，对象就是类的实例，但在ES6之前，JS中并没有引入类的概念。ES6：全称 ECMAScript6.0 ，2015.06发版。但是目前浏览器的 JavaScript 是ES5版本，大多数高版本的浏览器也支持ES
2021-07-01 08:40:05
118
原创 面向对象案例：Tab栏切换
面向对象案例：Tab栏切换面向对象案例面向对象版Tab栏切换总结面向对象案例面向对象版Tab栏切换功能需求：点击 Tab 栏，可以切换效果。点击 + 号，可以添加 Tab 项和内容项。点击 x 号，可以删除当前的 Tab 项和内容项。双击 Tab 项文字或者内容项文字，可以修改里面的文字内容。步骤：抽取对象： Tab 对象分析对象具有的功能：该对象具有切换功能该对象具有添加功能该对象具有删除功能该对象具有修改功能具体代码如下：var that
2021-06-28 22:03:24
352
原创 JavaScript面向对象
JavaScript面向对象JavaScript面向对象1-1 面向对象编程介绍1-1.1 两大编程思想：1-2 面向过程编程 POP（Process-oriented programming）1-3 面向对象编程 OOP（Object Oriented Programming）1-4 面向过程和面向对象的对比ES6中的类和面向对象2-1 面向对象2-2 对象2-3 类2-4 创建类2-4 类 constructor 构造函数2-5 类添加方法类的继承3-1 继承3-2 super 关键字ES6中的类和对象
2021-06-12 19:08:40
239
2
原创 节点操作介绍
1-1 节点概述网页中所有的内容都叫做节点（标签，属性，文本，注释等），在DOM中，节点使用的是 node 表示。HTML DOM 树中的所有节点都可以通过JavaScript进行访问，所有HTML元素（节点）都可以被修改，也可以创建或者是删除。一般节点至少拥有nodeType（节点类型）、nodeName（节点名称）和nodeValue（节点值）这三个基本属性。元素节点 nodeType 为 1属性节点 nodeType 为 2文本节点 nodeType 为 3 (文本节点包
2021-05-27 19:00:33
1220
原创 模板字符串
模板字符串模板字符串：相当于加强版的字符串，用反引号````` ```，除了作为普通字符串，还可以来定义多行字符串，还可以在字符串中加入变量和表达式。模板字符串的基本用法： var str = `hello'\n'world` console.log(str) // 'hello' // 'world'多行字符串： var str = `hello, world!` console.log(str) // hello， // world!字符串中加入变量和表达式：
2021-05-21 22:05:19
196
原创 H5自定义属性
H5自定义属性自定义属性的目的是为了保存数据，有些数据可以保存到页面中而不用保存到数据库中。获取自定义属性的方式是：getAttribute(‘属性’)。有一些自定义属性很容易引起歧义，不容易判断是元素的内置属性还是自定义属性。H5给我们新增了自定义属性：属性名不要包含大写字母，在 data- 后必须至少有一个字符。该属性可以是任何字符串。注意： 自定义属性前缀 “data-” 会被客户端忽略。设置HTML5自定义属性：HTML5规定自定义属性 data- 开头作
2021-05-21 18:16:39
146
原创 JavaScript操作元素属性
JavaScript操作元素属性：一、 图片元素的属性操作<img src="" alt=""> /*用JavaScript可以操作src属性。*/<script> // 先获取img的src属性，再进行操作。 document.querySlector('img').src = '图片路径'</script>二、 表单元素的属性操作<input type="text" name="" id=""><script> // 先
2021-05-20 17:36:04
130
原创 JavaScript操作元素样式
JavaScript操作元素样式操作元素样式有两种方法：一、 style.css属性操作局限性：只能一个一个地设置元素样式。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wid
2021-05-20 17:19:02
472
原创 JavaScript获取元素的方式
获取元素的三种基本方式一、 通过id名称获取元素:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-05-20 17:11:43
390
原创 onclick事件
一、 鼠标的单击事件：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2021-05-20 17:07:43
969
原创 JavaScript基础事件
事件基础：事件介绍事件：浏览器在时刻监视着用户在页面上的行为，这些行为叫做用户事件。用户做了某个行为，就会触发相应的事件。开发者编写代码告诉浏览器，当用户触发了某个事件后，去执行的代码。常见的鼠标事件:鼠标事件鼠标事件onclick鼠标点击左键触发onmouseover鼠标经过触发onmouseout鼠标离开触发onfocus获得鼠标焦点触发onblur失去鼠标焦点触发onmouseseup鼠标弹起触发onmousedow
2021-05-20 16:58:54
73
原创 onmouseover和onmouseout事件
onmouseover和onmouseout事件：案例1：表格的隔行换色style代码：<style> *{ margin: 0; padding: 0; } table{ width: 80%; line-height: 50px; text-align: center; border: 1px solid #eee; margin: 50px auto; border-collapse: collapse; }
2021-05-20 14:25:12
663
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人