- 博客(43)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 【react使用AES对称加密的实现】
项目中要求敏感信息怕被抓包泄密必须进行加密传输处理，普通的md5加密虽然能解决传输问题，但是项目中有权限的用户是需要查看数据进行查询的，所以就不能直接使用md5加密，于是就想到了使用AES对称加密方法可以丢在工具目录下方便在页面中调用使用，我这个是在项目完成后才说加的功能，我就直接丢在until里面，然后在接口哪里把要传的值加密，页面里也是直接调用解密方法把加密的信息正常显示出来，对于保存密钥。
2024-11-03 08:45:00
452
原创 VUE实现添加多个动态输入框并获取值
VUE实现添加多个动态输入框并获取值HTMLCSS 完成样式的修改JS 代码片实现思想: 运用数组创建多个数组对象变量, 然后存储在对应的数组里, 在需要提交的时候从数组中用下标取把属于同一列的数据取出来HTML <div class="add-box"> <p>岗位要求：</p> <p>评论：</p> <p>权重：</p> </div>
2022-05-04 11:40:47
4007
4
原创 Ant Design select下拉框突然拉长
Ant Design select下拉框在弹窗中被拉长在弹窗里面 内容过多有了下拉条 然后在搜索款输入的时候，下面的待选框会突然拉长直接布满屏幕解决方法必须自己配置空状态渲染 Select组件里面添加notFoundContent属性<Select showSearch placeholder="Select a person" optionFilterProp="children" notFoundContent={<Empty image={Emp
2022-04-15 17:20:04
1114
原创 git简介
1、版本控制主要用于多人团队协作的，主要用于管理修改记录、修改人、修改时间、方便进行版本的回退。>> SVN 集中式版本控制系统>> Git 是一个分布式版本控制系统。2、Git2.1 概念 >> 工作区(workspace) 自己电脑上项目所在目录。 >> 暂存区（Index） 一般是在当前项目 .git 目录下的 index文件 >> 本地仓库（本地版本库）(repository) 在当
2022-02-27 22:44:58
277
原创 vue中组件的通信方式
vue中组件的通信方式序言方法1 props/$emit1.父组件向子组件传值2.子组件向父组件传值方式2 eventBus事件总线($emit / $on)(1)创建事件中心管理组件之间的通信(2)发送事件(3)接受事件方式3 Vuex状态管理1.简要介绍Vuex原理2.简要介绍各模块在流程中的功能：3.Vuex与localStorage方式4 依赖注入(project / inject)在父组件中:在子组件中:方法5、$ attrs/$ listeners1.简介方法6、$parent / $chi
2021-12-28 08:00:00
431
原创 js异步编程 setTimeout、Promise、Async/Await 的区别
setTimeout、Promise、Async/Await 的区别 setTimeout( )Promise首先先了解js的执行顺序:1、JS是单线程语言，包括同步任务、异步任务，异步任务又包括宏观任务和微观任务2、执行顺序：同步任务——>微观任务——>宏观任务3、宏观任务的方法有：script(整体代码)、setTimeout、setInterval、I/O、UI交互事件、postMessage、MessageChannel、setImmediate(Node.js 环境)4、微观
2021-12-23 08:00:00
1514
原创 vue的生命周期和父子组件的执行顺序
vue的生命周期和父子组件的执行顺序1.vue的生命周期生命周期示例图2.vue父组件和子组件执行顺序3.一般在哪个生命周期请求异步数据4. keep-alive中的生命周期哪些1.vue的生命周期Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom =>渲染、更新 =>渲染、卸载等一系列过程，称这是Vue的生命周期。官方目前给出的生命周期一共有9个beforeCreate(创建前)︰数据观测和初始化事件还未开始，此时data的响应式追踪、event/wa
2021-12-21 08:15:00
614
原创 vue常见问题 MVVM、MVC、MVP的区别总结
vue常见问题 MVVM、MVC、MVP的区别总结1.MVC2.MVVM3.MVP什么是MVC、MVP、MVVM？MVC、MVP和MVVM是三种常见的软件架构设计模式，主要通过分离关注点的方式来组织代码结构，优化开发效率。在开发单页面应用时，往往一个路由页面对应了一个脚本文件，所有的页面逻辑都在一个脚本文件里。页面的渲染、数据的获取，对用户事件的响应所有的应用逻辑都混合在一起，这样在开发简单项目时，可能看不出什么问题，如果项目变得复杂，那么整个文件就会变得冗长、混乱，这样对项目开发和后期的项目维护是
2021-12-17 08:00:00
630
原创 JavaScript的垃圾回收机制和常见的内存泄漏
JavaScript的垃圾回收机制和常见的内存泄漏浏览器的垃圾回收机制引用计数法循环引用的限制标记清除法几种常见的内存泄漏小结有段时间没更新了 这段时间一直在学逻辑性的东西不太好写出来,所以没有更新,(-.-) 今天突然发现了个冷门但是需要知道的东西浏览器的垃圾回收机制 今天我们就来谈一谈浏览器的垃圾回收机制（Garbage collection），简称GC，它会周期性运行以释放那些不需要的内存，否则，JavaScript的解释器将会耗尽全部系统内存而导致系统崩溃。具体到浏览器中的实现，通常有两个策
2021-11-11 08:00:00
574
原创 JavaScript常用的两种继承模式
此方法主要解决构造函数继承的时候, 因为原型上的方法只有实例才能继承,所以子类无法继承父类原型上的属性! 一共有三个关键步骤来解决这个问题
2021-11-03 08:00:00
211
原创 JavaScript——原型与原型链
javascript——原型与原型链一、prototype二、 __ proto__三、constructor四、实例与原型五、原型的原型六、原型链原型的作用一、prototype在js中, 每一个[函数]都有一个[prototype]属性,该属性是一个指针,指向函数的原型对象, 这个原型对象上的属性和方法都可以被实例共享。例如： function Person(name) { this.name = name } Person.prototype.age = '1
2021-10-28 20:24:17
392
原创 案例分享--NodeJs 中原生JavaScript进行ajax数据请求
前端的数据传输基本是依靠ajax来向服务端发起请求获得数据的请求方式最常用的有两种GET (一般用于获取数据)POST (提交数据 敏感 修改 新增 数据)这二者是有区别的, 具体的可以看我往期的文章然后今天就分享一下用原生js 写ajax的请求示例一(GET 和 POST请求 单独发起示例)://ajax GEt请求实现步骤function myAjaxGet() { let xhr //兼容判断 if (window.XMLHttpRequest) {//AJ.
2021-10-27 20:22:31
784
原创 自学分享--Nodejs中数据请求get和post的区别和理解
Nodejs中前后端数据请求get和post的区别和理解1、get 和 post 的区别1.ajax实现过程：2、ajax 的优缺点；优点:缺点前后端数据传输 需要前端发起请求请求方法:http请求可以使用多种请求方法。HTTP1.0定义了三种请求方法： GET, POST 和 HEAD方法。HTTP1.1新增了五种请求方法：OPTIONS, PUT, DELETE, TRACE 和 CONNECT 方法。HTTP2.0 新的二进制格式（Binary Format），HTTP1.x的解析是基
2021-10-24 13:16:54
877
原创 案例分享--NodeJs制作随机验证码
环境:Node.js需要引用的模块用cmd打开项目文件 执行语句: npm i svg-captcha使用方法在routes文件下的users.js中const captcha = require("svg-captcha")//1.引入的模块//获取验证码router.get("/getCaptcha", function (req, res ,next){ const cap = captcha.create({ size: 4 ,//长度 ignoreCh..
2021-10-21 22:16:43
2253
1
原创 自学分享--NodeJs 中Promise的理解与使用
Promise的理解与使用1.理解所要掌握的基础:1.1 同步1.2 异步1.3. Event Loop(重点\难点)1.4 执行栈1.5 任务队列1.6 任务队列分类2.Promise(重点.难点)2.1概念2.2 async/await(ES7)1.理解所要掌握的基础:首先我们来了解一下在js中什么是同步什么异步:1.1 同步因为JS是单线程的，所有的任务都是在主线程上排队执行。HTML5 新增web worker 允许js创建多线程,完全受到主线程控制的,但是不能修改DOM1.2 异步页
2021-10-21 08:52:18
820
原创 自学分享--epress (NodeJS的服务器框架)
@TOC1、epress1.1理解是基于 NodeJS 的web服务器框架。类似产品: koa1.2脚手架的使用在amd命令中输入方式1:npm install -g express-generatorexpress --view=ejs 项目名方式2:npx express-generator --view=ejs 项目名1.3 package.json 文件脚本使用“scripts”: {“start” : “node ./bin/www”},start:
2021-10-20 08:55:13
441
原创 HTTP状态码(精简版)
http状态码1 状态码1xx100 Continue：服务器仅接收到部分请求，但是一旦服务器并没有拒绝该请求，客户端应该继续发送其余的请求。101 Switching Protocols：服务器转换协议：服务器将遵从客户的请求转换到另外一种协议。102: 由WebDAV（RFC 2518）：扩展的状态码，代表处理将被继续执行2 状态码2xx:成功200 OK：请求成功（其后是对GET和POST请求的应答文档。）201 Created：请求被创建完成，同时新的资源被创建。20
2021-10-19 08:53:08
204
原创 自学分享--Node.js的基本使用
Node.js的基本使用1、认识 Nodes1.1理解1.2 NodeS语法(不是浏览器环境）1.3 nodejs 能做什么?1.4怎么使用2、全局对象2.1 global2.2 process进程对象。3.模块3.1概念3.2模块的意义3.3模块的历史3.4 module.export 的使用3.5 require 函数的使用3.6 exports3.7 __dirname3.8 __filename3.9主模块3.10模块初始化3.11模块分类4.内置模块介绍4.1种类4.2 fs模块4.3 http5
2021-10-18 20:14:36
1416
原创 Node.js安装及环境配置图解
Node.js安装及环境配置图解 Windows系统一、安装环境二、安装Node.js步骤三、前期准备四、开始安装五、环境配置六、测试一、安装环境1、本机系统：Windows 10 Pro（64位）2、Node.js：v6.9.2LTS（64位）二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/2、选安装目录进行安装3、环境配置4、测试三、前期准备1、Node.js简介简单的说 Node.js 就是运行在服务
2021-10-16 14:57:50
374
原创 MySQL安装图解 版本mysql-5.5.62-winx64.msi
MySQL安装图解 版本mysql-5.5.62-winx64.msiMySQL安装图解一、MYSQL的安装１、操作系统为64位的window电脑运行“mysql-5.5.62-winx64.msi”。进入安装界面２、选择安装类型，有“Typical（默认）”、“Complete（完全）”、“Custom（用户自定义）”三个选项，选择“Custom”，按“next”键继续。３、点选“Browse”，手动指定安装目录。４、填上安装目录，建议不要放在与操作系统同一分区，这样可以防止系统备
2021-10-15 22:40:09
3982
1
原创 mySQL的简单调用 重点聚合函数和分组
mySQL的简单调用 重点聚合函数和分组1、安装1.1 终端连接2、数据库认识2.1 数据库分类2.2 理解关系型数据库2.3 SQL 的认识3、mysql3.1 创建数据库3.2 创建表3.3 数据类型4、增删改操作4.1 新增数据4.2 修改数据4.3 删除数据5、数据完整性5.1 实体完整性5.2 域完整性5.3 自定义完整性5.4 引用完整性1、数据查询1.1 基本语法1.2 查询操作的分类where 查询聚合函数：（难点）1、安装1.1 终端连接 >> 基本命令 打开终端：
2021-10-14 09:00:01
515
原创 自学分享--jQuery-事件和动画调用
jQuery-事件和动画调用1.事件1.1添加事件1.2移除事件1.3事件切换1.4自定义1.5事件对象2.动画2.1内置动画2.2自定义动画1.事件1.1添加事件一般添加事件$().事件名(function(){函数体})事件监听$().on(evebtType,[selector], [data], callback)evenType:事件类型 如 click (类似addlistener)selector:可选参数,用于事件委托data:可选,传递参数callbac
2021-10-08 10:47:24
250
原创 自学分享--jQuery的基本调用
jQuery的基本调用1、认识jQuery1.1理解1.2为什么还要学JQuery1.3引入方式1.4语法2.选择器2.1css选择器2.2自定义的选择器3.集合4、JS对象与jQuery对象5.jQuery链式写法6.DOM操作6.1节点的创建6.2插入节点6.3.删除节点6.4节点复制6.5文本操作6.6操作属性的方法6.7css处理6.8 class处理6.9元素大小6.10 元素位置1、认识jQuery1.1理解不是框架,而是一个JS的一个函数库,可以极大的简化JS的编程版本: 1.10.0
2021-10-06 17:04:14
1618
原创 自学分享: JavaScript -- BOM的调用
@[TOC](JavaScript之BOM(Browser Object Model))1.BOM1.1 js组成DOM:操作标签和css的方法(API)BOM:浏览器对象模型1.2BOM能做什么?*操作浏览器窗口*提供导航对象*屏幕相关信息*浏览器信息*cookie2.window2.1认识 window是作为浏览器端最顶层的对象.注意:调用这个对象下的方法和属性可以不写window.全局变量 方法都是window下面的属性 都可以写为window.awindow.open
2021-09-21 15:11:27
101
原创 自学分享: JavaScript -- dom的事件调用
DOM （document object Model）之事件调用1、事件1.1什么是事件?1.2事件类型1.3 事件处理程序2. 事件添加的方式2.2dom2级2.3事件流(概念:捕获优先执行)3. 事件对象3.1概念3.2 获取事件对象的方法3.3 常见事件对象属性3.4阻止事件冒泡3.5阻止默认行为(a标签的跳转,表单提交事件)4.事件委托(事件代理)难点4.1概念4.2好处4.3使用1、事件1.1什么是事件?当用户与web页面进行某些类型的交互时，事件就会发生。1.2事件类型鼠标cli
2021-09-16 23:10:46
361
原创 自学分享: 原生JavaScript--数据渲染输出星座列表
JavaScript小练习 数据渲染输出星座列表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-09-15 23:42:25
196
原创 自学分享: JavaScript -- DOM 文档对象模型和基础调用方法
JavaScript之DOM1、DOM （document object Model）1.1概念1.2节点树2、节点2.1分类2.2获取元素节点的方法1、DOM （document object Model）1.1概念文档对象模型,通过一段程序动态的访问和更新文档的内容、机构和样式。静态网页动态网页在DOM中就是将一个文档看做出一个节点树。DOM就是提供一系列方法（API）对这些节点树进行增删改查1.2节点树2、节点2.1分类元素节点（标签）属性节点（标签上的属性）文本节点（标签
2021-09-13 09:07:35
194
原创 JavaScript 逻辑实训题(ATM逻辑处理)
@[TOC](JavaScript 逻辑实训题(ATM逻辑处理)) // 模拟数据：用户 var users = [ { card: '1001', pass: '1001', money: 100 }, { card: '1002', pass: '1002', money: 1000 }, { card: '1003', p
2021-09-12 21:26:56
168
原创 JavaScript--字符串和正则表达式
字符串和正则表达式1、String（字符串）1.1创建1.2 String的方法1.3 String的属性2、正则表达式2.1概念2.2作用2.3 创建正则的写法2.5 转义符号2.6正则方法2.7支持正则表达式的字符串方法1、String（字符串）1.1创建var str = ’ ';1.2 String的方法字符串名.chaAt(index);返回指定位置的字符，index就是位置，从O开始。字符串名.substring（n，m）返回n到m之间所有的字符，n和m都代表哦下标。 包含n 不
2021-09-10 08:55:42
487
原创 JavaScript重点运用——函数
JavaScript重点运用——函数1、函数1.1概念1.2 作用1.3 函数定义1.4函数的调用1.5 参数1.6 函数返回值1.7 函数的分类1.8 arguments 对象2.变量（）2.1作用域2.2 变量分类2.3 变量提升和函数提升（面试经常考）1、函数1.1概念就是定义一次可以多次调用的一段js代码。1.2 作用提高代码的复用率；以功能模块分离代码，提高可读性，建立模块化编程。1.3 函数定义函数声明function 函数名字（参数）{//函数体–要执行的代码块。}函数
2021-09-09 09:06:36
114
原创 JavaScript调用Math
1、概念是一个内置对象，有很多方法,主要提供了一些常用的数学方法。2、API*Math.PI 圆周率 （常量）*Math.random（）0-1之间的随机数 包含0不包含1.Math.round(x) 四舍五入Math…floor（x）去掉小数点Math.ceil（x）向上取整Math.abs（x）绝对值Math.max（x， y，）返回最大值Math.max（x， y，）返回最小值Math.pow（x，y，z…）x的y次幂Math.log（x）返回x的自然对数3、 三角函数M
2021-09-09 08:48:01
383
原创 自学分享: JavaScript--数组的遍历方法和数组去重
数组的遍历方法和数组去重1.遍历方法forEach(function( item,index,array) {})map(function( item,index,array) {})filter(function(item,index,array）{})find(function(item,index,array) {})every(function(item,index, array))some(function(item,index,array){数组去重1.遍历方法forEach(functio
2021-09-08 12:40:56
316
原创 JavaScript数组的调用方法
var colors =[‘blue’,‘green’,‘red’]console.log(colors.length) //展示当前数组存储数据的长度colors[1]='lalaal';//修改覆盖原值colors.length=8;//直接扩充 下标必须延续colors.push('didiidi');//在数组的末尾增加新元素colors.pop()//删除数组末尾元素colors.unshift('sssss') //在头部添加新的元素colors.shift()//头部
2021-09-06 10:07:25
1356
原创 JavaScript条件判断+循环
JavaScript条件判断+循环1、流程控制结构2、分支结构-条件判断2.1单分支2.2双分支2.3 多分支结构2.4多条件判断2.5嵌套if2.6 switch语句3、Date对象4、循环结构4.1 while循环4.2 do while循环4.3 for(重点)--也是先验证在循环4.4关键词1、流程控制结构顺序结构:逐行执行,这是最基本的流程。分支结构：代码执行到某一段的时候，会根据条件判断，有选择性的执行相关的任务。循环结构：根据条件、重复执行，当达到一定条件就会结束任务。2、分支
2021-09-03 12:47:51
496
原创 js 水仙花数 问题
水仙花数指一个三位数其各个数立方和等于他本身例：水仙花数 153=1•1•1+5•5•5+3•3•3输入一个数，判断是不是水仙花数。 var num = prompt('请输入一个数测算'); var a = parseInt(num/100); var b = parseInt((num-a*100)/10); var c = num - (a * 100 + b * 10); if (num=a * a * a +b * b * b+c * c * c) {
2021-09-02 22:41:33
99
原创 JavaScript--核心语法基础
js核心语法基础1.编程语言2.js历史3.js的作用4.JS组成部分5.JS的使用5.1 引入方式5.2 script位置5.3 语法规则5.46.变量（重点）6.1什么是变量？6.2创建变量6.3变量命名规则7、 数据类型（重难点）7.1 分类7.2 基本数据类型7.3引用数据类型 --对象 （object）7.4 数据类型的检测8.数据类型的转换8.1隐式转换8.2 强制转换9.运算符9.19.2 拼接符9.3赋值运算9.4关系运算符9.5逻辑运算符 只要两个结果 true false9.6 优先级9
2021-09-02 22:30:37
728
原创 CSS制作动画
CSS-动画1.选择器2、过渡2.1 transition:3.变形（transform）4.IE怪异盒模型5.动画1.选择器:nth-child():nth-of-type(n)匹配同类型中的第n个同级兄弟元素属性选择器p[例：title]:u=选择有这个属性的标签；p[属性=‘值’]input:checked 选中被选中的 表单元素input:disabled 表示选中禁用 表单元素：empty 选择没有子元素的标签:not§ 选择除了P以外的所有标签:only-child选中只
2021-08-25 20:22:11
223
原创 css关于定位
css定位1.文档流2.定位3.定位分类3.1 relative（相对定位） 语法3.2 absolute3.3fixed3.4 z-index4. 居中5.布局、5.1左右两列布局5.2宽度不固定5.3三列布局6. 图标6.1 img6.2图片精灵 雪碧图（css sprite）6.字体图标1.文档流普通文档流 （块从上往下） （内联从左到右）浮动定位2.定位通过一个坐标点将元素定位在网页中的任意一个位置。3.定位分类*static ：普通文档（无定位）*absolute：绝对定位*r
2021-08-25 19:35:31
73
原创 初阶CSS全览
初阶CSS全览1. web三大技术2. CSS2.1 引入CSS2.2 css语法2.3 选择器2.3.1 语法2.3.22.3.3组合选择器2.3.5伪类选择器2.3.5伪元素 区分:的多少2.4 css权重文字属性4.字体属性5.其他元素6、vertical-align7. 盒子模型7.1 概念7.2分类7.3标准盒子模型7.4padding7.5margin7.6overflow（溢出）7.7 display8.float8.1文档流8.2浮动8.3浮动语法8.4浮动的影响8.5清除浮动5.6清除浮动
2021-08-20 20:27:11
88
原创 HTML5进阶
1.语义化标签1.1语义化的意义根据内容的结构，选择合适的标签，便于开发者阅读和机器阅读，写出更加优雅的代码，为浏览器的爬虫和机器进行更好的解析。1.2 HTML5新增了一些语义化标签header： 用于定义文档或者章节头部。nav： 用于定义导航连接部分footer： 用于定义文档或者章节的底部article：用于定义文档的文章（帖子、新闻、博客）section： 用于定义一个文档的章节 小的部分aside： 用于定义与当前页面文章无关的附属信息address：用于地址
2021-08-18 19:18:24
1234
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人