- 博客(159)
- 收藏
- 关注
RSS订阅原创 React 重点（MS）
和普通浏览器一样，事件handler会自动传入一个event事件对象，这个对象和普通浏览器的 event 对象所包含的方法和属性基本一致。不同的是 React 中的 event 对象并不是浏览器提供的，而是它自己内部所构建的，它同样具有 event.stopPropagation，event.preventDefault 这种常用的方法。React并不会真正的绑定事件到每一个具体的元素上，而是。，如果绑定在每一个Dom节点上是非常消耗内存的。
2023-10-12 10:09:36
104
原创 使用 CSS 实现垂直居中
使用定位，给父元素添加相对定位，子元素添加绝对定位，给子元素设置：top: 50%;父容器设置为弹性盒模型布局，其中父元素中设置 dispaly: flex;父容器设置为弹性盒模型布局，其中父元素中设置 dispaly: flex;使用定位，给父元素添加相对定位，子元素添加绝对定位，给子元素设置：top:0;margin: 0;父容器设置为弹性盒模型布局，其中父元素中设置 dispaly: flex;子容器中设置：margin: auto;
2023-09-15 14:37:34
67
原创 路由中的 hash模式 与 history 模式
1. hash 模式使用的锚点技术重写 URL 访问地址，会在原有的 URL 路径上拼接 /#/xxx，这种方式可以在不重新加载原有的 HTML 文件的基础上，实现切换 URL 路径的目的。history 模式重写 URL 路径的解决方案与 hash 模式现象类似单本质不同，虽然 history 模式可以重写 URL 路径，VueRouter 为例支持页面应用的页面管理和页面调跳转，提供的两种页面的跳转和加载模式：分别是 hash模式 与 history模式。，所以history重写URL 路径后，
2023-09-12 11:56:38
115
原创 初学Vue3
1. main.js 中 vue3 不再引入 Vue构造函数，引入的是一个名为2. main.js 中创建应用实例对象不同，具体代码如下3. app 与 vm 的区别，app 比 vm 更轻，身上的东西比 vm 少，更加轻盈，app 打印如下4. Vue3 中的模板结构可以没有跟标签。
2023-09-11 17:16:05
72
原创 SQL 中的 DML语言
概念：DML 英文全称时 Data Manipulation Language(数据库操作语言)，用来对数据库中表的数据记录进行增删改操作。分类：1. 增加数据（INSERT）2. 修改数据（UPDATE）3. 删除数据（DELETE）
2023-08-20 09:30:08
85
原创 SQL 通用语法及分类
单行注释：-- 注释内容 或 # 注释内容 （MySQL特有）3. MySQL 数据库的SQL 语句不区分大小写，关键字建议使用大写。2. SQL 语句可以使用空格 / 缩进来增强语句的可读性。1. SQL 语句可以单行或多行书写，以分号结尾。多行注释：/* 注释内容 */创建数据库用户，控制数据库的访问权限。
2023-08-19 15:08:15
69
原创 MySQL数据库（启动停止与连接）
其中：DBMS 是数据库管理系统，是一个软件，用来创建和操作数据库的，而一个数据库中可以包含多张表结构，表才是最终存储数据的。2. 使用 SQL 语言操作，标准统一，使用方便。概念：建立在关系模型基础上，由多张相互连接的二维表组成的数据库。1. 使用表存储数据，格式统一，便于维护。默认连接 本机127.0.0.1 的ip 连接的是 3306 端口。方式一：MySQL 提供的客户端命令行工具。方式二：系统自带的命令行工具执行命令。-h 指定连接的是哪个 ip。-P 指的是连的是哪一个端口。
2023-08-19 14:46:52
97
原创 数据库基本概念
数据库（database）是用来组织存储和管理数据的仓库。当今世界是一个充满数据的互联网世界，充斥着大量的数据。数据的来源有很多，比如出行记录，消费记录，浏览的网页，发送的信息等等。除了文本类型的数据，图像，音乐，声音都是数据。为了方便管理互联网世界中的数据，就有了数据库管理系统的概念（简称：数据库）。用户可以对数据库中的数据进行新增，查询，更新，删除等操作。
2023-08-19 11:12:22
72
原创 CORS 中间件解决接口跨域问题
CORS (Cross-Origin Resource Sharing, 跨域资源共享) 由一系列HTTP 响应头组成，这些 HTTP 响应头决定浏览器是否阻止前端 JS 代码跨域获取资源浏览器的同源安全策略会默认阻止网页"跨域"获取资源。但如果接口服务器配置了 CORS 相关的 HTTP 响应头，就可以解除浏览器端的跨域访问机制。
2023-08-18 16:39:00
114
原创 Node 中 Express中间件(Middleware)分类
注意：通过 express.json() 这个中间件，解析表单中的 JSON 格式的数据，这个中间件会把解析出来的数据挂载到 req 身上，叫做body，后续可以通过 req.body来进行访问。注意：在默认情况下，如果不配置解析表单数据的中间件，则 req.body 默认等于 undefined。例如：在 express@4.16.0之前的版本中，经常使用 body-parser 这个第三方中间件，来解析请求数据。注意：在服务器，可以使用 req.body 这个属性，来接收客户端发送过来的请求体数据。
2023-08-18 11:30:05
89
原创 Node.js 中的 Express中间件（Middleware）
中间件（Middleware）, 特指业务流程的中间处理环解。// 定义一个简单的中间件函数console.log('我是一个中间键函数')// 把流转关系交给下一个中间件或路由next()注意：在当前中件的业务处理完毕后，必须调用 next() 函数，表示把流转关系转交给下一个中间件或路由注意：中间件函数与普通函数最大的区别就是参数，参数一：req，参数二：res，参数三：next多个可以在路由中，通过如下两种等价的方式，使用多个局部中间件。
2023-08-17 17:58:02
107
原创 Node.js 中 Express路由
广义上来讲，路由就是映射关系2. Express 中的路由客户端的请求与服务器处理函数之间的映射关系。Express 中的路由分 3 部分组成，分别是请求的类型，请求的 URL 地址，处理函数，格式如下Express 中路由例子。
2023-08-17 14:39:26
88
原创 Node.js 中托管静态资源(express.static())
express 提供了一个非常好用的函数，叫做 express(), 通过它，我们可以非常方便的创建一个静态资源服务器 例如：通过如下代码就可以将 code 目录下的图片，CSS文件，JavaScrip文件对外访问了 现在，就可以访问呢 code 目录中的所有文件了 http://127.0.0.1/index.html http://127.0.0.1/index.js http://127.0.0.1/index.css
2023-08-17 11:47:43
104
原创 Node 中的 Express
Express 是基于Node.js平台，快速，开放，极简的Web开发框架Express 的作用和 Node.js 内置 http 模块类似，专门用来创建 Web 服务器的Express的中文官网：http://www.expressjs.com.cn/
2023-08-17 10:47:43
68
原创 axios 响应结果的结构
1. config：配置对象，里面保存了请求类型，请求的url，请求体等等数据 2. data：data是响应体的结果，也就是服务器返回的结果 注意：axios 对服务其返回的结果进行了 json 解析，将其转换成了一个对象，方便我们对结果进行处理 3. headers：是响应头信息 4. request：保存的是原生的 AJAX请求对象，也就是XMLHttpRequest实例对象 5. status：响应状态码
2023-08-13 16:12:06
121
原创 axios 的介绍与页面配置
基于 Promise 的 HTTP 客户端，可以在浏览器和node.js两个环境中运行1. 在浏览器端，可以借助axios可以向服务端发送 ajax 请求2. 在node.js 环境中，可以用axios向远端服务发送 HTTP 请求。
2023-08-13 14:31:06
65
原创 ES6 Map(集合)
返回值：boolean值，当集合中有该键值对返回true 当集合中没有该键值对返回false。作用：监测 Map 中是否包含某个元素，返回 boolean 值。作用：增加一个新元素，返回当前Map。格式：m.set(键名, 键值)是否修改原集合：修改原集合·是否修改原集合：不修改原集合。是否修改原集合：不修改原集合。作用：返回键名对应的键值，返回值：当前键名对应的键值。是否修改原集合：修改原集合。返回值：返回当前 Map。格式：m.get(键名)格式：m.has(键名)格式：m.clear()
2023-08-12 21:16:30
64
原创 Promise 中的关键问题
1.调用 resolve方法，可以将 Promise对象的状态由 pending 变为 fullfilled2.调用 reject方法，可以将 Promise对象的状态由 pending 变为 rejected。
2023-08-12 15:09:05
57
原创 Promise 的理解和使用
Promise 是一门新的技术（ES6规范），Promise 是 JS 中进行异步编程的新解决方案，备注：旧的解决方案是单纯的回调函数。注意：promise 对象的状态只能改变一次，无论是成功还是失败，都会只有一个结果数据，成功的结果数据一般称为 value，失败的结果数据一般称为 reason。注意：指定成功得到的 value 的成功回调和用于得到失败 reason 的失败的回调返回一个新的 promise 对象。(2) resolve 函数：内部调用成功时我们调用的函数 (value) => {}
2023-08-10 17:55:16
41
原创 ES6 中的生成器函数
next 方法传参，第二个next 方法传递的参数就作为上一个 yield 语句的返回值，以此类推。5.4.2 打印结果。6.2 使用 next 方法传参。
2023-08-10 10:09:10
57
原创 ES6 迭代器（Iterator）
目录迭代器概念：迭代器与 for...of迭代器工作原理：利用迭代器自定义遍历数据 迭代器（Iterator）是一种接口，为各种不同的数据结构提供统一的访问机制，任何数据结构只要部署 Iterator 接口，就可以完成遍历操作 1) ES6 创造了一种新的遍历命令 for...if 循环，Iterator 接口主要提供 for...of 消费 2) 原生具备 iterator 接口的数据（可用 for of 遍历） a）Array
2023-08-09 18:02:15
56
原创 ES6 中的 Symbol
ES6 引入了一种新的原始数据类型 symbol, 表示独一无二的值。它是 JavaScript 语言的第七种数据类型，是一种类似于字符串的数据类型 1. Symbol 的值是唯一的，用来解决命名冲突的问题 2. Symbol 值不能与其他数据进行运算 3. Symbol 定义的对象属性不能使用 for...in 循环遍历，但是可以使用 Reflect.ownKeys 来获取对象的所有键名 4. Symbol 定义的数据是不可以与其他数据类型进行运算的
2023-08-09 16:39:42
59
原创 Linux 中的文件的权限
第一部分：代表文件的类型第二部分：代表当前用户所具有该文件的权限第三部分：代表当前组内其他用户具有该文件的权限第四部分：代表其他组用户具有该文件的权限注意：每一个字母都有对应的数字。
2023-08-09 14:37:05
59
原创 Linux 中的系统管理命令
ps 正在运行的·某个进程的状态 1.ps -ef 查看所有进程 结果展示 后面还有很多进程，此图只展示了一部分进程 2. ps -ef | grep java 查找java 进程 结果展示 3.kill 编号 杀死当前编号的进程 4.kill -9 编号 强制杀死当前编号的进程
2023-08-09 11:54:26
64
原创 Linux 中的 Vim编辑器
注意：打开文件 vim file 或 vi file vim 是 vi 的加强版。O 在当前行之前插入一行。vi / vim 编辑器来编辑文件。
2023-08-09 11:22:19
47
原创 Linux 中常用的命令
格式：grep (选项) ... PATTERN [FILE] ...注意：按 q 键可以退出查看 按 ctrl + c 不可以退出查看。注意：不可以既给路径 又给 新名字，即不可以 移动文件时进行重命名。注意：在 Linux 中 "." 开头的文件都是隐藏文件。注意：.gz 是 Linux 中压缩文件的后缀名。注意：按 q 键退出查看 或 ctrl + c 退出查看。查找文件中符合条件的字符串。打包成一个文件，但不做压缩。
2023-08-09 09:09:45
61
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人