- 博客(368)
- 资源 (58)
- 收藏
- 关注
RSS订阅原创 [react]脚手架create-react-app/vite与reac项目
本人是在react项目升级的过程迁移的脚手架，原项目使用的creat-react-app,脚手架升级变更对项目的基本结构修复后，项目已经可以正式启动了，记录一下。
2023-12-28 23:54:39
1151
2
原创 [react]react-router-dom 与 redux 版本升级
import {},return {},//对使用到的状态更新return {},return {},},/*** 触发的处理函数* @param state 设置一个初始值，若没有显示该初始值*/})default:/*** 身份证号*/})default:/***/})default:/***/})default:/*** 多个reducer方法*/})phone: "",});});});
2023-12-28 23:54:21
1206
原创 [交互]交互的实战问题2
如果允许缓存，那么可以在切换页签后，页面需要展示上次的操作结果，如果直接取消未完成的交互会导致展示数据不正确，因为再次打开此页面的时候,需要展示上次交互的结果，因此也与是否是微服务没有关系。如果是不允许缓存，那么可以在切换页签时直接取消未完成的交互，因为下次再打开此页面的时候,需要重新发起所有的交互，所以不论是不是微服务都需要重新发起交互。首先需要确定我们的项目是不是允许缓存的，这与项目中页面是否为微服务并无关系。有一天发现该方式突然不生效了，最后发现是升级axios导致的。
2023-12-23 23:55:33
463
原创 浏览器缓存问题
其实这不是客户端的事情，而是服务器的事情，服务器可以设置缓存机制，这个功能是为了提高网站的访问速度，当客户端发出 GET 请求的时候，服务器(网页服务器，或者数据交互的服务器)会从缓存中调用你要访问的内容，这个时候服务器就可以判断这个页面是不是更新过了，如果未更新过那么他会给你返回一个 304 状态码。例如，微服务中项目加载的微服务，在微服务更新后，点击菜单从新打开页面的时候，总是出现页面未更新的情况，此时需要保证index.html文件不缓存，或者是协商缓存（发生变更就要去服务器重新获取）
2023-12-22 09:35:18
847
1
原创 [前端]模块化开发
通过 module 对象来定义一个模块；module 属性说明module = {id: "", //模块的识别符，通常是带有绝对路径的模块文件名。filename: "", //模块的文件名，带有绝对路径。loaded: "", //返回一个布尔值，表示模块是否已经完成加载。parent: "", //返回一个对象，表示调用该模块的模块。children: "", //返回一个数组，表示该模块要用到的其他模块。exports: "" //表示模块对外输出的值。
2023-12-22 09:34:11
412
原创 [vue]Echart使用手册
series中type设置的类型，就是需要注册的图表类型，其它barOps的属性基本都是组件，也是从这里确定你要注册的内容。在使用过程中图表很容易猜测出来，柱图或者折线图，但是组件的名称就不太容易确定，又没有明确的文档说明，只能查看源码。在vue中使用Echart发现在设置某些属性的时候，图上对应的测试项死活出不来。然后翻找源代码发现，对于Echart中属性的使用，都需要注册–组件与对应类型图表。以上是图表的vue相关代码，设置还有非常重要的一点，在最开始的时候没有设置。
2023-12-22 09:32:39
416
原创 [node] Node.js的全局对象Global
JavaScript 中有一个特殊的对象，称为全局对象(Global Object)，它及其所有属性都可以在程序的任何地方访问，全局变量即全局对象的属性。在浏览器 JavaScript 中全局对象是 window， 而 Node.js 中的全局对象是 global，所有全局变量(除了 global 本身以外)都是 global 对象的属性。在 Node.js 我们可以直接访问到 global 的属性，而不需要在应用中包含它。
2023-12-22 09:28:01
1840
原创 [node] Node.js的内置模块
null 在回调函数中作为一个参数有其特殊的意义，如果回调函数的首个参数为 Promise 拒绝的原因且带有返回值，且值可以转换成布尔值 false，这个值会被封装在 Error 对象里，可以通过属性 reason 获取。定义的基础对象 Base 和一个继承 Base 的 Sub，Base 有三个在构造函数内定义的属性和一个原型中定义的函数，通过util.inherits 实现继承。运行结果请查看上述注释。是Node.js的核心模块，提供了一些常用函数的合集，弥补javascript功能过于精简的问题。
2023-12-22 09:26:54
1195
原创 [node] Node.js的函数
Nodejs是异步编程，并且是通过回调函数实现的异步编程。异步编程的优势是避免阻塞，可以处理并发的请求Node使用了大量的回调，并且所有API基本都支持回调回调函数一般是作为函数的最后一个参数出现。
2023-12-22 09:26:23
349
原创 [node]Node.js 模块系统
Node.js 提供了 exports 和 require 两个对象，其中 exports 是模块公开的接口，require 用于从外部获取一个模块的接口，即所获取模块的 exports 对象。当文件模块缓存中不存在，而且不是原生模块的时候，Node.js 会根据 require 方法传入的参数，并从文件系统中加载实际的文件，这里将详细描述查找文件模块的过程。尽管原生模块与文件模块的优先级不同，但是都会优先从文件模块的缓存中加载已经存在的模块。文件模块缓存>原生模块缓存>原生模块>文件模块。
2023-12-22 09:25:57
2321
原创 [node] Node.js 缓冲区Buffer
JavaScript 语言自身只有字符串数据类型，没有二进制数据类型。但在处理像TCP流或文件流时，必须使用到二进制数据。因此在 Node.js中，定义了一个 Buffer 类，该类用来创建一个专门存放二进制数据的缓存区。在 Node.js 中，Buffer 类是随 Node 内核一起发布的核心库。Buffer 库为 Node.js 带来了一种存储原始数据的方法，可以让 Node.js 处理二进制数据，每当需要在 Node.js 中处理I/O操作中移动的数据时，就有可能使用 Buffer 库。
2023-12-21 13:16:47
1697
原创 [node] Node.js的路由
可以通过硬编码的方式将这一逻辑处理绑定到服务器上，但是对于推荐模块开发的情况下，使用依赖注入的方式较松散地添加路由模块会使得耦合性更低，也方便以后的代码变更。路由需要提供请求的 URL 和其他需要的 GET/POST 参数，随后路由需要根据这些数据来执行相应的代码。以上代码没有具体的逻辑处理，你之后可以根据需要添加，此时只是封装了路由的处理方法。以上整体是对路由信息的获取与如何添加路由处理逻辑的一个简单介绍，是一种方法上的介绍。然后，先来看看如何把路由和服务器整合起来。
2023-12-21 13:16:14
807
原创 [node]Node.js 中REPL简单介绍
Node.js REPL(Read Eval Print Loop:交互式解释器) 表示电脑的环境，类似 Windows 系统的终端或 Unix/Linux shell，我们可以在终端中输入命令，并接收系统的响应。Node 自带了交互式解释器，可以执行以下任务：读取 - 读取用户输入，解析输入的 Javascript 数据结构并存储在内存中。执行 - 执行输入的数据结构打印 - 输出结果循环 - 循环操作以上步骤直到用户两次按下 ctrl-c 按钮退出。
2023-12-21 13:15:46
1350
原创 [前端优化]项目优化--Lighthouse
采用路由懒加载将一些静态 js css 放到其他地方(如 OSS)，减小服务器压力按需加载三方资源，如 ant-design-vue,建议按需引入 ant-design-vue 中的组件nginx 容器开启 gzip 减小网络传输的流量大小webpack(打包的脚手架，也可以是vite) 开启 gzip 压缩若首屏为登录页，可以做成多入口，登录页单独分离为一个入口图片懒加载方案。
2023-12-21 13:13:47
468
原创 [node] Node.js 中Stream流
Stream 是一个抽象接口，Node 中有很多对象实现了这个接口。例如，对http 服务器发起请求的request 对象就是一个 Stream，还有stdout（标准输出）Readable - 可读操作Writable - 可写操作Duplex - 可读可写操作Transform - 操作被写入数据，然后读出结果所有的Stream 对象都是 EventEmitter的实例。data - 当有数据可读时触发end - 没有更多的数据可读时触发。
2023-11-29 23:24:25
419
原创 [node] Node.js的Web 模块
Web服务器一般指网站服务器，是指驻留于因特网上某种类型计算机的程序，Web服务器的基本功能就是提供Web信息浏览服务。它只需支持HTTP协议、HTML文档格式及URL，与客户端的网络浏览器配合。大多数 web 服务器都支持服务端的脚本语言（php、python、ruby）等，并通过脚本语言从数据库获取数据，将结果返回给客户端浏览器。目前最主流的三个Web服务器是Apache、Nginx、IIS。
2023-11-29 23:23:59
1304
原创 [node]Node.js事件
Node.js 所有的异步 I/O 操作在完成时都会发送一个事件到事件队列Node.js 里面的许多对象都会分发事件：一个 net.Server 对象会在每次有新连接时触发一个事件， 一个 fs.readStream 对象会在文件被打开的时候触发一个事件。所有这些产生事件的对象都是 events.EventEmitter 的实例。
2023-11-29 23:22:40
899
原创 [node]Node.js多线程
每个子进程总是带有三个流对象：child.stdin, child.stdout 和child.stderr。以上发现多次执行main发现执行输出内容的顺序有时不同，结果不仅仅是上述两种结果，与子进程退出的速度有关。返回的对象拥有ChildProcess实例的所有方法，还有一个内建的通信信道。child_process.exec 使用子进程执行命令，缓存子进程的输出，多次执行发现同spawn的示例一样，也有多种执行结果，与子进程的退出程序有关。以下对上述方法详细说明。
2023-11-29 23:21:16
1286
原创 [vue-router]vue-router 路由传参问题
所以有尝试通过params方式传递参数，但是该种方式参数虽然不会出现在路径上，但是拿不到参数？通过以上代码，发现通过query方式传递参数确实可以拿到数据，但是该种方式会非常容易拿到路径的参数，个人感觉安全性较差，三方拿到数据比较容易。但是实践后发现，哪怕使用了name 方式 依然无法拿到params的参数，然后就说是vue-router的版本问题了，可能最新的版本存在问题。该问题是在希望在代码实现路由跳转的时候，传递一些数据，而且传递数据较多，并存在一些敏感数据。
2023-11-08 20:38:38
137
原创 [vue-router]vue3.x Hash路由前缀问题
最先想到是路由本身的问题，然后考虑到路由线上也是使用的，如果路由存在问题，则线上线下都应该有问题。本地时，以上两种情况均可正常查看页面，然后担心线上产品有同样问题,赶紧查看，发现添加后报错。因为该问题仅存在于本地，还没有找到合理的解释与解决方案，因此仅仅先做个记录。是在本地开发时，使用的HASH路由，然后在偶然的情况下在。该问题只存在于本地，不影响线上!前添加了前缀，发现不影响本地的路由的使用？那么就是本地开发设置的脚手架问题？最大的不同是脚手架不同。
2023-11-08 20:37:31
349
原创 [模块]ES6与cjs的混合开发
因为最早使用的CJS(CommonJS)规范开发，后来随着ES6规范的开始，大部分的库陆续转化成ES6的规范，但是部分仍旧是使用的CJS的规范，在一个ESM的项目中使用了CJS的模块，就导致了项目的混合开发。CJS 与 ESM规范在使用上有非常多的不同之处，下面是本人一个CJS的项目升级到ESM规范的过程中遇到的各种问题。ESM可以直接 importCJS 模块，越来越多的库使用ESM，建议新项目优先使用ESM规范。，但是如上所说ESM 是下一代的标准，所以逐渐的nodejs使用ES6的方式越来越方便。
2023-11-08 20:32:02
396
1
原创 [前端]动态加载问题-按条件加载
而ES通过import方式加载mock文件，当通过三目表达式或if判断是否加载mock文件时flag失效，不论 flag 是什么都会加载mock文件的，思考并测试了一下,发现只要。可以根据条件判断是否需要加载某些文件，例如当开发环境的时候我们需要加载 MOCK 文件或者不需要加载 MOCK 文件的情况，可以根据设置的 MOCK 的开关来决定是否需要加载。内部判断都会导致flag失效，都会编译import语句实现文件的加载，但是flag判断是发生在。以上是wepack方式。
2023-11-08 20:31:09
134
原创 [前端优化]搜索引擎优化SEO
SEO 是英文 Search Engine Optimization 的缩写，中文译为“搜索引擎优化”简单地说，SEO 是指从自然搜索结果得到网站流量的技术和过程。更严谨些的定义可以表达为：SEO 是指在了解搜索引擎自然排名机制的基础上，对网站进行内部及外部的调整优化，不断改进网站在搜索引擎中的关键词排名，得到更多流量，从而达到网站销售及品牌建设的目标。定义非常容易理解，实践中却有些迷惑。
2023-11-01 14:47:13
80
原创 jekins发布时报错
环境说明主要是jekins发布前端项目，但是暂时不支持node环境，因此使用了java套壳的方式，引用一些maven插件，进行对前端项目进行打包错误信息Failed to execute goal com.github.eirslett:frontend-maven-plugin:1.6:install-node-and-npm (install node and npm) on proje...
2023-09-16 23:50:38
174
原创 [npm]Unable to authenticate need BASIC realm=Sonatype Nexus Repository Manager
然后.npmrc 文件中出现//nexus.xxx.xx/repository/npm-group/:_authToken NpmToken.73ba43bd-dd91-3746-90bf-6d1f583385d2。设置 npm 的 token。
2023-09-16 23:46:47
506
原创 node绿色版本升级
node绿色版本升级安装绿色版本：1.非管理员没有安装软件的权限，因此不能直接使用安装包，因此想到了使用绿色版本2.之前已安装一个版本，因此环境变量的设置已经完成直接下载绿色的版本，找到之前的安装位置，本人是在D盘，替换对应文件夹中的内容即可...
2023-09-16 23:45:04
86
原创 [ES6] Proxy & Reflect
Proxy 与 Reflect 是 ES6 为了操作对象引入的 APIProxy 可以对目标对象的读取、函数调用等操作进行拦截，然后进行操作处理。它不直接操作对象，而是像代理模式，通过对象的代理对象进行操作，在进行这些操作时，可以添加一些需要的额外操作Reflect 可以用于获取目标对象的行为，它与 Object 类似，但是更易读，为操作对象提供了一种更优雅的方式。它的方法与 Proxy 是对应的。
2023-09-16 23:40:44
82
原创 [ES6]模块
在 ES6 前， 实现模块化使用的是 RequireJS 或者 seaJS(分别是基于 AMD 规范的模块化库， 和基于 CMD 规范的模块化库)ES6 引入了模块化，其设计思想是在编译时就能确定模块的依赖关系，以及输入和输出的变量ES6 的模块化分为导出(export) 与导入(import)两个模块export 命令用于规定模块的对外接口，import 命令用于输入其他模块提供的功能。
2023-09-16 23:39:46
291
原创 [工具包]Commander.js 使用说明 & 问题总结
这是在使用过程中发现的一个问题，在网上没有找到解决方案，经过反复实验，终于定位到了问题所在，记录一下定义的删除命令program.command('del <name>').description('delete command')//描述.alias('d <name>')//缩写.action((name) => { require('../comm...
2023-09-16 23:38:48
134
1
原创 [vue问题]开发中问题集合
“TypeError: Cannot read property ‘Request’ of undefined”这是测试文件的报错，最后发现是因为项目启动的时候就报错了，是其它错误导致的，所以测试文件才会提示这种错误，当启动报错修复后，该问题没有了热加载问题问题描述主要是文件更新后，但是热加载显示加载的文件并没有更新具体描述当src文件夹中的vue文件引入的js文件，修改了引入文件名称的时候例如：index.js文件引入 …/…/mixins/index.js因为mixins中文件名称变化m
2023-09-16 23:29:10
675
原创 [mockjs]Mock使用过程中的坑
该方式是直接对mockjs中/src/mock/xhr/xhr.js文件进行修改，但是该方式只有原作者修改并上传才不会影响下次的使用，否则更改的是本地的，对于每次初始化时重新下载了mockjs无法从根本上解决。mockjs源码导致了文件流被responseType:'json’解析了，因此无法正确识别，因此，我们只需在将转换为json的response.data重新转换为需要的类型。在使用了 mockjs 的情况下，接收到的response.data不是文件流，而是string类型。
2023-09-16 23:26:13
450
原创 [npm]npm warn config global `--global`, `--local` are deprecated. use `--location=global` instead.
打开nodejs的安装位置，打开npm.cmd、npx.cmd文件，并将每个文件中的 prefix -g 替换成 prefix --location=global。虽然只是警告，但是每次使用npm命令，都输出警告提示也是非常麻烦的。在通过node版本升级的过程中出现以上警告,是node升级问题。
2023-09-16 23:24:14
38
mybatis通过pom文件自动生成代码需要jar包
2018-03-07
最新版JQuery-jquery-3.2.1.min.js
2018-01-09
ip地址的处理-根据255个划分网段的个数及每个网段的起始终止ip
2017-12-26
java itext生成PDF文件
2017-02-07
java代码 文件的下载(rar等格式,下载报错,确不提示下载)
2017-01-19
chrome-plugin-Yp.rar
2020-11-24
parent-maven-archetype.zip
2020-09-03
微信H5与小程序支付与环境跳转
2020-02-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人