- 博客(23)
- 收藏
- 关注
RSS订阅原创 vue3对比vue2新增特性
当点击num，和info，去修改它们的值，页面上也会同步修改过来，相当于vue2中在data函数里面声明响应式数据，但是比vue2更加完善。在vue2中使用Object.defineProperty() 来实现响应式，存在一些局限性，比如无法检测对象属性的添加和删除，对于数组的某些操作（如通过索引修改元素）也不能自动触发响应式更新（需要手动触发视图更新）。vue3使用基于js的proxy对象实现响应式，很好的解决了这个问题。
2025-03-29 22:21:20
904
原创 react项目中当组件渲染的时候如何执行接口
最近遇到一个场景，就是组件渲染的时候去调用接口进行数据回填。这个在vue中很简单，在created生命周期函数中，直接调用接口即可。但是react没有created生命周期，所以在react中我们需要用到useEffect钩子函数。在 React 函数组件中使用useEffect时，要注意依赖项数组。如果依赖项数组为空 ，则 useEffect只会在组件挂载和卸载时执行；如果依赖项数组中有值，当这些值发生变化时，useEffect会重新执行。
2025-03-25 23:21:30
339
原创 vue中keep-alive组件的使用
keep-alive是vue的内置组件，它的主要作用是对组件进行缓存，避免组件在切换时被重复创建和销毁，从而提高应用的性能和用户体验。它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。使用时，只需要将需要缓存的组件包裹在keep-alive标签内即可。
2025-03-24 21:32:59
1108
原创 fetch,ajax,axios的区别以及使用
XMLHttpRequest是一种在浏览器中用于与服务器进行异步通信的对象，它是实现 AJAX（Asynchronous JavaScript and XML，异步的 JavaScript 与 XML 技术）的核心。通过 XMLHttpRequest，可以在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。而jquery的$.ajax简化了XMLHttpRequest的使用。
2025-03-20 23:47:39
1076
原创 原生JavaScript控制页面跳转的几种方式
在开发一些简单的页面，不需要复杂的单页面应用（SPA）功能的时候。可以使用原生JavaScript 的跳转即可满足需求。另外在处理一些需要直接与服务器进行交互的表单提交后跳转，或者在某些浏览器兼容性要求较高的场景下，原生 JavaScript 的跳转方式更加稳定可靠。
2025-03-18 20:28:55
272
原创 使用nvm切换node版本
在开发工作中，我们经常会通过 Git 从代码仓库克隆项目到本地。一般情况下，克隆下来的项目只有代码文件，并不包含项目所需的依赖，因此需要手动执行npm instanll命令来安装这些依赖。然而，由于不同项目的开发时间和环境不同，项目所适配的 Node.js 版本也可能存在差异。当克隆下来的项目要求的 Node.js 版本较低，而当前本地开发环境使用的 Node.js 版本较高时，在执行依赖安装操作时极有可能出现问题。
2025-03-17 20:29:07
528
原创 使用WebSocket实现一个简单的在线聊天功能
本文将使用WebSocket 库 ws 来实现一个简单的在线聊天的功能，主要用到的技术为ws,node.js，js，html，cssws安装命令。
2025-03-12 21:26:35
977
原创 vue生命周期和应用
Vue 的生命周期是指 Vue 实例从创建、挂载、更新、销毁的整个过程。Vue 提供了一系列的生命周期钩子函数，允许开发者在特定阶段执行自定义的代码。
2025-03-04 21:21:25
962
原创 vue插槽
插槽（Slots）是一种强大的特性，它允许你在组件中预留内容区域，这些区域可以由使用该组件的父组件来填充具体内容，实现组件的灵活复用和内容的动态定制。
2025-02-25 20:03:55
321
原创 vue自定义指令的基础使用
自定义指令是一种非常有用的特性，它允许你对普通 DOM 元素进行底层操作，以实现一些特定的功能。注册指令可以注册全局指令和局部指令。定义自定义指令有两种方式，第一种直接使用对象，第二种 vue3，提供了defineDirective函数。本文主要使用第一种先简单介绍下基本使用。
2025-02-23 17:27:31
291
原创 css绘制图标
总结：在使用css绘制图标中，或者其他页面样式中。定位，伪元素，阴影，圆角等都是常用的属性。对于图标的选择方案上具体根据项目实际情况来。使用css绘制图标缺点也很明显，有些图标css绘制不出来。或者说使用css绘制过于复杂，代码也会显得冗余。并且也需要考虑到一些浏览器兼容性的问题。
2025-02-20 18:46:01
368
原创 pc端常用的布局，grid布局的基本使用
在做pc端的时候有很多相似的场景，这里做一个大概的整理。核心使用css中的栅格布局grid和原生html。如果有合适的组件库，直接使用组件库更为方便。
2025-02-20 00:10:28
294
原创 浅拷贝和深拷贝
浅拷贝是创建一个新对象，这个新对象的部分属性是原始对象属性的引用。这意味着，新对象和原始对象中的这些引用类型属性指向内存中的同一个对象，因此修改其中一个对象的引用类型属性时，另一个对象也会受到影响。深拷贝是在处理对象或数组这类引用数据类型时的一种数据复制技术，旨在创建一个与原始对象或数组完全独立的副本，新副本和原数据在内存中占据不同的空间，对新副本的任何修改都不会影响到原始数据。使用浅拷贝修改的只是对象简单数据类型，当我们修改对象的引用数据类型的时候则还会影响到原来的对象。这里使用展开运算符浅拷贝演示下。
2025-02-19 19:04:27
254
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人