- 博客(35)
- 资源 (3)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 一文搞懂 npm、cnpm、yarn、pnpm、npx、nvm 的区别
与 npm 不同，yarn 具有更快的下载速度和更稳定的依赖管理。yarn 使用与 npm 相同的包仓库，可以直接使用 npm 的包。（Node Package Manager）：npm 是 Node.js 的默认包管理器，用于安装、发布和管理 JavaScript 包。nvm 可以帮助开发人员在不同的项目中使用不同的 Node.js 版本，以适应项目的需求。：pnpm 是另一个 JavaScript 包管理器，与 npm 和 yarn 不同，它使用硬链接和符号链接来共享依赖项，从而节省磁盘空间。
2023-12-19 14:55:12
978
原创 微前端学习（下）
Single-SPA 是一个非常流行的微前端框架，它允许开发团队使用不同的技术栈来构建独立的前端应用，并将它们组合成一个整体的应用。Mosaic 是一个基于 Web Components 的微前端框架，它提供了一种模块化的方式来构建和组合前端应用。它具有良好的可扩展性和性能，并且支持多种技术栈。Piral 是一个基于 Web Components 的微前端框架，它提供了一种模块化的方式来构建和组合前端应用。Luigi 是一个用于构建微前端应用的开源框架，它提供了一种可插拔的方式来组合和集成不同的前端应用。
2023-09-13 11:27:56
549
原创 简单总结 Reflect 和 Proxy
JavaScript 中的特性，它们都与对象操作相关，但有不同的用途和功能。主要是为了提供对底层对象操作的便利性和默认行为
2023-08-03 16:31:29
237
原创 JS常用操作数组的方法整理
这只是一些常见的数组操作方法，JavaScript还提供了其他更多的方法。你可以根据具体需求选择适合的方法来操作数组。
2023-07-28 15:10:58
172
原创 Node.js学习笔记-02
Node带来的最大特性莫过于基于事件驱动的非阻塞I/O模型，这是它的灵魂所在。如下代码存在的问题是需要重复去定义一些相似的函数，如果有 更多的isXXX()，就会出现更多的冗余代码。由于V8的内存限制，要十分小心此类变量是否无限制地增加，因为它会导致老生代中的对象增多。由于V8垃圾回收性能的影响，将常用的操作对象用更高效和专有的内存分配回收策略来管理是个不错的思路。Buffer 是一个典型的JavaScript与C++结合的模块，它将性能相关部分用C++实现，将非性能相关的部分用JavaScript实现。
2023-07-27 14:23:45
468
原创 nvm 的常用操作指令整理
NVM (Node Version Manager) 是一个用于管理 Node.js 版本的工具。它允许您在同一台计算机上同时安装和切换不同版本的 Node.js，以便您可以轻松地在项目之间切换或测试不同的 Node.js 版本。
2023-07-21 16:04:22
8795
2
原创 使用函数对象和类分别定义 ES 和 TS 两个子类，实现继承案例
无论是使用函数对象还是类来定义子类，都可以通过调用父类的构造函数（`Niyy.call(this)` 或 `super()`）来继承父类的属性，并通过设置原型链和修复构造函数指向来继承父类的方法。子类可以添加自己的属性和方法，以及重写父类的方法。在示例中，`ES` 子类和 `TS` 子类都继承了 `Niyy` 父类，并添加了各自的语言属性和方法。
2023-07-20 17:48:16
60
原创 案例：JS 使用 reduce 方法 进行 数组对象分类
在这个示例中，使用 reduce 方法对数组进行迭代，将每个元素的 name 属性作为 key，将对应的元素添加到以 key 命名的数组中，并且最终返回一个以属性值作为键的对象。使用 reduce 方法可以快速实现按属性分类的操作，比使用循环迭代要更高效。最后通过Object.entries()方法将result转换成二维数组并输出。
2023-07-19 09:43:23
431
原创 UniApp简单的WebSocket单例模式 示例
如上所述，这个单例模式的工具类中使用了ES6的class语法来定义WebSocketUtil类。上述代码中，先通过构造函数实例化一次，然后通过getInstance方法获取到该类的实例，并调用send方法发送消息和close方法关闭连接。因为单例模式的原因，该方法只会创建一次连接，并保证了在应用程序中全局唯一。在UniApp中使用这个WebSocket工具类很简单，只需要导入该工具类，然后将服务端的Websocket URL传递给构造函数，就可以获取到全局唯一的WebSocket连接实例。
2023-07-18 09:51:12
435
原创 uniapp 中封装|使用 socket.io-client
要在uniapp中封装websocket，您可以使用uni-app插件市场中的socket.io-client插件。此插件可以使您轻松地在uniapp应用程序中添加websocket支持，并具有心跳特性及重连功能。现在，您可以在整个应用程序中使用this.$socket对象来访问您的websocket连接，并使用其公开的方法和事件监听器。您可以在HBuilderX中的插件市场中找到此插件并安装。
2023-07-18 09:50:10
2475
原创 闭包使用小记
小心使用闭包的副作用：闭包可以访问外部作用域中的变量，并在闭包内进行修改。确保对这种副作用的使用是必要的，避免潜在的错误和不可预测的行为。谨慎使用全局变量：避免在闭包中引用全局变量，因为闭包会持有对这些变量的引用，导致这些变量不能被释放，增加内存消耗。释放不再使用的闭包：在不需要闭包时，手动释放对闭包的引用，这样可以促使垃圾回收机制将其销毁。避免循环引用：确保闭包不引用外部作用域中的对象或变量，这样可以防止循环引用，避免内存泄漏。手动释放：在某些编程语言中，你可以手动释放一个闭包的引用，从而导致它被销毁。
2023-07-18 09:18:52
158
1
原创 base64 字符串转换为 Blob 对象
是 MIME 类型。转换完成后，会得到一个 Blob 对象。是 Blob 对象的 MIME 类型，默认值为。是待转换的 base64 字符串，是待转换的 base64 字符串，该函数返回一个 Blob 对象。，可以将其用于上传、下载等操作。
2023-04-26 14:58:35
5403
原创 Blob 转换为 base64
是一个 Blob 对象，指向要转换的图片。方法返回一个 Promise，当转换完成后将 base64 字符串作为参数传递给。需要注意的是，Blob 转换为 base64 可能会对性能造成一定的影响，在使用之前要谨慎评估。方法中执行需要的操作，比如显示图片等等。
2023-04-26 14:55:07
8995
原创 列举WXS使用案例
使用 wxs 实现复杂业务逻辑：在一些复杂的小程序场景中，我们可能需要处理多种数据类型和复杂的业务逻辑。例如，在一个音乐播放器小程序中，可以使用 wxs 来配置和生成播放器的样式，包括组件的颜色、大小和布局等。使用 wxs 进行列表过滤：在一个包含大量数据的列表中，使用 wxs 过滤器可以帮助用户快速地找到需要的数据。例如，一个在线商店的商品列表页面，可以使用 wxs 来按照价格、品牌等条件进行过滤，避免用户不必要的翻页操作。使用 wxs 可以直接在页面中进行数据的计算和操作，并将结果绑定到页面元素上。
2023-04-20 10:38:13
103
原创 如何提高网站性能
优化你的前端代码可以大大提高用户体验和搜索引擎排名，同时也可以减少服务器负载和带宽成本。使用CDN（内容分发网络）可以将静态资源（如CSS，JavaScript和图像）分布在全球各个地方的服务器上，从而减少页面加载时间。通过压缩和合并这些文件，可以减少HTTP请求次数和文件大小，从而加快页面加载速度。优化你的前端代码可以减少页面加载时间。还可以通过删除未使用的CSS和JavaScript代码，减少页面大小和加载时间。总之，通过使用这些技巧，可以极大地提高网站性能，并为用户提供更好的体验。
2023-04-17 10:14:49
48
原创 [Vue warn]: Invalid prop: type check failed for prop “value“. Expected String, Number, got Array
使用element ui 报：[Vue warn]: Invalid prop: type check failed for prop "value". Expected String, Number, got Array<ElInput> at packages/input/src/input.vue..............问题分析：Expected String, Number, got Array是因为返回的是一个数组，而我们绑定的变量是字符类型，仔细检查一下我们的变量类型...
2021-04-15 16:44:46
7787
2
原创 java关于jsp传中文到后台乱码的问题
本人小白，大神多指教！这两天做相关的功能时，莫名其妙的乱码，本地是正常的，然后上传到服务器运行就乱码了（烦）。。翻遍了网上的相关问题，所以整理一下，让以后遇到的人快速处理该问题看 Tomcat 看的配置：<Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443"/&g...
2018-10-18 23:36:57
2443
原创 关于使用EasyUI动态添加标签的个人笔记-V1
首先 Parser(解析器)解析器是easyui非常重要的基础组件,在easyui中我们能够简单的通过class定义一个组件,从而渲染出非常好的交互效果。就是通过parser进行解析的。parser会获取所有在指定范围内定义为easyui组件的class定义,并且根据后缀定义把当前节点解析渲染成特定的组件。 parser可以有两种使用方法: 相关文章链接，感谢
2017-11-04 11:17:37
582
原创 关于java上传到ftp文件为空的处理笔记
这几天用java上传图片到ftp，上传成功，有文件夹，有名字，就是文件大小为0，内容空，翻遍了网上大佬们的解决办法，终于搞定了。需要在ftpClient.setFileType(FTP.BINARY_FILE_TYPE); 前面添加FTPClient.enterLocalPassiveMode();一开始我还以为是防火墙或者字符的问题，结果不是，希望能帮到大家，
2017-08-20 10:00:35
3510
4
原创 SSM项目报400错误注意之一
Controller 层@RequestMapping(value="/addSD" )public String addInfo(Standard standard,@RequestParam("attache") MultipartFile attache,（attache 是jsp的，对应 entity 的 standard.ackagePath 这里不能直接写
2017-07-20 10:11:52
4234
原创 初识Hibernate：Could not instantiate id generator [entity-name=com.hibernate.e
最近刚刚学 Hibernate 然后就遇到了错误，抓破了脑壳都不知道为什么，第二天又看了一遍代码，原来是我写错了单词 //这个地方要注意，别写错 org.hibernate.MappingException: Could not instantiate id generator [enti
2017-06-13 10:02:26
6496
TA创建的收藏夹 TA关注的收藏夹
TA关注的人