自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 【React...归纳】

WebSocket是一种在单个TCP连接上进行全双工通信的协议。它可以使客户端和服务器之间的实时数据交换变得更加简单和高效。与HTTP不同,WebSocket没有请求/响应模型,而是建立一个持久连接,并且允许双方随时发送消息。当使用WebSocket时,客户端通过向服务器发起握手来建立连接。一旦握手完成,客户端和服务器就可以相互发送消息了。这些消息可以是文本或二进制格式的任何内容。然而,在使用WebSocket时可能会出现错误。例如,在建立连接期间发生故障、无法解析传输数据等情况下都可能会导致错误。

2023-07-03 23:36:17 747

原创 js 实现 求最长递增字串

求最长递增字串题目描述有一个只由字符1到9组成的长度为n的字符串s,现在可以截其中一段长度为k的子串并目将该子串当作十进法的正整数,如对于子"123”,其对应的十进制数字就是123。想让这个正整数尽可谈的大,请计算该正整数。数传入一个长度为n的字符串s和一个正整数k,请返回答案。输入"321”,2输出32代码var s = '321'var k = 2var arr = s.split('')if (arr.length <= k) { console.log

2021-08-27 22:59:05 497

原创 js 实现 数组扁平化,数组求和求和

数组扁平化toString和split结合先通过toString()把数组转成String对象,再结合split() 方法使用逗号分隔符将String对象分割成字符串数组,再用map函数将数组中的字符串转成数字。var arr=[1,2,[3,4,[5]],6,[7,[8,9,[10,11,[12]]]]]var str = arr.toString().split(',').map(Number)console.log(str) 递归通过循环递归的方式,一项一项地去遍历数组,如果每一项

2021-08-14 20:45:24 327

原创 js实现水仙花数

水仙花数时间限制: 4000MS内存限制: 557056KB题目描述:春天是鲜花的季节,水仙花就是其中最迷人的代表,数学上有个水仙花数,他是这样定义的: “水仙花数”是指一个三位数,它的各位数字的立方和等于其本身,比如:153=13+53+3^3。 现在要求输出所有在m和n范围内的水仙花数。输入描述输入数据有多组,每组占一行,包括两个整数m和n(100<=m<=n<=999)。输出描述对于每个测试实例,要求输出所有在给定范围内的水仙花数,就是说,输出的水仙花数必须

2021-08-12 18:43:40 780

原创 js实现 输出数组中第一个唯一数的下标

输出数组中第一个唯一数的下标题目描述:输入一个整数数组,数组中有些数只出现过一次,我们称它为“唯一数”,出现过两次或两次以上的数不是唯一数。请编写一段代码寻找出数组中第一个出现的唯一数,输出该唯一数的下标。如果有多个唯一数的情况,请输出第一个唯一数的下标如果数组中没有找到唯一数,请输出-1,作为异常下标,表示没有找到唯一数。输入描述:输入第一行为数组的长度n;第二行是数组中n个数,数与数之间用空格隔开输出描述:输出数组的第一个唯一数的下标或者-1(如果没有唯一数)样例输入:1

2021-08-01 19:59:58 1010

原创 mongoDB重要知识点

MySQL与MongoDB之间最基本的差别是什么?答:MySQL和MongoDB两者都是免费开源的数据库。MySQL和MongoDB有许多基本差别包括数据的表示(data representation),查询,关系,事务,schema的设计和定义,标准化(normalization),速度和性能。通过比较MySQL和MongoDB,实际上我们是在比较关系型和非关系型数据库。MongoDB成为最好NoSQL数据库的原因是什么?答:以下特点使得MongoDB成为最好的NoSQL数据库:面向文件的..

2021-07-28 10:58:06 402

原创 mysql

一、SQLStructure Query Language(结构化查询语言)简称 SQL。分类1、DDL (Data Definition Language) 数据定义语言,用来操作数据库、表、列等; 常用语句:CREATE、 ALTER、DROP2、DML (Data Manipulation Language) 数据操作语言,用来操作数据库中表里的数据;常用语句:INSERT、 UPDATE、 DELETE3、DCL (Data Control Language) 数据控制语言,用来操作访问权

2021-07-12 23:48:54 102

原创 Node.js 之 Crypto模块

目录一、下载加密库:二、MD5加密三、MAC加密四、对称加密、非对称加密一、下载加密库:npm install crypto常见的摘要算法 与 对应的输出位数:MD5:128位SHA-1:160位SHA256 :256位SHA512:512位二、MD5加密概述:MD5消息摘要算法,属Hash算法一类。MD5算法对输入任意长度的消息进行运行,产生一个128位的消息摘要(32位的数字字母混合码)。MD5主要特点:不可逆,相同数据的MD5值肯定一样,不同数据的MD5值不一样v

2021-06-26 23:51:32 3826

原创 sql练习

目录sql练习创建表语句查询数据表练习题sql练习创建表语句#创建部门CREATE TABLE IF NOT EXISTS dept ( did int not null auto_increment PRIMARY KEY, dname VARCHAR(50) not null COMMENT '部门名称')ENGINE=INNODB DEFAULT charset utf8;#添加部门数据INSERT INTO `dept` VALUES ('1', '教学部');IN

2021-06-19 21:36:53 257

原创 react脚手架配置

react脚手架配置代理总结方法一在package.json中追加如下配置"proxy":"http://localhost:5000"说明:优点:配置简单,前端请求资源时可以不加任何前缀。缺点:不能配置多个代理。工作方式:上述方式配置代理,当请求了3000不存在的资源时,那么该请求会转发给5000 (优先匹配前端资源)方法二第一步:创建代理配置文件在src下创建配置文件:src/setupProxy.js编写setupProxy.js配置具体代理规则:const

2021-06-16 17:50:44 117

原创 React

1、React入门1.1 React简介官网英文官网: https://reactjs.org/中文官网: https://react.docschina.org/介绍描述用于动态构建用户界面的 JavaScript 库(只关注于视图)由Facebook开源React的特点声明式编码组件化编码React Native 编写原生应用高效(优秀的Diffing算法)React高效的原因使用虚拟(virtual)DOM, 不总是直接操作页面真实DOM。DOM Diffi

2021-06-16 17:44:43 77

原创 浏览器构成、H5语义化、新特性

浏览器页面有哪三层构成以及作用构成结构层表示层行为层对应HTMLCSSJavaScript作用实现页面结构完成页面的表现与风格实现客户端的一些功能和业务h5语义化HTML5的语义化指的是合理正确的使用语义化的标签来创建页面结构,如 header,footer,nav,从标签上即可以直观的知道这个标签的作用,而不是滥用div。语义化就是给标签添加语义,让合适的标签去做适合的事常用语义化标签有:title:页面头部信息 header:定义文档的页眉 foo

2021-06-09 16:36:51 141 3

原创 同步和异步

一、单线程(1)单线程的概念java是一门多线程语言,我们常常可以利用java的多线程处理各种各样的事,比如说文件上传,下载等,而JavaScript却不支持多线程。JavaScript是一门单线程的语言,因此,JavaScript在同一个时间只能做一件事,单线程意味着,如果在同个时间有多个任务的话,这些任务就需要进行排队,前一个任务执行完,才会执行下一个任务,(2)为什么是单线程JavaScript的单线程,与它的用途是有很大关系,我们都知道,JavaScript作为浏览器的脚本语言,主要用

2021-05-30 10:34:11 89

原创 Vue(三)

目录十二、路由路由的使用Vue-router客户端实例属性路由对象和路由匹配使用路径名称query传参和params传参的使用和区别vue-router的嵌套十三、vue-cli脚手架vue-cli解释全局安装创建项目命令行窗口方式图形界面方式创建十四、vue的ajax请求安装axios并引入基本用法十五、跨域请求跨域概念十六、动画在进入/离开的过渡中,会有 6 个 class 切换自定义过渡类名十七、性能优化十二、路由路由的使用Vue-routerVue Router 是 Vue.js 官方的路

2021-05-27 23:35:25 195 2

原创 Vue(二)

目录八、过滤器九、Vue生命周期的介绍十、自定义指令全局指令局部指令钩子函数钩子函数参数函数简写参数传递十一、组件1 注册组件2 创建组件3 组建嵌套嵌套限制5 组件命名6 自定义属性propsprop类型传递静态或动态 PropProp 验证data与props区别7 组件的钩子函数8 父子组件的参数传递9 单向数据流10 修改prop11 $emit的用法12 动态组件13 插槽(slot)具名插槽作用域插槽八、过滤器可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bin

2021-05-19 20:26:38 134

原创 Vue(一)

目录一 、mvvm思想优点:二、vue第一个实例vue属性三、vue指令常用指令:数据的绑定:v-for的使用:1 遍历数字2 遍历普通数组3 遍历对象4 遍历对象数组5 key键的使用6 循环中调用方法v-if,v-show四、传递事件对象五、事件修饰符六、按键修饰符1 监听pc键盘上的值2 自定义全局按键修饰符七、class绑定1.使用字符串2.使用数组3.使用对象4.使用数组+对象5.使用数组+三元表达式6.对象的升级7.绑定style对象Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不

2021-05-12 19:31:56 350

原创 浏览器渲染、闭包、原型等

浏览器渲染大致流程处理 HTML 标记并构造 DOM 树。处理 CSS 标记并构造 CSSOM 树。将 DOM 与 CSSOM 合并成一个渲染树。根据渲染树来布局,以计算每个节点的几何信息。将各个节点绘制到屏幕上。构建渲染树从 DOM 树的根节点开始遍历每个 可见 节点。对于每个可见的节点,找到 CSSOM 树中对应的规则,并应用它们。根据每个可见节点以及其对应的样式,组合生成渲染树。第一步遍历节点的时候,需要知道什么节点是不可见的。一些不会渲染输出的节点。比如 script

2021-05-08 22:26:07 119

原创 html,css,js重要点

目录垂直居中的实现css去除浮动行内元素、块级元素、空元素h5十大新特性CSS选择器类型选择器优先级伪类伪元素call()和apply()的区别垂直居中的实现1、table-cell方法​ Html结构:<div class="box"> <span>垂直居中</span></div>css:.box{ display: table-cell; vertical-align: middle; text-a

2021-04-15 18:12:32 362

原创 JS 之 运算符

标识符标识符:所有 JavaScript 变量必须以唯一的名称的标识,即变量名称构造标识符规则:必须以字母开头(也可以是$和_)可包含字母、数字、下划线_、美元符号$区分大小写不可以是JS关键词声明变量声明变量即创建变量,可通过var let const关键字来声明变量。声明变量后若不赋值,则值为 undefined.变量作用域var 函数作用域 function(){}let,const 块级作用域,{}运算符1. 算术运算符+加法-减法*乘法/除法% 系数+

2021-04-09 21:01:05 82

原创 Nodejs 之 Express框架

Express一、Express简单介绍二、路由2.12.2 通配符2.3 参数传递三、资源访问3.1 静态资源的访问3.2 动态页面的访问3.2.1 ejs模板3.2.2 访问动态页面3.2.3 Ejs 后缀修改为 Html四、express框架中**请求**方法属性五、express框架中**响应**方法属性一、Express简单介绍Express 是一个基于 Node.js 平台,快速、开放、极简的 web 开发框架,它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用Expres

2021-04-08 21:13:18 304

原创 Nodejs 之 promise

express一、CommonJs二、Promise2.1 回调地狱2.2 promise是什么2.2.1 抽象表达2.2.2 具体表达2.2.3 Promise有三个状态2.2.4 promise的状态改变2.3 promise基本流程2.4 promise的优势2.4.1. 指定回调函数的方式更加灵活2.4.2 支持链式调用, 可以解决回调地狱问题2.5 promise的使用:解决回调地狱问题2.6 async/await 同时使用2.7 Promise的使用2.8 Promise的几个关键问题一、C

2021-04-08 09:09:09 635

原创 Nodejs 之 Event 模块

Event模块一、概述二、对象1. events模块只提供了**一个对象** `events.EventEmitter`2. `EventEmitte`r的核心3. 常用API的方法三、Node.js的事件循环机制一、概述events是Node.js最重要的模版,原因是Node.js本身架构就是事件式的,而它提供了唯一的接口。所以是Node.js事件编程的基石。events模块不仅用于用户代码与Node.js下层事件循环的交互。还几乎被所有的模块依赖。二、对象1. events模块只提供了一个

2021-04-01 20:42:03 417

原创 Nodejs 之 Moudule统一模块

自定义目录Nodejs 之 Moudule模块

2021-04-01 19:48:49 393

原创 Nodejs 之 Supervisor

目录

2021-04-01 09:49:55 348

原创 Nodejs 之 net模块

net模块一、HTTP、HTTPS、HTTP21.1 HTTPS与HTTP的一些区别1.2 HTTP2.0的新特性二、HTTP模块一、HTTP、HTTPS、HTTP21.1 HTTPS与HTTP的一些区别HTTPS协议需要到CA申请证书,一般免费证书很少,需要交费。HTTP协议运行在TCP之上,所有传输的内容都是明文,HTTPS运行在SSL/TLS之上,SSL/TLS运行在TCP之上,所有传输的内容都经过加密的。HTTP和HTTPS使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是

2021-03-31 21:36:15 506

原创 Redis总结

目录一、什么是No SQL?二、什么是Redis?一、什么是No SQL?NoSQL,泛指非关系型的数据库,NoSQL即Not-Only SQL,它可以作为关系型数据库的良好补充;但是它不能替代关系型数据库,而且它是存储在内存中,所以它的访问速度很快.NoSQL数据库:为了解决高并发,高可扩展,高可用,大数据存储问题而产生的数据库解决方案.二、什么是Redis?Redis是用C语言开发的一个开源的高性能键值对(key-value)数据库。...

2021-03-26 20:48:33 73

原创 jquery

目录一、jquery简介二、jQuery对象和DOM对相互转三、选择器3.1 基本选择器3.2 层级选择器3.3 过滤选择器3.4 jquery元素筛选四、属性操作五、css操作六、核心一、jquery简介jQuery是一个js库,免费开源易用,提供了我们开发中常用到的操作DOM的API,解决了我们使用js操作DOM常遇到的一些问题,强大的选择器,简化我们的操作使用 jQ使用jQuery 一定要引入 jQuery 库jquery引入:路径引入<script src='文件路径'&gt

2021-03-24 14:31:10 30

原创 JS数组元素获取

获取单元素 let arr =['a','b','c']; console.log(arr[1]);获取多元素//for ..in循环:对属性循环 for(let i in arr){ console.log(i,arr[i]) //角标和元素 }//for...of 循环 for(let i of arr) console.log(i) //元素//forEach方法(三个参数依次为:数组元素,角标,json对象) arr.forEach(f.

2021-03-13 23:57:37 11140 1

原创 精灵技术详解

一.什么是精灵技术?CSS 精灵其实是将网页中的一些背景图像整合到一张大图中(精灵图),各个网页元素通常只需要精灵图中不同位置的某个小图,要想精确定位到精灵图中的某个小图,就需要使用CSS的background-image、background-repeat和background-position属性进行背景定位,其中最关键的是使用background-position属性精确地定位。二.精灵技术的优点减少对浏览器的请求次数,避免网页的延迟方便小图标的统一管理三.使用精灵图精灵图实例:

2021-03-09 20:17:28 380

原创 Flex布局

一、什么是Flex布局Flex是Flexible Box的缩写,即”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{ display: flex; /*display: inline-flex; */}设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置(与边框的交叉点)叫做main s

2021-03-03 22:56:39 71

原创 创建类、对象...

一、Class关键字创建类二、 用大括号创建对象三、 定义多个变量四、 引用引用就是一个变量,和之前所学的变量不同在于,普通的变量存储的就是具体的值,而引用存储的是地址(对象的地址) let p = {name:'张无忌'} ; p就是一个引用,右边是一个对象,p中存储的就是对象在堆中的地址。let p1 = {age:25} ;console.log(p1.age)p1 = p ;console.log(p1.age)console.log(p1.name)五、 原型对象

2021-02-20 23:10:39 87 3

原创 冒泡监听、节点、cookie

一、事件的冒泡监听1 事件的冒泡(Bubble)所谓的冒泡指的就是事件的向上传导,当后代元素上的事件被触发时,其祖先元素的相同事件也会被触发在开发中大部分情况冒泡都是有用的,如果不希望发生事件冒泡可以通过事件对象来取消冒泡e.cancelBubble=true;和 e.stopPropagation(); 都可取消冒泡。<script type="text/javascript"> window.onload=()=>{ let d=document.getElem

2021-02-18 22:45:39 165

原创 BOM模型及DOM事件

浏览器对象模型(Browser Object Model (BOM))一、window对象所有浏览器都支持 window 对象。它代表浏览器的窗口。所有全局 JavaScript 对象,函数和变量自动成为 window 对象的成员。全局变量是 window 对象的属性。全局函数是 window 对象的方法。1 open方法open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口window.open(URL,name,features,replace)name属性可选字符串,

2021-01-31 22:32:24 71 1

原创 css部分属性总结

目录一、块级元素和行内元素1 块级元素2 行内元素3 块级和行内的联系二、选择器1 通用选择器 `*`2 类选择器 / class选择器 `.`3 id选择器 `#`4 属性选择器 `[]`5 伪类选择器6 表单伪类选择器三、动画属性四、背景设置1 多背景2 背景半透明3 背景渐变线性渐变径向渐变一、块级元素和行内元素1 块级元素块级元素(block element)在浏览器中独占一行,可设置宽高等属性。默认宽度为父级的100%。常见块级元素:div,p,h1~h6,br,ol,ul,li,tab

2021-01-26 23:46:23 128

原创 HTML基础总结

1. 什么是HTML?HTML(Hyper Text Markup Language) 中文名叫做超文本标记语言HTML 是一种标记语言 (markup language),标记也叫标签标签就是使用 < 和 > 包含的一个英文单词(也有可能是一个字母)标签分为单标签和双标签两种例如: <span></span>双标签 、<link />单标签标签中还有属性...

2021-01-23 23:00:38 95 2

空空如也

空空如也

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

TA关注的人

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