摘要: 🥚一、效果图 🍬 二、代码 🍑2.1、导入依赖(已经安装过node.js) npm install element-plus --save 注意:要是安装失败,可以使用淘宝镜像进行下载,如下: 🍓 2.2、设置淘宝镜像源 由于 npm 原始源在国外,下载速度比较慢,所以最好切换为国内镜像源, 阅读全文
posted @ 2022-11-02 00:12 __fairy 阅读(4137) 评论(2) 推荐(3) 编辑
摘要: 一、效果图 图1: 图2: 图3: 话不多说,上代码!!!! 二、代码 👆 HTML 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" con 阅读全文
posted @ 2022-11-01 19:40 __fairy 阅读(69) 评论(0) 推荐(1) 编辑
摘要: 1、HTML页面 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/cs 阅读全文
posted @ 2022-10-31 15:46 __fairy 阅读(1378) 评论(0) 推荐(1) 编辑
摘要: 一、路由的概要 1.1、什么是路由? 路由就是一组映射关系,根据不同的 url 地址展示不同的内容或页面(key-value); key为路径,value可能是function或component 路由 ( 英文: router ) 就是对应关系 通俗易懂的概念:Hash 地址与组件之间的对应关系 阅读全文
posted @ 2022-10-30 15:27 __fairy 阅读(1835) 评论(0) 推荐(2) 编辑
摘要: 第一章:Vue 3.0 概述 1、选择题 1.1、在MVVM设计模式中,Model代表的是_______。 A. 数据模型 B. 控制器 C. 视图 D、监听模型 1.2、在Vue中挂载点是在_______文件中定义的。 A. main.js B. App.vue C. index.vue D、in 阅读全文
posted @ 2022-10-28 11:33 __fairy 阅读(1591) 评论(8) 推荐(5) 编辑
摘要: 一、组合式API(Composition API)的介绍 官方文档: https://v3.cn.vuejs.org/guide/composition-api-introduction.html 组合式 API (Composition API) 是一系列 API 的集合,使我们可以使用函数而不是 阅读全文
posted @ 2022-10-26 16:01 __fairy 阅读(1029) 评论(0) 推荐(1) 编辑
摘要: 一、前端MVC概要 1.1、库与框架的区别 框架是一个软件的半成品,在全局范围内给了大的约束。库是工具,在单点上给我们提供功能。框架是依赖库的。Vue是框架而jQuery则是库。 1.2、MVC(Model View Controller) 1.2.1、MVC 是什么? MVC是模型(model)- 阅读全文
posted @ 2022-10-20 13:10 __fairy 阅读(723) 评论(0) 推荐(0) 编辑
摘要: 1、插值语法: 1.1、功能: 用于解析标签体内容 1.2、写法: {{ xxx }},xxx是js表达式,且可以直接读取到data中的所有属性。 2、收集表单数据 若:<input type="text"/>,则 v-model 收集的是 value 值,用户输入的就是 value 值。 若:<i 阅读全文
posted @ 2022-10-20 09:57 __fairy 阅读(87) 评论(0) 推荐(0) 编辑
摘要: 一、TypeScript 开发环境搭建 1、TypeScript 是什么? TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 下图显示了 TypeScript 与 JavaScrip 阅读全文
posted @ 2022-09-22 08:41 __fairy 阅读(193) 评论(0) 推荐(1) 编辑
摘要: 一、Node.js 访问MongoDB 数据库 MongoDB 对许多平台都提供驱动可以访问数据库,如C#、Java、Node.js等。 1.1、安装MongoDB访问驱动 命令如下: 全局安装驱动:npm install mongodb -g 在当前项目中引入:npm install mongod 阅读全文
posted @ 2022-09-22 07:55 __fairy 阅读(333) 评论(0) 推荐(1) 编辑