- 博客(368)
- 资源 (58)
- 收藏
- 关注
原创 [npm] npx 介绍与使用说明
比如,我临时需要使用 create-react-app 这个模块,但是仅仅使用一次,之后都用不到了,那么如果全局安装,会造成存储资源的浪费,虽然事后可以删除但是我需要多操作一步,并且不能忘记,而 npx 可以使用该工具包,并且使用完成后自动删除。我们知道当我们想要使用一个工具包的命令的时候,我们需要全局安装工具包,然后再执行该工具包的命令,但是如果我们只是当前项目需要使用,那么工具包都全局安装,久了会导致全局目录越来越庞大,npx 可以解决该问题。-c 参数的另一个作用,是将环境变量带入所要执行的命令。
2023-09-16 23:23:40
1328
1
原创 npm常用命令系统介绍
之前介绍过一些常用的,如果是初始的使用上文已经够用这里是第二次整理常用的 npm 的命令,一个是对 npm 的理解更加深入,同时也是一些不常用命令的学习,更加是一些内容的融会贯通。
2023-09-15 22:58:21
1746
原创 [交互]交互的实战问题1
最近做项目,遇到一个问题,后台导出表格时,当条数超过一定数量时,会报:431 Request Header Fields Too Large 的问题,然后就在网上搜索这个问题,本质的问题就是 http 请求 header 过大。虽然返回的异常结果可以明确说明是哪个接口,并返回错误信息,但是当有多个接口错误的时候,仅仅返回第一个错误的信息,其他接口的错误信息并不返回,并且正常的接口也没有返回信息,无法回调。路径参数,这里的路径参数是指请求路径中拼接的参数,不是指 get 请求。
2023-09-15 22:54:22
671
原创 [交互]AJAX
AJAX 是技术,不是工具,区别于 axios、fetch、$.ajax 等(封装工具)现有交互工具,是用于改变部分网页的技术HTTP 超文本传输协议,所以 AJAX 也不是 HTTP , AJAX 是实现 HTTP 的一种技术数据交互的根本是现代浏览器都支持 XMLHttpRequest 对象!!!!
2023-09-15 22:53:41
454
原创 [交互]前端展示服务端获取的图片
表示响应的数据以blob对象的形式返回。在响应成功的回调函数中,将响应的二进制数据转换为Blob对象,并根据Blob对象生成图片URL,最后将图片URL赋值给图片元素的。在响应成功的回调函数中,将响应的二进制数据转换为Blob对象,并根据Blob对象生成图片URL,最后将图片URL赋值给图片元素的。以上虽然设置了blob但是根本上还是图片以二进制的形式传输的,因为所有非json格式,均可以以blob接收在转换成对应格式的图片或文件。发送请求:使用axios发送HTTP请求,获取图片文件的二进制数据。
2023-09-15 22:51:12
1477
1
原创 [交互]交互介绍
交互一般是指不同的服务之间进行信息的互通,所以有发出交互的一方认作是请求方,做出响应的一方是响应方。HTTP,超文本传输协议(Hyper Text Transfer Protocol)是一个简单的请求-响应协议,它通常运行在 TCP 之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应HTTP 是基于客户/服务器模式,且面向连接的。典型的 HTTP 事务处理过程:(1)客户与服务器建立连接;(2)客户向服务器提出请求;(3)服务器接受请求,并根据请求返回相应的文件作为应答;
2023-09-15 22:49:55
497
原创 [交互]实战问题2-413 Request Entity Too Large
若是微服务,需要注意微服务和基座是否都调整了,若是只调整微服务仍存在问题,还需设置基座;nginx中:client_max_body_size 具体的大小值,默认为1M;请求文件过大,不包含参数,单单是上传的文件过大。请求文件过大,包含参数与上传文件的整体大小。关于该提示,有两种情况。
2023-09-15 22:49:15
457
1
原创 [工具包]jscodeshift-代码批量修改的工具
关于这个代码集或者库官网解释是一个可以大批量自动修改代码,但是仍需要人工检测与干预的工具。那么 jscodeshift 又与Codemod有什么关系?jscodeshift 是一个 Javascript 的Codemod工具,因为可能存在修改java等其它语言的Codemod工具;
2023-09-15 22:47:44
557
1
原创 [npm]npm包的分类
node 与 npm 是一体的,只要安装了 node 的环境,那么你就可以使用 npm 命令,npm 是一个包管理工具;自从可以使用 npm 后,npm 库中增加了各种包,我们可以从中找到各种已经实现的实用的包,而不必自己去开发实现了。npm 库中的包分为工具包与功能包:工具包:是可执行的命令,可以在终端运行,实现某些功能,主要是开发阶段被使用例如,初始化一个项目,编译文件等等,我们通常使用的脚手架就是工具包的一种功能包:主要是在项目业务中被引用,实现某个功能,是任何环境(开发或生产)都需要的。
2023-09-15 22:44:05
436
原创 [npm]package.json文件
因此,需要一种机制,在模板安装的时候提醒用户,如果 A 和 B 一起安装,那么 B 必须是 2.0 模块。如果某个版本的改动较大,并且不稳定,可能如法满足预期的兼容性需求,就需要发布先行版本,先行版本通过添加内容在版本号的后面,通过 “-” 号连接分隔的标识符和版本编译信息:内部版本(alpha)、公测版本(beta)和候选版本(rc,即 release candiate)。当 npm 包发布时,files 指定的文件会被推送到 npm 服务器中,如果指定的是文件夹,那么该文件夹下面所有的文件都会被提交。
2023-09-15 22:43:15
2775
原创 [DB]数据库--lowdb
早期版本,由于是基于lodash的,与 lodash 是一体的,所以可以直接调用lodash的方法。在ES6的写法中,由于引入的方式不同,所以已经不能直接使用lodash的方法,需要先对数据的链式化。在js服务端使用 lowdb 存储数据,例如express创建的服务中,通过lowdb处理数据。上可以查看所有可以使用的方法,可以对文件中获取到的数据使用lodash方法操作。可用于在json中存储数据,大小一般为0~200M的json文件。方便简单的数据存储,快速的实现数据的增删改查。
2023-09-15 22:42:01
1124
1
原创 [DB]数据库简介
DBMS,Database Manager System,数据库管理系统本文主要是对数据的存储做一个概念性的讲解。Node.js 应用一般有三种方式保存数据。
2023-09-15 22:39:40
579
原创 [Typescript]基础篇之模块
TypeScript 模块的设计理念是可以更换的组织代码。模块是在其自身的作用域里执行,并不是在全局作用域,这意味着定义在模块里面的变量、函数和类等在模块外部是不可见的,除非明确地使用 export 导出它们。相应的,如果需要使用必须通过 import 导入其他模块导出的变量、函数、类等。两个模块之间的关系是通过在文件级别上使用 import 和 export 建立的。模块使用模块加载器去导入其它的模块。在运行时,模块加载器的作用是在执行此模块代码前去查找并执行这个模块的所有依赖。
2023-08-05 12:26:22
237
原创 [Typescript]基础篇之类
TypeScript 是面向对象的 JavaScript。类描述了具有共同属性和方法的对象。TypeScript 支持面向对象的所有特性,比如 类、接口等。类的实例化,是指类的具体对象// 类作用域 }属性 − 属性是类里面声明的变量。属性表示对象的有关数据,也称之为字段构造函数 − 类实例化时调用,可以为类的对象分配内存,并初始化类的实例。方法 − 方法为对象要执行的操作。})();
2023-08-05 12:26:00
149
原创 [Typescript]基础篇之对象
在鸭子类型中,关注点在于对象的行为能做什么,而不是关注对象所属的类型。例如,在不使用鸭子类型的语言中,我们可以编写一个函数,它接受一个类型为"鸭子"的对象,并调用它的"走"和"叫"方法。在使用鸭子类型的语言中,这样的一个函数可以接受一个任意类型的对象,并调用它的"走"和"叫"方法。任何拥有这样的正确的"走"和"叫"方法的对象都可被函数接受的这种行为引出了以上表述,这种决定类型的方式因此得名。在这种风格中,一个对象有效的语义,不是由继承自特定的类或实现特定的接口,而是由"当前方法和属性的集合"决定。
2023-08-05 12:25:35
223
原创 [Typescript]基础篇之安装与使用
Typescript 文件的最终归宿是归于 javascript,使用 Typescript 开发方便静态类型检查,方便应用级别的开发,结构更加清晰,因此推荐使用 Typescript 开发因为 Typescript 文件的最终归宿是归于 javascript 的,因此需要使用工具将.ts 文件转化为.js 文件使用 typescript 工具包,可以实现文件的转化,通过工具包的命令,将 ts 文件编译为 js 文件。
2023-08-05 12:24:12
303
原创 [ES6] promise & async/await
name: 函数名称。param: 要传递给函数的参数的名称。statements: 函数体语句。async 函数返回一个 Promise 对象,可以使用 then 方法添加回调函数});Promise 对象:await 会暂停执行,等待 Promise 对象 resolve,然后恢复 async 函数的执行并返回解析值。非 Promise 对象:直接返回对应的值。
2023-04-20 23:42:15
1483
原创 [ES6] Generator 函数
ES6 新引入了 Generator 函数,可以通过 yield 关键字,把函数的执行流挂起,为改变执行流程提供了可能,从而为异步编程提供解决方案常用于异步编程的还包括 promise 对象的应用,与 async/await 指令。
2023-04-20 23:41:30
814
原创 [ES6]函数
ES6 之前,JavaScript 的 this 对象一直很令人头大,回调函数,经常看到 var self = this 这样的代码,为了将外部 this 传递到回调函数中,那么有了箭头函数,就不需要这样做了,直接使用 this 就行。button 的监听函数是箭头函数,所以监听函数里面的 this 指向的是定义的时候外层的 this 对象,即 Window,导致无法操作到被点击的按钮对象。不定参数表示不确定参数的个数,形如,…箭头函数体中的 this 对象,是定义函数时的对象,而不是使用函数时的对象。
2023-04-20 23:40:52
894
原创 [ES6] 数组
Array.of(),将参数中所有值作为元素形成数组,参数值可为不同类型,参数为空时返回空数组。复制,当复制的是复杂对象,复杂属性也是完全复制,就是修改复制后的对象并不会改变原有的对象。查找数组中符合条件的元素索引,若有多个符合条件的元素,则返回第一个元素索引。查找数组中符合条件的元素,若有多个符合条件的元素,返回第一个元素。将一定范围索引的数组元素修改为此数组另一指定范围索引的元素。复制,但是当复制的是一个复杂对象,复杂属性复制的是指针。数组缓冲区是内存中的一段地址,定型数组的基础。
2023-04-20 23:39:36
1163
原创 [ES6] 对象
当参数不是对象时,会先将参数转为对象然后返回,而 null 和 undefined 不能转化为对象,单独作为参数或者作为第一个参数都会报错;,如果被拓展的对象是复杂对象,对于复杂属性(对象、数组)仅仅是将指针指向了复杂属性,而简单的属性则是复制了一份。如果目标对象和源对象有同名属性,或者多个源对象有同名属性,则后面的属性会覆盖前面的属性。当使用动态属性的时候,不可同时使用简化表达,否则会报错!属性合并的时候,如果出现同名属性会保留靠后(靠右)的属性值。assign 的属性同拓展运算符,拷贝是浅拷贝。
2023-04-20 23:38:39
992
原创 [ES6] 数值
方法说明检查数值是否为有限检查值是否为 NaN将给定字符串转化为指定进制的整数把字符串解析成浮点数检查值是否为整数检查数值是否在安全范围方法说明普通计算计算一个数的立方根检查值是否为 NaN计算所有参数平方和的平方根返回 32 位无符号整数形式的前导 0 的个数数字处理用于返回数字的整数部分获取 32 位单精度浮点数形式判断Math.sign判断数字的符号(正、负、0)对数方法计算 e 的 x 次方减 1,= Math.exp(x) - 1。
2023-04-20 23:37:10
473
原创 [ES6] string 拓展
模板字符串相当于加强版的普通字符串,使用用反引号 `标记字符串,除了作为普通字符串,还可以用来定义多行字符串,可以在字符串中加入变量和表达式。标签模板,是函数的调用,可以使用方法名直接拼接模板字符串,则模板字符串自动转化为数组;如果模板字符串仅是反引号标记的普通字符串,则作为参数传入后被转化为数组,长度为 1。如果 length <原字符串长度+补全字符串长度,则截去超出位数的补全字符串;如果 length <= 原字符串的长度,则返回原字符串;分割后的数组,长度也即转化后数组的长度,例如上述存在两个。
2023-04-20 23:36:56
768
原创 [ES6] Map & Set
forEach 方法的第二个参数,表示绑定处理函数内部的 this 对象,如果省略则表示是调用对象本身,上述可省略第二个参数。Map 对象中的元素是按顺序插入的,迭代 Map 对象也是按顺序迭代,每一次迭代返回 [key, value] 数组。函数也类似,所以复杂类型的键值并不是形式看着一样就是同一个值,必须是指针指向的是同一个地址的键值才能获取到对应值。合并两个 Map 对象时,如果有重复的键值,则后面的会覆盖前面的。Map 的克隆是 Map 对象构造函数生成实例,迭代出新的对象。
2023-04-20 23:35:38
1013
原创 [ES6]变量与常量
就是当我们写代码的时,正常情况我们理应声明变量先于使用变量,然后各种原因导致了使用变量先于声明变量的情况,但是程序并不报未定义错误,对于这种未正常声明在先却能正常使用情况我们称之为变量提升使用变量包括赋值的情况。
2023-04-20 23:33:20
498
原创 [nginx]-项目部署与实战3
一定要注意,server 中的location /的根目录一定要与部署项目的文件夹名称对应上, root html/folderName,如果你是直接将要部署的项目内容直接拷到了 html 文件夹下,那么配置依然是 root html,不需要修改。对于vue等开发的项目,打包后的文件夹为dist,整个文件夹主要是html+css+js组成的静态资源,我们直接使用整个文件夹,如果之前部署过相同名称的文件夹,可以将文件夹的名称修改了,只要和之后配置文件中的根路径配置正确即可。或者根据性能选择不同的服务器?
2023-03-21 20:55:30
309
原创 [nginx]-安装与使用1
当我们修改了nginx的配置文件nginx.conf 时,不需要关闭nginx后重新启动nginx,只需要执行命令 nginx -s reload 即可让改动生效。nginx的配置文件是conf目录下的nginx.conf,默认配置的nginx监听的端口为80,如果80端口被占用则无法启动,可以修改为未被占用的端口即可。(2)打开cmd命令窗口,切换到nginx解压目录下,输入命令 nginx.exe 或者 start nginx ,回车即可。有很多种方法启动nginx。下载后解压,解压后如下。
2023-03-21 20:53:57
227
原创 [nginx]-配置文件2
如果你是直接将要部署的项目内容直接拷到了 html 文件夹下,那么配置依然是。默认的 nginx 的配置文件 default.conf。的根目录一定要与部署项目的文件夹名称对应上,一定要注意,server 中的。
2023-03-21 20:52:52
127
原创 [VUE 问题]crbug/1173575, non-JS module files deprecated
如果地址相同不应该出现该现象,然后对比两个地址,发现项目自动打开的地址是 0.0.0.0,而项目运行后出现的一个地址是含有 localhost,一个是 ip 地址。一开始以为是项目没有完全启动导致的,但是在项目启动完成后刷新地址仍旧是无法访问的提示,但是从启动的连接处点击打开却能够看到正常项目,但是自动打开的却不行?然后,忽然反应过来,为什么项目自动打开的浏览器地址是 0.0.0.0?突然出现的现象,就是项目启动后,浏览器自动打开的不再是直接运行的项目,而是一个有警告的页面。
2023-03-21 20:52:40
1681
ip地址的处理-根据255个划分网段的个数及每个网段的起始终止ip
2017-12-26
java代码 文件的下载(rar等格式,下载报错,确不提示下载)
2017-01-19
最新版JQuery-jquery-3.2.1.min.js
2018-01-09
java itext生成PDF文件
2017-02-07
mybatis通过pom文件自动生成代码需要jar包
2018-03-07
chrome-plugin-Yp.rar
2020-11-24
parent-maven-archetype.zip
2020-09-03
微信H5与小程序支付与环境跳转
2020-02-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅