搭建云服务器
1.注册阿里云账号
阿里云官网在高校计划进行学生认证,可以免费领取最高7个月的服务器
修改以下两项购买(白嫖)成功后,重置实例密码然后打开远程连接通过Workbench远程连接,输入实例密码进入操作界面
2. 安装CentOS宝塔面板进入宝塔官网注册账号,登录后进入后台>安装宝塔将该命令复制粘贴到Workbench远程连接的面板上,并执行(因为我一开始选择的是centOS系统,所以复制第一行命令)ps:我一开始是通过下方的在线一键快速安装宝塔,但安装过程中卡住了,只能通过上面的方法
安装结束后,这里会显示宝塔后台地址和账号密码,把这部分截图保存
3. 设置安全组在完成以上操作之后你会发现访问不了该网址,是因为刚装的系统没有放行8888端口,面板后台无法打开。所以我们得先配置一下安全组。进入修改安全组界面点击快速添加选中这几项完成配置
4. 浏览器访问宝塔面板然后我们再打开的宝塔后台地址网址就能正常啦
数组sort()详解
数组sort()
语法:arr.sort([compareFunction])
compareFunction这个参数是可填可不填的
compareFunction 是一个函数,用来指定按某种顺序进行排列的函数。
如果省略,元素按照转换为的字符串的各个字符的Unicode位点进行排序。
该排序方法会改变原始数组
默认排序12345let arr1 = [40,5,2,3,1,6]let arr2 = ['40','5','2','3','1','6']arr1.sort();arr2.sort();console.log(arr1,arr2)//[ 1, 2, 3, 40, 5, 6 ] [ '1', '2', '3', '40', '5', '6' ]
升序
原理:sort()里面的函数返回值如果大于0,则a、b交换位置;(数组原本位置为a在 ...
vue3笔记(四)
Vue3简介vue3简介
性能的提升
打包大小减少41%
初次渲染快55%, 更新渲染快133%
内存减少54%
源码的升级
使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shaking
支持TypeScript
Vue3可以更好的支持TypeScript
Vue3新的特性
Composition API(组合API)setup配置ref与reactivewatch与watchEffectprovide与 inject
新的内置组件FragmentTeleportSuspense
其他改变新的生命周期钩子data选项应始终被声明为一个函数移除keyCode支持作为v-on的修饰符
创建Vue3.0工程使用 vue-cli 创建(官方文档vue-create)123456789## 查看@vue/cli版本,确保@vue/cli版本在4.5.0以上vue --version## 安装或者升级你的@vue/clinpm install -g @vue/cli## 创建vue create vue_test## 启动cd vue_testn ...
vue笔记(三)
vuex概念在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。何时使用?多个组件需要共享数据时
搭建vuex环境
创建文件:src/store/index.js1234567891011121314151617181920//引入Vue核心库import Vue from 'vue'//引入Vueximport Vuex from 'vuex'//应用Vuex插件Vue.use(Vuex)//准备actions对象——响应组件中用户的动作const actions = {}//准备mutations对象——修改state中的数据const mutations = {}//准备state对象——保存具体的数据const state = {}//创建并暴露storeexport default new Vuex.Store({ actions, mutations, ...
vue笔记(二)
组件非单文件组件
Vue中使用组件的三大步骤:定义组件(创建组件)->注册组件->使用组件(写组件标签) 一、如何定义一个组件? 使用Vue.extend(options)创建,其中options和 new Vue(options)时传入的哪个options几乎一样,但也有点区别: 1、el不要写,为什么?—-最终所有的组件都要经过一个vm的管理,由vm中的el决定服务哪个容器 2、data必须写成函数,为什么? —-避免组件被复用时,数据存在引用关系 备注:使用template可以配置组件结构 二、如何注册组件? 1、局部注册:靠new Vue的时候传入components选项 2、全局注册:靠Vue.component('组件名',组件) 三、编写组件标签: <student></student>
关于组件名关于组件标签一个简写方式一个单词组成:第一种写法(首字母小写):school第二种写法(首字母大写):School
多个单词组成:第一种写法(kebab-case命 ...
vue笔记(一)
参考
学习视频链接:尚硅谷Vue2.0+Vue3.0全套教程https://www.bilibili.com/video/BV1Zy4y1K7SH/官方文档:vue.jshttps://v2.cn.vuejs.org/
Vue入门Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。
搭建Vue开发环境
在官方文档中下载开发版本和生产版本;
在html中引入Vue
123456789101112131415<script type="text/javascript" src="本地vue.js的路径"></script><!-- 例 ...
mysql笔记二
数据库中的对象索引索引是数据库随机检索的常用手段,它实际上就是记录的关键字与其相应地址的对应表。
索引之所以能加快查询速度,是因为索引文件只有两个字段。一个是排序后的索引宇段,用于快速查找:另一个是该记录在数据表中的记录号,用于定位读取。这样索引文件的大小就要比数据表小得多,并且使用二分法对索引字段进行查找,从而比无索引时的顺序查找速度要快得多。
索引的作用可归纳为:
可以加快数据的检索速度;
唯一索引可以保证数据记录的唯一性:
在使用排序和分组进行数据查询时,可以显著减少查询中排序和分组的时间;
在进行连接查询时可以加快表与表之间的连接,这在实现数据的参照完整性方面有特别的意义。
注意
建立索引是加快表的查询速度的有效手段。SOL 语句支持用户根据应用环境的需要在基本表上建立一个或多个索引,以提供多种存取路径。一般说来,建立与删除索引由数据库管理员或表的属主负责完成。DBMS 在存取数据时会自动选择合适的索引作为存取路径,用户不必也不能人为选择索引。虽然索引可以提高数据的查询效率,但它会占用一定的存储空间,并且为了维 ...
mysql笔记一
绪论术语
信息( Information) 信息是现实世界中各种事物的存在方式、运动形态以及它们之间的相互联系等诸要素在人脑中的反映,通过人脑的抽象后形成概念。
数据(Data) 数据是数据库中存储的基本对象。定义为描述事务的符号记录。数据的含义称为语义,数据与其语义是不可分的。
数据库(DataBase,DB) 长期存储在计算机内,有组织的,可共享的大量数据的集合。 数据库基本特征:1.永久存储 2.有组织 3.可共享 4.冗余度小 5.易扩展
数据库管理系统(DataBase Management System,DBMS) 位于用户与操作系统之间的一层数据管理软件 数据库管理系统和操作系统一样是计算机的基础软件。 DBMS 的主要任务是按一定格式组织数据,将其存人数据库并进行高效处理,同时负责对数据库进行维护。 DBMS 的主要功能包括使用户能方便地定义和操纵数据,保证数据的完整性、安全性,多用户的并发使用和故障后的系统恢复。
数据库系统管理员(DataBase Administator,DBA) 负责数据库的建立、使用和维护的专业人员
数据库系统(DataBase ...
node.js
初识node.js与内置模块回顾与思考
为什么JavaScript可以再浏览器中被执行? 待执行的JS代码 JS解析引擎 不同的浏览器使用不同的JS解析引擎
为什么JS可以操作DOM还有BOM? 每个浏览器中内置了DOM,BOM这样的API函数,因此浏览器中的javaScript才可以调用它们
浏览器中JS的运行环境 运行环境是指代码正常运行所需要的必要环境Chrome浏览器运行环境: V8引擎v8引擎负责解析和执行js代码和
内置API函数内置API是由运行环境提供的特殊接口,只能在所属的运行环境中被调用
Node.js简介
什么是Node.js? Node.js是一个基于Chrome V8引擎的JS运行环境
Node.js中的JS运行环境 V8引擎和内置API函数
浏览器是JS的前端运行环境Node.js是Js的后端运行环境Node.js中无法调用DOM和BOM等浏览器内置API
Node.js可以做什么?
终端中的快捷键
fs文件系统模块什么是文件系统模块fs模块是Node.js官方提供的、用来操作文件的模块,它提供了一系列的方法和属性,用来满足用户对文件的操作需 ...
MYSQL
基础篇通用语法及分类
DDL: 数据定义语言,用来定义数据库对象(数据库、表、字段)
DML: 数据操作语言,用来对数据库表中的数据进行增删改
DQL: 数据查询语言,用来查询数据库中表的记录
DCL: 数据控制语言,用来创建数据库用户、控制数据库的控制权限
DDL(数据定义语言)数据定义语言
数据库操作查询所有数据库:SHOW DATABASES;查询当前数据库:SELECT DATABASE();创建数据库:CREATE DATABASE [ IF NOT EXISTS ] 数据库名 [ DEFAULT CHARSET 字符集] [COLLATE 排序规则 ];删除数据库:DROP DATABASE [ IF EXISTS ] 数据库名;使用数据库:USE 数据库名;
注意事项
UTF8字符集长度为3字节,有些符号占4字节,所以推荐用utf8mb4字符集
表操作查询当前数据库所有表:SHOW TABLES;查询表结构:DESC 表名;查询指定表的建表语句:SHOW CREATE TABLE 表名;
创建表:1234567CREATE TABLE 表名( 字段1 字段1类型 [C ...