自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(398)
  • 收藏
  • 关注

原创 *11 vue3 中的 watch 函数

监视 reactive 函数定义的响应式数据时,oldValue 无法正确获取,强制开启深度监视。监视 reactive 函数定义的响应式数据中某个属性时,deep 配置有效。

2023-04-10 18:13:24 232 1

原创 *10 vue3 中的 computed 属性

【代码】*10 vue3 中的 computed 属性。

2023-04-09 19:22:07 187

原创 -53 全局事件总线

this.$bus.$emit('xxx',数据)为了节省空间,因此需要在使用后销毁事件。

2023-04-02 20:02:41 142

原创 *9 set up 注意点

值为对象,组件外传递属性,内部声明并且接收属性。值为对象,包含组件外所传递的,没有被。上下文对象,其内部包含三个属性。分发自定义事件的函数,相当于。收到的插槽内容,相当于。

2023-03-16 13:11:16 355

原创 *8 vue3 响应式原理

进行代理,拦截对象中属性的变化(增、删、改、查);( subject对象 和 name属性名 )进行反射,对被代理对象中的属性进行操作。

2023-03-14 14:31:57 84

原创 *7 vue2 响应式原理

this.$set(位置,属性名,属性值)this.$delete(位置,属性名)this.$set(位置,索引,内容)this.$delete(位置,索引)Vue.set(位置,属性名,属性值)Vue.delete(位置,属性名)通过包裹数组更新元素的方式实现(参考。Vue.delete(位置,索引)Vue.set(位置,索引,内容)对属性的读取、修改进行拦截(参考。通过下标修改数组,页面不更新。新增、删除属性,页面不更新。

2023-03-12 16:00:42 274

原创 *6 reactive 函数

1、其内部依据 ES6 中的。reactive 函数。

2023-03-11 15:34:25 85

原创 *5 ref 函数

举例:点击按钮将“小米”变为“华为”举例:点击按钮将10变为20。:使用 vue3 中新的。reactive 函数。

2023-03-10 14:58:50 63

原创 *4 set up

5、vue2 中的配置项可以在 vue3 中写,但不建议与 set up 同用。(1)、返回一个对象,对象中的数据,方法等可以直接使用。3、组件中的数据、方法等,都要写在。是 vue3 中一个新的配置项。(2)、返回一个渲染函数。

2023-03-08 14:11:33 60

原创 *3 安装 Vue3 开发者工具

https://pan.baidu.com/s/1MtYvMPew4lb14piIrs9x6w 提取码:6666。(4)当打开一个 Vue3 项目后,若 图案变亮,则安装成功。打不开的话,也可以通过下面链接下载。3、下载好后按照下面步骤进行。,将开发者工具固定在浏览器上。chrome 网上商店。,再把下载好的文件拖进来。chrome 网上商店。Vue3 开发者工具。

2023-02-24 18:12:03 628 2

原创 *2 Vue3 的工程结构

vue.config.js 文件。App.vue 文件的差距。main.js 文件。

2023-02-21 18:28:02 53

原创 *1 创建 Vue3

win键 + r ,输入cmd ——>输入。(2)在桌面创建项目(也可以在其他位置)(1)在桌面创建项目(也可以在其他位置)(3)执行项目(在项目目录下,执行。(3)执行项目(在项目目录下,执行。(2)在项目目录下,执行。版本,则需要重新安装。

2023-02-15 16:25:02 234

原创 %29 身份认证

的开发模式:前端使用 Ajax 发送请求,后端提供 API 接口,从而达到前后端分离的工作模式(后台管理)的开发模式:服务器发送给客户端的 HTML 页面,是在服务器通过字符串的拼接,动态生成的(企业级网站):客户端的每次 HTTP 请求都是独立的,多个请求之间没有直接的关系。:储存在用户浏览器中一般不超过 4kB 的字符串(默认不支持跨域访问,因此需要做许多跨域配置。Session 认证机制。Session 认证机制。HTTP 协议的无状态性。

2022-12-22 11:43:14 497

原创 %28 MySQL 数据库

使用最广泛、流行度最高的开源免费数据库(属于传统型数据库)用来阻止、存储和管理数据的仓库。数据库、数据表、数据行、字段。

2022-12-21 13:41:42 67

原创 %27 CORS 跨域资源共享

由一系列的 HTTP 响应头组成,这些响应头可以决定浏览器是否阻止前端 js 代码跨域获取资源。

2022-12-21 12:57:33 413

原创 %26 使用 express 编写接口

为第三方的中间件,用于解决。

2022-12-20 13:14:33 89

原创 %25 express 中的中间件

(2)、本质是一个 function 处理函数(与普通路由函数相比,形参中多了。(1)、当客户端的请求到达 express 服务器后,会连续调用多个。(1)、客户端发出的任何请求,到达服务器后,都会触发的中间件。(1)、不使用 app.use() 定义的中间件即为。用于将流转关系转交给下一个。

2022-12-20 11:48:38 330

原创 %24 路由

直接挂载到app上,随着路由的增多,文件会越来越大;因此,需要对路由进行。(2)、在想要使用路由模块的文件中导入并注册。

2022-12-19 14:19:50 89

原创 %23 nodeman

node + 文件名(输入文件名前缀,按TAB键自动补全)的形式启动服务器时,如果想要修改内容,需要将服务器重启。这个工具后,代码修改后,服务器会自动重启。nodeman + 文件名。

2022-12-19 13:21:28 160

原创 %22 express 托管静态资源

express 框架提供的函数,用于创建静态资源服务器。当托管多个静态资源目录时,谁在前,谁先读取目录。文件,则开启服务器后,访问该文件地址为。当挂载前缀后,此时访问的文件地址为。

2022-12-17 19:39:06 107

原创 %21 使用 express 创建基本的服务器

(1)、基于 Node.js 平台,快速、开放、极简的 Web 开发框架,本质为第三方的包。类似,前者是基于后者封装出来的。与 Node.js 内置的。

2022-12-17 17:00:54 102

原创 %20 模块的加载机制

路径表示符(./ 或../)

2022-12-16 09:55:07 58

原创 %19 包的分类

使用 npm 安装时加上 -g 后缀,会被安装到。i5ting_toc -f 要转换的 md 文件路径 -o。:将 md 文档转为 html 页面的小工具。实现 md 文档转为 html 页面的功能。npm uninstall 包名 -g。npm i 包名 -D。npm i 包名 -g。

2022-12-16 09:00:09 170

原创 %18 解决下载包慢的问题

淘宝在国内搭建一个与国外服务器内容相同的服务器,提供下包服务,大幅提升了下载速度。使用 npm 下包时,是从国外的服务器进行下载,因此下载速度慢。可以更加方便的切换 npm 的下包镜像源。: 将下包镜像源切换成淘宝。: 查看所有可用的镜像源。

2022-12-15 10:37:38 130

原创 %17 包文件解读

当遇到兼容性问题时,需要安装指定版本的包,可以通过。以上两个文件中的内容,不要随意修改。时,会自动安装最新版本的包。npm i xxx @版本号。:用来存放安装到项目中的包。第三位数字:Bug修复版本。:记录每一个包的信息。第二位数字:功能版本。

2022-12-15 09:25:21 240

原创 %16 使用包格式化时间

2、使用 require() 方法 导入。1、使用 npm 安装。官方文档进行格式化时间。

2022-12-14 11:14:07 62

原创 %15 包与 npm

(2)、由于 Node.js 的内置 API 效率太低,因此需要第三方的。提供更高级、更方便的 API,提高开发效率。(1)、Node.js 中的第三方模块。规定了模块的特性和各模块间的相互依赖。加载某个模块,其实就是加载该模块的。module.exports 属性。,在下载 Node,js 的同时,:用来查看 npm 的版本号。require() 方法。(1)、每个模块内部,exports 属性。

2022-12-14 10:59:06 168

原创 %14 module.exports 对象和 exports 对象

注意:为了防止混乱,建议大家不要在同一个模块中同时使用 exports 和 module.exports。由于 module.exports 写起来较为复杂,所以Node还提供了。将自定义模块内的成员共享出去,外界通过。module.exports 对象。module.exports 对象。导入自定义模块时,导入结果永远以。require() 方法。require() 方法。exports 对象。,与前者指向同一个对象。

2022-12-09 18:29:35 314

原创 %13 模块作用域和 module 对象

它里面存储了当前模块相关的信息。等成员,只能在当前模块内被访问。在每个自定义模块中都有一个。在自定义模块中定义的。

2022-12-09 18:14:53 82

原创 % 12 模块化的分类及 require 的使用

1、Node.js 的模块分类2、 如何加载使用自定义模块?

2022-12-06 20:58:21 230

原创 % 11 req请求对象和 res响应对象

1、req请求对象 2、res响应对象

2022-12-06 13:21:12 73

原创 % 10 创建基本的Web服务器

当调用 res.end() 方法时,向客户端发送中文的内容,会出现乱码的问题,需要手动设置内容的编码格式。为服务器实例绑定 request 事件、监听客户端的请求。创建 Web 服务器实例。:包含客户端的数据和属性。:包含服务器的数据和属性。导入 http 模块。

2022-10-16 11:06:15 97

原创 % 9 http模块

服务器安装了Web服务器软件(如:Apache),在 Node.js 中不需要这些额外的软件。5、端口号:一台服务器中有很多Web服务,每个Web服务都有对应的。由 Node.js 官方提供,用来创建 Web 服务器的模块。互联网上每台计算机的唯一地址,其格式由 “由于IP地址不便于记忆,人们发明了。都是0~255之间的十进制整数。(如同生活中的门牌号一样)(1)可以在终端中,输入。是一一对应的,可以通过。来访问对应的服务器,

2022-10-16 09:43:48 757

原创 % 8 将时钟案例拆分

1、定义正则表达式,匹配。

2022-10-15 11:47:40 129

原创 % 7 时钟案例

【代码】% 7 时钟案例。

2022-10-15 11:38:14 125

原创 % 6 使用 path 模块处理路径

Node.js 官方提供的,用来处理路径的模块。它提供了一系列的方法和属性,用来满足用户对路径的处理需求。,用来从路径字符串中,将文件名解析出来(通常读取路径中的最后一部分),用来将多个路径片段拼接成一个完整的路径字符串。获取路径中的扩展名部分。

2022-10-13 10:25:51 188

原创 % 5 路径动态拼接的问题

开头的相对路径时,很容易出现路径动态拼接错误的问题。在使用 fs 模块操作文件,如果提供的路径以。提供绝对路径(移植性差,不利于维护)会以执行 node 命令时所处的目录。,动态拼接出被操作文件的完整文件。使用__dirname。

2022-10-13 10:15:37 126

原创 -52 scoped 样式

在样式标签中添加scoped,使样式在局部生效,防止冲突。

2022-10-13 09:38:51 52

原创 -51 插件

2、本质是含有 install 方法的一个对象,install 的第一个参数是。2、在 main.js 中,引入并使用插件。,第二个以后的参数是。插件使用者传递的参数。

2022-10-13 09:31:12 208

原创 %4 读取和写入文件内容

Node.js 官方提供的、用来操作文件的模块,它提供了一系列的方法和属性,用来满足用户对文件的操作需求。用来向指定的文件写入内容。用来读取指定文件的内容。

2022-10-12 17:35:16 188

空空如也

空空如也

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

TA关注的人

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