- 博客(50)
- 收藏
- 关注
RSS订阅原创 从 Vue2向Vue3的迁移
在 Vue Router API 从 v3（Vue2）到 v4（Vue3）的重写过程中，大部分的 Vue Router API 都没有变化，但是在迁移程序时，可能会遇到一些破坏性的变化。
2022-08-23 18:10:33
2086
原创 Vue路由（vue-router）
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。route：首先它是个单数，译为路由，可以理解为单个路由或者某一个路由；例如Home按钮 => home内容， 这是一条route, about按钮 => about 内容， 这是另一条路由。routes：它是个复数，表示多个的集合才能为复数；可以理解为多个路由的集合，官方定义routes是一个数组；所以routes表示多个路由(route)的集合；
2022-08-23 11:36:20
581
原创 Vue2和Vue3创建项目的区别
是vue-cli3.x的初始化方式，目前模板是固定的，模板选项可自由配置，创建出来的是vue-cli3的项目，与vue-cli2项目结构不同，配置方法不同，具体配置方法参考官方文档。
2022-08-23 11:02:39
957
原创 React 的JSX语法
React 使用 JSX 来替代常规的 JavaScript。JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。这种看起来可能有些奇怪的标签语法既不是字符串也不是 HTML。它被称为 JSX， 一种 JavaScript 的语法扩展。我们推荐在 React 中使用 JSX 来描述用户界面。JSX 是在 JavaScript 内部实现的。我们知道元素是构成 React 应用的最小单位，JSX 就是用来声明 React 当中的元素。
2022-08-20 11:48:36
204
原创 命令式编程和声明式编程
命令“机器”如何去做事情(how)，这样不管你想要的是什么(what)，它都会按照你的命令实现。（注重过程）。用详细的命令机器怎么去处理一件事情以达到你想要的结果。例如你想通过点击改变页面中某一个元素，首先要获取按钮，再给按钮添加点击事件，获取要改变的元素，执行点击函数，改变元素达到自己的目的，这是一步一步的步骤操作，就如同给计算机发布命令，一步一步执行，这就是命令式编程。告诉“机器”你想要的是什么(what)，让机器想出如何去做(how)。（注重结果）
2022-08-20 11:10:37
2255
原创 DOM对象
深度复制是将当前节点的所有子节点全部复制，当值为true时表示深度复制；2 ------ 属性（attribute）标签的属性。D、previousSibling：返回当前节点的前一个兄弟节点。B、再使用appendChild()方法将创建创建的新节点添加到当前节点的末尾处。B、firstChile：返回当前节点的第一个子节点。C、lastChild：返回当前节点的最后一个子节点。A、parentNode：返回当前节点的父节点。ref：指定一个节点，在这个节点前插入新的节点。...
2022-08-14 19:09:31
433
原创 正则表达式基本语法
正则表达式(Regular Expression)是一种文本模式，包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为"元字符"）。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串。正则表达式是繁琐的，但它是强大的，学会之后的应用会让你除了提高效率外，会给你带来绝对的成就感。只要认真阅读本教程，加上应用的时候进行一定的参考，掌握正则表达式不是问题。许多程序设计语言都支持利用正则表达式进行字符串操作。...
2022-08-13 23:09:58
824
原创 Ajax：异步的 JavaScript 和 XML
AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 最大的优点是在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容。AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。AJAX不是一门新的语言或技术，是由JavaScript、XML、DOM、CSS等多种已有技术组合而成的一种浏览器端技术。.........
2022-08-13 22:22:38
703
原创 v-model 指令
指令用来在等表单控件元素上创建双向数据绑定，根据表单上的值，自动更新绑定的元素的值,会根据控件类型自动选取正确的方法来更新元素。
2022-08-13 14:58:48
1161
原创 vue-cli深入学习
目录一、Vue-cli 小案例1、创建自己的第一个 vue-cli 项目界面 2、实现组件的嵌套 (1)创建一个 Users.vue 的组件(2)将 Users 这个子组件嵌套到父组件（App.vue）中 3、Vue 组件 css 域 二、实现 Vue-cli 项目，利用多个组件嵌套实现页面1、Header 组件部分 2、Footer 组件部分 3、Users 组件部分4、 CSS 样式 5、App.vue 组件部分 6、最终成果界面vue-cli 的一个重要的文件 src,基本上我们所用到的
2022-08-11 22:05:28
509
原创 Vue 脚手架(vue-cli) 环境搭建
vue 脚手架指的是 vue-cli 它是 vue 官方提供的一个快速构建单页面（SPA）环境配置的工具，cli 就是(command-line-interface ) 命令行界面。webpack 的主要目标是将 JavaScript 文件打包在一起，打包后的文件用于在浏览器中使用。a. 将安装包放在 ./node_modules 下（运行 npm 命令时所在的目录），如果没有 node_modules 目录，会在当前执行 npm 命令的目录下生成 node_modules 目录。...
2022-08-11 18:31:03
3030
原创 vue.js 中组件的创建
组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。...
2022-08-10 22:41:38
1422
原创 Vue计算属性和侦听器
这里表达式包含三个操作，并不是很清晰，所以在遇到复杂的逻辑时应该使用计算属性。上data: {},{//所有计算属性都以函数的形式写在 Vue 实例内的 computed 选项内，最终返回计算后的结果}}})
2022-08-07 13:41:58
384
原创 MongoDB数据库操作
七、以“同步”方式编写MongoDB操作代码。六、为MongoDB集合创建索引。二、添加MongoDB文档。1、使用updateMany。驱动的包名为mongodb。三、查询MongoDB文档。五、删除MongoDB文档。1、往集合中添加单个文档。2、往集合中添加多个文档。选项可以实现查询结果分页。方法来更改符合条件的文档。3、返回指定的查询字段。1、删除一个文档可使用。选项限制返回的文档数。选项指定跳过的文档数。...
2022-08-06 22:49:58
1330
原创 MongoDB的安装
2、安装和使用可视化工具Compass。3、安装和使用可视化工具Compass。之后，即可以使用可视化方法管理和操作。安装包启动安装向导，根据向导。文件，再执行该文件正式安装。目的文件名（带路径和扩展名。提示完成安装和初始配置。1、安装MongoDB。官网下载社区版安装包；显示当前的数据库列表。.........
2022-08-06 11:04:35
335
原创 MongoDB数据库简介
1、MongoDB的优势JSON文档模型高可用动态的数据模式文本搜索二级索引强大企业级安全查询功能聚合框架MapReduce自动分片大文件存储GridFS水平扩展支持多种编程语言自动复制2、MongoDB的应用场合存储网站内容、缓存等大容量、低价值的数据在高伸缩性的场景中用于对象及JSON数据的存储SQL数据库4个表MongoDB数据库1个集合3、MongoDB与SQL的术语对比Database（数据库）Database。......
2022-08-06 10:54:09
1770
原创 MySQL中的DQL（二）
6.1 COUNT：当需要纵向统计时可以使用COUNT()当需要分组查询时需要使用GROUP BY子句，例如查询每个部门的工资和，这说明要使用部分来分组。7.1 分组查询注意：WHERE是对分组前记录的条件，如果某行记录没有满足WHERE子句的条件，那么这行记录不会参加分组；而HAVING是对分组后数据的约束。注意：起始行从0开始，即第一行开始！8.2 查询10行记录，起始行从3开始。...
2022-08-05 23:26:42
386
原创 MySQL中的DQL（一）
目录 创建数据库：Info，在Info下创建如下表： ☆雇员表：emp ☆部门表：dept 1、基础查询2、条件查询 3、模糊查询4、字段控制查询5、排序数据库执行DQL语句不会对数据进行改变，而是让数据库发送结果集给客户端。字段名称字段类型说明sidchar(6)学生学号snamevarchar(50)学生姓名ageint学生年龄gendervarchar(50)学生性别字段名称字段类型说明empnoint员工编号enamevarchar(50)员工姓名jobvarchar(50)员工工作mgrint领导
2022-08-05 23:02:38
320
原创 MySQL中的DML
语法1：INSERT INTO 表名(列名1,列名2, …) VALUES(值1, 值2);语法2：INSERT INTO 表名 VALUES(值1,值2,…);因为没有指定要插入的列，表示按创建表时列的顺序插入所有列的值：语法：UPDATE 表名 SET 列名1=值1, … 列名n=值n [WHERE 条件];.........
2022-08-05 20:00:08
254
原创 MySQL中的DDL
创建数据库，例如：CREATE DATABASE mydb1，创建一个名为mydb1的数据库。如果这个数据已经存在，那么会报错。例如CREATE DATABASE IF NOT EXISTS mydb1，在名为mydb1的数据库不存在时创建该库，这样可以避免报错。删除数据库，例如：DROP DATABASE mydb1，删除名为mydb1的数据库。如果这个数据库不存在，那么会报错。DROP DATABASE IF EXISTS mydb1，就算mydb1不存在，也不会的报错。...............
2022-08-05 19:28:47
861
原创 MySQL基础
SQL（Structured Query Language）是“结构化查询语言”，它是对关系型数据库的操作语言。它可以应用到所有关系型数据库中，例如：MySQL、Oracle、SQL Server等。虽然SQL可以用在所有关系型数据库中，但很多数据库还都有标准之后的一些语法，我们可以称之为“方言”。例如MySQL中的LIMIT语句就是MySQL独有的方言，其它数据库都不支持！当然，Oracle或SQL Server都有自己的方言。这些标准就与JDK的版本一样，在新的版本中总要有一些语法的变化。......
2022-08-05 19:19:04
73
原创 Vue组件的计算属性和普通属性的区别
1.计算属性本质是包含getter和setter的方法。2.当获取计算属性时，实际上是在调用getter方法。vue会收集计算属性的依赖，并缓存计算属性返回的结果。只有当依赖变化的时候才会重新进行计算。3.方法没有缓存，每次调用方法都会导致重新执行。4.计算属性的getter和setter参数固定：getter没有参数，setter只有一个参数。而方法的参数不限。5.最重要的区别是含义上面的区别：计算属性也是一个数据，可以读取也可以赋值。而方法含义上是一个操作用于处理一些事情。...
2022-08-02 20:48:58
522
原创 Vue组件的限流方法
当我们点击按钮向服务器发起数据请求时,在请求的数据回来之前多次单击按钮是无效的且会消耗资源，或者页面中某个按钮会导致页面的刷新，我们需要限制用户对该按钮进行频繁的操作，为了避免该情况的发生，我们将使用Vue中的来解决该问题。......
2022-08-01 18:30:10
775
原创 Vue3框架
v-if判断是否加载，可以减轻服务器的压力，在需要时加载,但有更高的切换开销;v-show调整DOM元素的CSS的dispaly属性，可以使客户端操作更加流畅，但有更高的初始渲染开销。如果是多个元素，可以包裹在元素上，并在上面使用v-if。基于以上区别，因此，如果需要非常频繁地切换，则使用v-show较好；Vue的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进DOM的系统。条件判断使用v-if指令，指令的表达式返回true时才会显示。...
2022-07-31 19:32:29
3411
原创 JS：call()、apply()、bind()
以上出了bind方法后面多了个()外，结果返回都一致！由此得出结论，bind返回的是一个新的函数，你必须调用它才会被执行。微妙的差距！从上面四个结果不难看出call、bind、apply这三个函数的第一个参数都是this的指向对象，第二个参数差别就来了call的参数是直接放进去的，第二第三第n个参数全都用逗号分隔，直接放到后面obj.myFun.call(db,'成都',...,'string')。......
2022-07-28 22:57:00
74
原创 跨域和同源
http//是协议baidu.com是域名（注意前面加上“wwww”即www.baidu.com不是域名）8080是端口user=name&pwd=password是地址带的参数。
2022-07-25 20:48:40
81
原创 JavaScript 异步编程
异步（Asynchronous,async）是与同步（Synchronous,sync）相对的概念。同步API只有在当前的API执行完成后,才执行下一个API。代码的执行方式是按代码的先后顺序从上到下一行一行的执行。异步API当前API的执行不会阻塞后续代码的执行。代码执行方式是当执行到耗时代码时,不等待,而是往后执行，执行结果由回调函数处理。简单来理解就是同步按你的代码顺序执行，异步不按照代码顺序执行，异步的执行效率更高。...
2022-07-24 12:27:44
333
原创 request 和 response 对象的具体介绍
Request 对象表示 HTTP 请求，包含了请求查询字符串，参数，内容，HTTP 头部等属性。常见属性有：Response 对象 表示 HTTP 响应，即在接收到请求时向客户端发送的 HTTP 响应数据。常见属性有：
2022-07-23 18:54:44
319
原创 HTTP和HTTPS的区别
HTTP协议是HyperTextTransferProtocol（超文本传输协议）的缩写，是用于从万维网（WWWWorldWideWeb）服务器传输超文本到本地浏览器的传送协议，是一个基于TCP/IP通信协议来传递数据（HTML文件、图片文件、查询结果等）。超文本传输协议（HTTP）的设计目的是保证客户端与服务器之间的通信，工作方式是客户端与服务器之间的请求-应答协议，web浏览器可能是客户端，而计算机上的网络应用程序也可能作为服务器端。举例。...
2022-07-22 19:09:11
185
原创 Form表单中的 get 和 post 方法
Form中的get和post方法，在数据传输过程中分别对应了HTTP协议中的GET和POST方法。使用Post传输的数据，可以通过设置编码的方式正确转化中文；而Get传输的数据却没有变化。在以后的程序中，我们一定要注意这一点。...
2022-07-22 18:40:00
2112
原创 HTML空元素
的规范都详细定义了每个元素能包含的具体内容（defineverypreciselywhateachelementcancontain）。许多组合是没有任何语义含义的，比如一个。在HTML中，通常在一个空元素上使用一个闭标签是无效的。例如，的闭标签是无效的HTML。可能是HTML，SVG，或者MathML里的一个不可能存在子节点（例如内嵌的元素或者元素内的文本）的。......
2022-07-18 13:43:52
241
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人