自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(79)
  • 问答 (1)
  • 收藏
  • 关注

原创 C语言初学七(动态构造存放学生信息的结构体数组,并按分数大小输出)

/* 动态存放学生信息的结构体数组,并按成绩排序输出 */#include <stdio.h>#include <malloc.h>//定义结构体:复杂数据结构 struct Student{ int age; float score; char name[100];};//定义函数:输入数据void input(struct Student * info,int len){ int i; for(i = 0;i < len;i++){ pri

2022-03-29 16:53:02 2009 1

原创 v-if和v-show的区别

一、概念v-if:v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。v-show:v-show 的元素始终会被渲染并保留在 DOM 中。v-show 只是简单地切换元素的 CSS property display。二、区别1、主要区别(1)“v-show”只编译一次;而“v-if”不停地销毁和创建(2)“v-if”更适合于带有权限的操作,渲染时判断权限数据(3)v-show更适合于日常使用,可以减少数据的渲染,减少不必要的操作2、本质区别

2022-03-20 20:07:59 9670

原创 软件的模式---MVC、MVVM、MVP

在 MV 系列框架中,M 和 V 指 Model 层和 View 层,但是其功能会因为框架的不同而变化:◾ Model 层很好理解,就是存储数据;◾ View 层则是展示数据,读者能看见这个例子,完全就是因为存在 View 层。虽然在不同的框架中, View 层和 Model 层的内容可能会有所差别,但是其基础功能不变,变的只是数据的传输方式。一、MVC框架MVC 框架是 MVC、MVP、MVVM 这3个框架中历史最悠久的。20 世纪 70 年代,施乐公司发明了 Smalltalk 语言,用来编写

2022-03-20 20:06:52 374

原创 React学习七(React Hooks)

文章目录一、为什么会有Hooks一、为什么会有Hooks&bbsp;&bbsp;&bbsp;&bbsp;&bbsp;&bbsp;React的组件创建方式,一种是类组件,一种是纯函数组件,并且React团队希望,组件不要变成复杂的容器,最好只是数据流的管道。开发者根据需要,组合管道即可。也就是说组件的最佳写法应该是函数,而不是类。纯函数组件有着类组件不具备的多种特点:①纯函数组件没有状态②纯函数组件没有生命周期③纯函数组件没有this...

2022-03-18 14:51:56 1048

原创 React学习六(Ant Design of React)

文章目录一、特性二、使用过程1、安装2、antd引用三、antd的组件库1、Button按钮      antd 是基于Ant Design设计体系的 React UI 组件库,主要用于研发企业级中后台产品,来自于“蚂蚁金服”。一、特性①提炼自企业级中后台产品的交互语言和视觉风格。②开箱即用的高质量 React 组件。③使用 TypeScript 开发,提供完整的类型定义文件。④全链路开发和设计工具体系。⑤数十个国际化语言支持。⑥

2022-03-17 16:37:53 1890

原创 React学习五(页面路由)

文章目录一、前端路由二、hash模式三、history模式四、两种路由方式的差异五、React的页面路由模块:react-router-dom的使用1、安装2、实现路由模式的组件(决定路由模式)3、Route组件4、Router组件5、Link和NavLink组件(1)Link组件(2)NavLink组件6、Redirect组件7、Switch组件8、withRouter组件9、404视图六、react-router-dom实现路由示例一、前端路由1、从用户的角度看,前端路由主要实现了两个功能(使用a

2022-03-16 16:30:19 2922

原创 React学习四(axios、fetch的使用)

文章目录一、axios模块1、使用方法(1)axios的安装(2)五种请求①get请求不带参数带参数②post请求不带参数带参数③put请求④patch请求⑤delete请求3 、axios 的响应结构二、fetch1、fetch模块2、fetch的基本使用3、在.then里面第一个回调函数中处理response4、fetch与axios的区别一、axios模块      axios 是一个基于 promise 的 HTTP 库,可以用在浏览

2022-03-15 19:42:33 1217

原创 React学习三(React的事件处理)

文章目录一、React事件处理二、React中的事件处理函数1、使用ES6的箭头函数(1)在render中使用箭头函数(2)使用class fields语法2、在constructor函数中bind3、在render函数中使用bind4、注意三、事件处理中传参1、直接传递参数2、使用data属性一、React事件处理      React元素的事件处理和DOM元素的很相似,但是有一点语法上的不同:①在React中事件的命名采用驼峰命名法,而

2022-03-14 21:15:56 1771 2

原创 React学习二(组件详解)

文章目录一、React数据流二、组件的三大特性1、属性(props)(1)React Props默认值与标签属性限制(2)应用-React组件切分与提取2、状态(state)(1)state的定义(2)更新状态3、生命周期(1)挂载(2)数据更新过程(3)卸载一、React数据流      在 React 中,数据是自顶向下单向流动的,即从父组件到子组件。      state 与

2022-03-12 20:46:15 1473

原创 React学习一(初识React)

文章目录前言一、React 基础知识1、什么是React2、Virtual DOM3、函数式编程4、JSX 语法(1)概念(2)JSX 基本语法①XML 基本语法②元素类型③元素属性④JavaScript 属性表达式⑤表达式二、React开发环境的搭建1、基本应用(传统应用)2、脚手架开发三、React组件1、React组件的构建2、React 组件的构建方法(1)React.createClass(2)ES6 classes(3)无状态函数四、React的渲染机制五、React优势前言参考资料:《深

2022-03-12 15:51:56 1495

原创 promise、async、await学习

文章目录前言一、Promise 的理解和使用1、Promise 是什么?(1)理解(2)promise 的状态改变(3)promise 的基本流程(4)promise 的基本使用①基本编码流程②使用 promise 封装基于定时器的异步③使用 promise 封装 ajax 异步请求2、为什么要用 Promise(1)指定回调函数的方式更加灵活(2)支持链式调用, 可以解决回调地狱问题① 什么是回调地狱②回调地狱的缺点③解决方案④终极解决方案3、如何使用 Promise(1) API2、promise 的几

2022-03-10 21:07:33 718

原创 Node.js学习十六(ORM框架 sequelize)

文章目录一、什么是ORM框架一、什么是ORM框架      

2022-03-10 11:47:41 2547

原创 Node.js学习十五(Node操作MySQL数据库)

文章目录一、在Express项目中操作数据库的步骤1、安装mysql模块2、配置mysql模块一、在Express项目中操作数据库的步骤①安装操作MySQL数据库的第三方模块②通过mysql模块连接到MySQL数据库③通过mysql模块执行SQL语句操作数据库1、安装mysql模块      mysql模块是托管与npm上的第三方模块,它提供了在Node.js项目中连接和操作MySQL数据库的能力。  &nbsp

2022-03-07 21:59:11 2726

原创 Node.js学习十四(编写express接口、同源与跨域问题)

文章目录一、创建基本的服务器二、创建API路由模块三、编写GET接口四、编写POST接口五、同源策略1、同源(origin)2、同源策略六、跨域1、跨域2、跨域的原因七、跨域问题解决方案八、CORS跨域资源共享1、接口的跨域问题2、使用cors中间件解决跨域问题一、创建基本的服务器const express = require('express');const app = express();app.listen(80,()=>{ console.log('express server

2022-03-06 18:24:20 827

原创 Node.js学习十三(express框架)

文章目录一、Express介绍1、Express是什么2、为什么要使用Express3、express的作用二、Express的基本使用1、安装2、创建基本的Web服务器3、监听GET请求4、监听POST请求5、把内容响应给客户端6、举例7、获取URL中携带的查询参数8、获取URL中的动态参数9、获取post请求数据(1)通过事件获取数据(2)body-parser模块三、Express路由1、路由的概念(1)Express中的路由(2)简单路由举例(3)路由的匹配过程2、路由的使用(1)简单用法(2)模块

2022-03-01 22:15:16 1812

原创 http和https的区别

文章目录一、HTTP协议1、工作原理2、请求方式(1)GET方法(2)POST方法(3)HEAD方法(4)PUT方法(5)DELETE方法(6)CONNECT方法(7)OPTIONS方法(8)TRACE方法二、HTTPS协议三、HTTPS与HTTP原理区别1、HTTP 原理2、HTTPS 原理一、HTTP协议      超文本传输协议(Hyper Text Transfer Protocol,HTTP)是一个简单的请求-响应协议,它通常运行在

2022-02-21 20:22:11 278

原创 Node.js学习十二(Node.js服务器开发、http协议及http模块)

文章目录一、Node.js服务器开发1、客户端与服务器2、Node.js网站服务器3、http协议(1)通用头消息(常规)①Request Method②Request URL③Status Code④Remote Address(2)响应头信息①Connection②Content-Encoding③Content-Type:响应的文件类型,一般有:④Location(3)请求头信息(4)请求主体二、服务器相关概念1、IP地址(1)IP地址特点(2)IP地址发展2、域名和域名服务器3、端口号4、URL三、

2022-02-20 21:29:04 1274

原创 Node.js学习十一(包管理器npm与yarn)

文章目录一、Node.js中的npm包管理工具1、安装包(1)本地安装(2)全局安装(3)本地安装和全局安装的区别(4)举例2、安装指定版本的包3、包的语义化版本规范4、包管理配置文件package.json5、dependencies节点6、快速创建package.json7、卸载包8、devDependencies节点9、包下载慢怎么办(1)淘宝NPM镜像服务器(2)切换npm的下包镜像源(3)nrm小工具(4)cnpm10、包的分类(1)项目包(2)全局包(3)i5ting_toc(4)规范的包结构1

2022-02-05 20:41:41 1349

原创 Node.js学习十(url 网址)

文章目录前言一、什么是url模块二、网址字符串与网址对象1、使用url.parse()解析网址字符串2、使用WHATWG API解析网址字符串三、把对象格式化为URL(旧版方法)四、从组成部分构造网址并获取构造的字符串1、URL类的属性设置器及获取器(1)url.hash(2)url.host(3)url.hostname(4)url.origin(5)url.password(6)url.pathname(7)url.port(8)url.protocol(9)url.search(10)url.user

2022-01-29 12:38:34 3108 1

原创 Node.js学习九(模块化module)

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一、CommonJS规范1、什么是CommonJS规范2、CommonJS规范的主要内容3、CommonJS模块的特点二、模块1、require导入模块(1)require()(2)参数的加载规则(3)目录的加载规则2、module导出模块3、expotrs4、练习(1)导出一个类(2)调用函数5、__filename6、__dirname7、模块的缓存三、引入目录模块具体讲解1、引入以路径开头的目录模块2、引入不以路径开头的目录模

2022-01-27 12:50:05 1118

原创 Node.js学习八(全局对象)

文章目录全局对象1、global(1)在Node.js的交互模式与脚本模式下运行(2)在浏览器中运行2、process(1)process.arch与process.platform(2)process.env(3)process.version(4)process.pid与process.kill()(5)process.exit([code])(6)process.stdout(7)process.stdin3、console4、buffer5、timers定时器(1)setTimeout(callba

2022-01-19 16:42:39 709

原创 Node.js学习七(buffer缓冲区)

文章目录前言一、什么是Buffer对象二、Buffer应用1、Buffer.alloc(size[, fill[, encoding]])2、Buffer数据转为字符串3、Buffer.from()(1)Buffer.from(array)(2)Buffer.from(arrayBuffer[, byteOffset[, length]])(3)Buffer.from(buffer)(4)Buffer.from(string[, encoding])(5)举例4、拷贝Buffer实例5、缓冲区与字符编码6、

2022-01-18 21:19:04 1092

原创 Node.js学习六(readline)

文章目录一、什么是readline二、如何使用readline1、Interface类2、close事件3、readline.createInterface(options)三、实例:输入输出四、示例:模拟命令行的输入输出一、什么是readline       readline是Node.js里实现标准输入输出的封装好的模块,通过这个模块我们可以以逐行的方式读取数据流。     &

2022-01-17 19:11:16 8985

原创 Node.js学习五(事件)

文章目录一、Node.js事件循环二、事件驱动程序三、事件触发器1、EventEmitter类2、事件触发器的方法(1)EventEmitter类的on方法(2)EventEmitter类的once方法(3)使用removeListener方法取消事件处理函数(4)自定义事件并将其触发四、错误事件一、Node.js事件循环       Node.js是单进程单线程应用程序,但是因为V8引擎提供的异步执行回调接口,通过这些接口可以处理

2022-01-16 19:42:03 843

原创 Node.js学习四(文件流stream)

文章目录前言一、Node处理缓存的方式二、什么是Node.js Stream(流)三、stream(流)的类型四、创建可读流五、拷贝文件六、链式流1、压缩文件2、解压文件前言       在我们学过fs模块后,可以知道读取文件时采用readFile()方法,那么如果文件太大,读取需要很长时间且内存空间有限时要怎么办呢,下面我们来学习一下Node.js中stream的知识。    &nb

2022-01-15 17:08:52 2004 3

原创 Node.js学习三(path路径模块)

文章目录一、什么是path路径模块二、路径拼接1、path.join()2、举例三、获取路径中的文件名1、path.basename()2、举例三、获取路径中的文件扩展名1、path.extname()2、举例一、什么是path路径模块path 模块提供了用于处理文件和目录的路径的实用工具,它提供了一系列的属性和方法,用来满足用户对路径的处理需求。可以使用以下方式访问它:const path = require('path');二、路径拼接1、path.join()使用path.join(

2022-01-13 12:23:32 957 2

原创 Node.js学习二(fs 文件系统)

文章目录一、什么是fs文件系统模块二、同步与异步三、回调函数四、读取指定文件中的内容1、fs.readFile()2、判断文件是否读取成功3、readFileSync()五、向指定的文件中写入内容1、fs.writeFile()2、判断文件是否写入成功六、案例:信息整理七、fs模块-路径动态拼接的问题八、打开一个文件九、获取文件信息十、创建目录十一、删除目录十二、读取目录一、什么是fs文件系统模块fs模块是Node.js官方提供的,用来操作文件的模块。它提供了一系列的方法和属性,用来满足用户对文件的操

2022-01-12 17:21:58 1562 3

原创 Node.js学习一(Node.js学习时的预备知识)

文章目录一、预备知识二、Node.js1、什么是Node.js2、Node.js中的JavaScript运行环境3、Node.js的作用三、Node.js安装时需要注意的东西一、预备知识1、JS代码可以在浏览器中运行的原因就是每个浏览器都会带JavaScript解析引擎一般不同的浏览器会使用不同的JavaScript解析引擎,如:Chrome浏览器:V8Firefox浏览器:OdinMonkeySafri浏览器:JSCoreIE浏览器:Chakra2、JS可以操作DOM和BOM的原因是:每

2022-01-11 09:05:59 374

原创 JavaScript深入一(API、Web API相关知识)

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码

2022-01-10 16:18:07 167

原创 开发环境与环境变量与Node.js使用

目录一、什么是开发环境1、重点2、集成开发环境IDE的优点二、什么是环境变量1、重点2、如何配置环境变量(1)环境变量分类(2)配置环境变量(3)node.js举例三、常见环境变量一、什么是开发环境百度百科解释如下:        软件开发环境(Software Development Environment,SDE)是指在基本硬件和数字软件的基础上,为支持系统软件和应用软件的工程化开发和维护而使用的一组软件,简称SDE

2022-01-08 17:44:39 658

原创 leetcode回文数与整数反转问题

目录标题一、回文数1、c2、JavaScript二、整数反转1、c2、JavaScript一、回文数1、cbool isPalindrome(int x){ int val; long int m = 0; val = x; if(val < 0){ return false; } while(val){ m = m*10 + val%10; val /= 10; } if(m ==

2022-01-08 17:43:26 579

原创 JavaScript进阶十五(ES5中的继承问题)

文章目录一、继承父类方法call()1、借助构造函数继承父类型属性一、继承父类方法ES6之前并没有给我们提供extends继承,所以我们可以通过构造函数+原型对象模拟实现继承,被称为组合继承。call()调用这个函数,并且修改函数运行时的this指向基本格式为:fun.call(thisArg,arg1,arg2,...)thisArg:当前调用函数this的指向对象arg1,arg2…:传递的其他参数call有两个作用:1、call可以调用函数<!DOCTYPE html

2022-01-06 17:30:58 596

原创 JavaScript进阶十四(js中的错误处理)

js的错误处理机制

2022-01-05 17:01:39 682

原创 JavaScript进阶十三(this指向问题)

this的绑定规则

2022-01-04 16:50:04 229

原创 JavaScript进阶十二(原型对象)

文章目录一、pandas是什么?二、使用步骤1.引入库2.读入数据总结一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warningswarnings.filterwarnings('igno

2021-12-24 22:02:16 548

原创 JavaScript进阶十一(JS面向对象编程及类的定义)

文章目录一、JavaScript的面向对象编程二、使用步骤1.引入库2.读入数据总结一、JavaScript的面向对象编程 1、面向过程:核心是解决问题的过程2、面向对象:核心是对象。关注每个对象在解决问题中的行为。特征为:(1)封装性:对象是属性(静态特征)和行为(动态特征)的结合体(封装体)。(2)继承性:父类(基类)的属性和行为可以派生到子类中。子类不需要重复定义。(3)多态性:同一个消息传递给不同的对象,得到的结果不同。二、使用步骤1.引入库代码如下(示例):import

2021-12-08 14:41:22 556

原创 JavaScript进阶十(值类型和引用类型)

文章目录一、值类型和引用类型二、堆与栈三、简单类型和复杂类型的内存分配四、简单数据类型传参五、复杂数据类型传参一、值类型和引用类型简单数据类型又叫做基本数据类型或者值类型,复杂数据类型又叫做引用类型。值类型:在存储时变量中存储的是值本身,因此叫做值类型如:number、null、string、boolean、undefined。注意:null比较特殊,它返回的是一个空的对象 object,如果有个变量我们以后打算存储为对象,但是暂时没想好放什么,就可以给它一个null。var a = nu

2021-12-08 10:39:13 210

原创 JavaScript进阶九(内置对象二数组对象与字符串对象)

目录一、数组对象1、创建数组2、检测是否为数组3、添加删除数组元素的方法(1)添加数组元素(2)删除数组元素案例4、数组排序5、数组索引案例6、数组转换为字符串7、数组的遍历一、数组对象1、创建数组(1)字面量创建var arr = [1,2,3];(2)利用new Array()创建var arr = new Array(2)//表示数组的长度为2,里面有两个空的数组元素var arr1 = new Array(2,3)//表示数组[2,3],里面有两个数组元素2与32、检测是否为数组

2021-12-06 22:35:02 641

原创 JavaScript进阶八(内置对象一Math对象与Date对象)

文章目录一、什么是内置对象二、Math对象1、圆周率2、绝对值3、返回x的y次方4、返回x的算术平方根5、返回随机数(1)案例1(2)案例2(3)案例3(4)案例46、取整(1)Math.floor(x)(2)Math.ceil(x)(3)Math.round(x)7、最大值与最小值(1)最大值(2)最小值案例一、什么是内置对象JavaScript中的对象分为三种:自定义对象、内置对象、浏览器对象。内置对象就是指JS语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(

2021-12-03 18:51:54 577

原创 JavaScript进阶七(对象)

文章目录一、什么是对象二、为什么需要对象三、创建对象的三种方法1、利用字面量创建对象2、用new Object创建对象3、利用构造函数创建对象new关键字执行过程四、变量、属性、函数、方法的区别1、变量和属性2、函数和方法五、对象与构造函数的区别六、遍历对象一、什么是对象        所有的事物都是对象,例如字符串、数值、数组、函数等。对象是由属性和方法组成的。在面向对象中把’属性’称为对象的成员(成员变量),把’行为’

2021-12-01 14:41:08 706

空空如也

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

TA关注的人

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