自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 node.js-express相关

Express、Express路由、中间件、编写接口、CORS解决跨域问题及JSONP接口

2023-01-07 20:53:52 238

原创 node.js随手记1

node.js

2023-01-06 20:35:25 248

原创 vue(2)

笔记

2022-07-19 18:04:44 338

原创 Vue(1)

笔记1

2022-07-19 10:09:54 321

原创 移动端--

移动端学习笔记

2022-07-11 10:54:20 168

原创 ES6-11随手记(2)

笔记

2022-07-05 17:48:38 152

原创 ES6-11随手记(1)

随手记

2022-07-05 10:05:44 188

原创 PC端网页特效三大系列

PC端网页特效三大系列介绍

2022-07-03 09:30:46 104

原创 JS之BOM

BOM学习

2022-07-02 17:04:55 136

原创 git使用

基本工作流程从远程仓库克隆一份作为本地仓库 从本地仓库中检出代码然后进行代码修改 再提交前先将代码添加到暂存区 将暂存区的修改提交到本地仓库,本地仓库中保存修改的各个历史版本 在修改完成后,若需要共享代码,可以将代码推送到远程仓库创建版本仓库方式一:可以从别人的仓库克隆方式二:在需要共享的文件夹内部点击右键选择“git在这里创建版本库",会产生”.git"文件夹(隐藏文件夹),在项目中写的文件都会受到git的版本控制。添加和提交文件点击新建的文件夹右键选择tortoiseGit

2022-05-21 18:57:39 1434

原创 HTTPS加密

http存在三个弊端:无法保证消息的保密性,无法保证消息的完整性和准确性、无法保证消息来源的可靠性。为了解决上述问题诞生了https。加密方法分为三种:对称加密、非对称加密、混合加密。HTTPS采用的是对称加密和非对称加密的混合加密方法。对称加密是一种需要对加密和解密使用相同密钥的加密算法,对称就是采用相同的密钥进行加密和解密。密钥就是控制加密及解密过程的指令。优缺点优点:算法公开、计算量小、加密速度快、加密效率高。缺点:密钥管理的安全性很低,由于加密和解密使用同一个密钥,在密钥

2022-05-08 16:49:19 214

原创 前端加密的几种方式

一、base64base64并不是安全领域的加密算法,只能算作一个编码算法,对数据内容进行编码来适合运输。base64本质上是一种将二进制数据转成文本数据的方案。标准base64编码解码无需额外信息,即完全可逆。base64并不安全,拿到字符串就可以进行解密。加密第一步:ASCII码;第二步:转化为二进制;第三步:每六位划分为一分;第四步:base64;第五步:base64加密;第六步:三位一组;第七步:得到加密串;base64参照表如下:最终加密后的字符数一定是3的倍数

2022-05-08 16:04:33 2608

原创 Cookie、Session和Token

有时在登录网站时,登陆一次过后网站会长时间保持登陆状态,这和HTTP无状态有关,即这次访问了服务器,关闭网页并再次访问服务器时服务器无法意识到时同一个用户来访问的,实现该保持登录效果可以有很多种方式实现,核心概念即为存储(在网站登陆注册后网站会将信息存储在数据库中),在下次登录时只需要和存储的信息进行对比就可以了。CookieCookie是服务器发送到用户浏览器并保存在本地的一小块数据,它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。cookie通常用于告知服务端两个请求是否来自同一

2022-05-08 14:10:41 206

原创 JQuery AJAX【随手记】

JQuery AJAXjQuery提供AJAX有关的方法,通过JQuery AJAX方法可以使用get、post从远程服务器上请求文本,HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。单纯的AJAX需要编写额外的代码对浏览器进行测试,但是使用jQuery AJAX只需要一行简单的代码就可以实现AJAX代码。jQuery ajax - ajax()方法该方法通过HTTP请求加载远程数据,是jQuery底层AJAX实现,$.ajax()返回创建的XMLHtt

2022-05-07 16:44:04 111

原创 AJAX【随手记】

AJAX可以在不加载整个页面的情况下与服务器交换数据并更新部分网页内容,即异步更新(无刷新获取数据)。例如百度搜索词条下面会出现其他相关的词条或者在浏览 网页时快滚到底部时页面显示更多内容就是用AJAX实现。AJAX是异步的js和xml(xml的作用是传输和存储数据)(异步是指客户端不需要等待服务器响应,在服务器处理请求时客户端可以进行其他操作)。XML是可拓展标记语言,用来传输和存储数据。和html不同的是没有预定义标签,全都是自定义标签,用来表示数据。例如要显示名字就直接定义标签为<n

2022-05-06 18:53:48 348

原创 Nginx运行原理

目录结构主要几个:conf(放置Nginx的核心配置文件,主配置文件nginx.conf) html(默认情况下的网页和静态资源),其中50x展示的是错误页面,index是访问成功展示的默认页面(可修改) logs(用来记录访问日志),access.log记录访问时间及访问地址,errror.log记录访问出错基本运行原理nginx响应请求时过程为:首先nginx主目录下的sbin文件中的nginx的可执行文件开始运行,之后会开启Master的主进程,主进程里会把配置文件读取并检验(检查配

2022-04-23 20:41:42 309

原创 HTTP【随手记】

HTTP涉及两个区域:客户端和服务端。客户端给服务端发送请求报文,服务端收到请求后就回送响应报文(报文的格式HTTP有规定)请求报文:首先是方法get,就是客户端请求服务器对资源执行某些动作,请求什么资源就要写下资源的路径(请求URL),后面接着HTTP的版本,资源还要明确属性和条件就需要在请求首部里面写入。响应报文:首先写上HTTP的版本(客户端和服务端的HTTP的版本可能会不一样),然后是状态码和原因短语,接下来是报文首部(相当于报文附属的属性和条件),最后就是资源。首部后面都有一个空行

2022-04-22 19:54:27 2568

原创 JS之DOM(3)(节点操作)

节点操作之前学习到的利用DOM提供的获取元素的方法(如document.getElementById()等)逻辑性不强且较为繁琐。所以现在学习利用节点层次关系来获取元素,逻辑性强但是兼容性较差。节点概述网页中所有的内容都是节点(标签、属性、文本、注释等),在DOM中用node表示。DOM树中所有的节点都可以通过JS进行访问,所有HTML元素(节点)都可以被修改也可以被创建或删除。节点的基本属性节点的基本属性包含了nodeType(节点类型)、nodeName(节点名称)、node..

2022-03-05 17:50:07 534

原创 JS之DOM(2)(事件基础、操作元素)

目录事件基础事件三要素执行事件的步骤常见鼠标事件​操作元素改变元素内容修改元素属性修改表单属性修改样式属性排他思想(算法)​自定义属性​​​H5自定义属性​​事件基础事件可以被理解为js侦测到地行为,网页中地每个元素都可以产生某些可以触发js的事件。事件三要素1、事件源:事件被触发的对象;获取事件源即利用获取元素的方法。2、事件类型:比如:鼠标点击(onclick)、鼠标经过等。3、事件处理程序:通过一个函数赋值的方式完成...

2022-02-22 21:52:38 129

原创 JS之DOM(1)

目录APIWeb APIDOM简介DOM树获取元素根据ID获取--getElementByld()根据标签名获取--getElementsByTagName()通过HTML5新增地方法获取获取body元素​获取html元素​APIAPI(应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问的一组例程的能力,而又无需访问源码或理解内部工作机制的细节。简单理解API就是给程序员提供的一种工具,一边能更轻松的实

2022-02-22 17:06:33 356

原创 JS简单类型与复杂类型

目录十四、简单类型与复杂类型1、简单类型与复杂类型2、堆和栈3、简单类型的内存分配4、复杂类型的内存分配5、简单、复杂类型传参简单类型传参复杂类型传参十四、简单类型与复杂类型1、简单类型与复杂类型简单类型又称为基本数据类型或者值类型,复杂类型又叫做引用类型。值类型:在储存变量时存储的是值本身,如:string,number,null等。null比较特殊,返回的是object,即null是一个空的对象。引用类型:在存储变量时存储的时地址(引用),

2022-02-22 17:06:13 328

原创 JS之内置对象(数组、字符串对象)

4、数组对象数组对象的创建4.1、字面量方式(见以前的笔记)4.2、new Array()var arr1 = new Array(2);//此时创建的是长度为2的空数组var arr2 = new Array(2,3);//此时等价于用字面量创建了[2,3]的数组由上可见在用该方式创建数组时new Array()里面必须有两个以上的元素。检测是否为数组的两种方式4.1、instanceof运算符4.2、Array.isArray()...

2022-02-20 15:05:43 373 1

原创 JS之内置对象(Math、Date对象)

目录十三、内置对象1、查文档1.1、MDN2.1、如何学习对象中的方法2、Math对象描述​属性方法Math随机数方法3、日期对象描述日期格式化​获得日期的总的毫秒数(时间戳)十三、内置对象JavaScript中的对象分为三种:自定义对象、内置对象、浏览器对象。内置对象的概念:JS语言自带的一些对象,提供了一些常用的或者是最基础而必要的功能(属性和方法),如:Math、Data、Array、String等。1、查文档1.1、MDN...

2022-02-13 21:32:12 335

原创 JS之对象

目录十二、对象1、创建对象的三种方式利用字面量创建对象利用new Object创建对象利用构造函数创建对象2、使用对象1(适用于前两种构造方法)调用对象的属性调用对象的方法3、使用对象2(适用于第三种构建方法)4、new关键字执行过程5、遍历对象for...in语句6、变量、属性、函数、方法的区别变量和属性异同函数和方法的异同7、构造函数和对象的区别十二、对象对象:一个具体的事物。泛指的事物不能称为对象。对象的概念:一组无序的相

2022-02-11 16:29:11 305

原创 JS之作用域和预解析

十一、作用域目录十一、作用域作用域的概念作用域的作用1、全局和局部作用域2、全局和局部变量区别3、作用域链十二:预解析1、变量预解析(变量提升)2、函数预解析(函数提升)作用域的概念在一段程序代码中所用到的名字并不总是有效和可用的,限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的作用提高程序逻辑的局部性,增强程序的可靠性,减少名字冲突。作用域分为全局作用域和局部作用域1、全局和局部作用域全局作用域;整个script标签...

2022-02-06 20:11:22 452

原创 JS之函数

十、函数目录十、函数1、函数的概念2、函数的使用2.1、声明函数2.2、调用函数2.3、函数的封装案例3、函数的参数3.1、形参和实参​​3.2、形参和实参的匹配问题4、函数返回值return案例求数组中的最大值:​4.1:return注意事项4.2、break、continue、break的区别​5、arguments的使用案例6、函数声明的另外一种方式1、函数的概念函数:封装了一段可被重复调用使用的代码块,通过此代...

2022-02-06 00:02:43 537

原创 JS之数组

九、数组数组:一组数据的集合存储在单个变量下的优雅方式。1、创建数组利用new创建数组该部分在学习完对象之后再做补充。利用数组字面量创建数组[ ]即为数组字面量。在数组中可以放置任意的数据类型,成为数组元素。2、访问数组元素数组的索引(下标)访问数组元素的序号(从0开始)。数组可以通过索引来访问、设置、修改对应的数组元素。若没有该数组元素则输出的结果是undefined。3、遍历数组遍历数组即访问数组的所有元素,易知此时需要循环(将计数器当索引号来使用),

2022-01-30 13:58:12 1116

原创 JS之流程控制

八、流程控制目录八、流程控制1、顺序结构2、分支结构if分支语句​三元表达式swich语句swich语句与if else if语句的区别​3、循环结构for循环do while循环continue与break(由于本部分与c语言几乎一致,所以内容有点简单粗暴)流程控制:控制代码按照一定结构顺序来执行。流程控制包括顺序结构、分支结构以及循环结构。1、顺序结构最基本的流程控制,按照代码先后顺序依次执行。2、分支结构根据不同的条件...

2022-01-28 15:45:39 1607

原创 JS笔记3(运算符)

七、运算符1、算数运算符包括+(加)、-(减)、*(乘)、/(除)、%(取余)。浮点数的精度问题:在进行小数运算时会产生误差,例如:可以看见得出的结果并非0.3而是0.3000...0004,原因为当计算机要将小数转换为二进制进行运算,于是产生了误差。所以尽量避免用浮点数直接参与运算,同时也不能将浮点数相比较。表达式和运算符:...

2022-01-27 21:28:21 846

原创 JS笔记2

接上一篇博客.......目录3、布尔型Boolean4、Undefined和Null获取变量数据类型:字面量:五、数据类型转换:1、转换为字符串型:​2、转换为数字型:​3、转换为布尔型:​六、编译和解释语言的区别引号(单/双)中的任意文本都称为字符串型。(即使在引号中写数值也为字符串型而非数字型)字符串引号嵌套:单引号嵌套双引号,或者双引号嵌套单引号。字符串转义符:常用转义符如下:字符串长度:通过字符串的length属性来获取整个字符串的长度。.

2022-01-22 18:14:14 542

原创 JS笔记1

一、JS的三种书写位置1、行内式的js (直接写到元素的内部)以上样例得出的结果为点击“香蕉”按钮浏览器上部弹出“我爱香蕉”的对话框。注意:该方法可读性差,在html中编写大量js代码时,不方便阅读。2、内嵌式的js3、外部js文件(双标签)注意:该方法中script标签中间不可以写代码。二、JS的输入输出语句使用方式及作用如下:三、JS变量1、变量声明与赋值及初始化JS中利用var声明变量,var为一个JS的关键词,在利用该关键词声明后计算机会自动为..

2022-01-21 15:25:18 629

原创 html+css制作3D旋转正方体特效

制作方法:html部分:连接css 定义大盒子放入想要的图片(此处我直接在放入图片时直接定义了图片的大小,并不规范)css部分:首先设置盒子的属性,其中transform-style:preserve-3d则是将盒子定义为3d形式,用于制作正方体,而animation:rotateAnimate 10s linear infinite;则是与以下部分相对应,用于创建动画同时设置动画执行一次的时长。在设置动画之前还要将插入的图片的位置设置成为一个正方体,此时需要对每张图...

2021-12-28 19:43:22 4687 1

原创 js写出99乘法表实现左对齐的方法

在使用js写出99乘法表时,总会遇见表格对其问题,如果单纯地使用空格来打开距离则会发现仍然无法达到目的。这里可以结合使用html,css和js来实现99乘法表的对齐。html部分是最基础的部分,只需要链接css,js。代码如下:然后是js部分,此处只需利用js在页面写出99乘法表即可。代码如下:此时页面中的99乘法表是“缩”在一起的,所以要利用css进行调整。可以将每个乘法运算式看成一个盒子,通过对盒子大小和每个盒子之间的距离进行调整即可实现任意目的。代码如下:...

2021-12-16 11:49:54 2261

空空如也

空空如也

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

TA关注的人

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