勋章
我关注的人
粉丝
技术能力
- JavaScript
- 前端开发
- Vue
- React
暂时未有相关云产品技术能力~
冰冻三尺非一日之寒，愿你事事看开，唯独对美好保持执念。
-
发表了文章 2024-09-24
vue配合axios连接express搭建的node服务器接口_简单案例
文章介绍了如何使用Express框架搭建一个简单的Node服务器，并使用Vue结合Axios进行前端开发和接口调用，同时讨论了开发过程中遇到的跨域问题及其解决方案。
-
发表了文章 2024-09-24
鼠标移动淡入淡出Canvas小球效果_特炫
本文通过HTML和JavaScript代码示例展示了如何实现鼠标移动时在Canvas上生成彩色小球并具有淡入淡出效果的动画，涉及Canvas的尺寸调整、小球对象的创建、颜色随机化、透明度变化和动画循环渲染等技术点。
-
发表了文章 2024-09-24
Vue3基础(二)___reactive
本文介绍了Vue 3中使用`reactive`函数创建响应式对象的方法，并通过示例代码展示了如何在组件的模板中使用这些响应式数据以及如何通过方法修改它们。文章还比较了`ref`和`reactive`两种创建响应式数据的方式，说明了`ref`底层实际上是`reactive`，并且`ref(0)`相当于`reactive({value:0})`。
-
发表了文章 2024-09-24
Vue3基础(七)__shallowReactive
本文介绍了Vue 3中`shallowReactive`的用法，解释了与`shallowRef`类似，`shallowReactive`也用于创建只包含第一层响应式数据的对象，但区别在于`shallowReactive`用于对象而非基本数据类型。文章通过代码示例展示了如何使用`shallowReactive`，并说明了它在实际开发中的应用场景。
-
发表了文章 2024-09-24
JS配合canvas实现贪吃蛇小游戏
本文通过详细的代码示例介绍了如何使用JavaScript和HTML5的Canvas API实现一个贪吃蛇游戏，包括蛇的移动、食物的生成、游戏的开始与结束逻辑，以及如何响应键盘事件来控制蛇的方向。
-
发表了文章 2024-09-24
原生JavaScript+canvas实现五子棋游戏_值得一看
本文介绍了如何使用原生JavaScript和HTML5的Canvas API实现五子棋游戏，包括棋盘的绘制、棋子的生成和落子、以及判断胜负的逻辑，提供了详细的代码和注释。
-
发表了文章 2024-09-24
JS配合canvas实现贪吃蛇小游戏_升级_丝滑版本_支持PC端和移动端
本文介绍了一个使用JavaScript和HTML5 Canvas API实现的贪吃蛇游戏的升级版本，该版本支持PC端和移动端，提供了丝滑的转向效果，并允许玩家通过键盘或触摸屏控制蛇的移动。代码中包含了详细的注释，解释了游戏逻辑、食物生成、得分机制以及如何响应不同的输入设备。
-
发表了文章 2024-09-24
Vue3比Vue2快在哪里？
本文分析了Vue 3相比Vue 2在性能提升的几个关键点，包括改进的diff算法、静态标记、静态提升、事件监听器缓存以及SSR渲染优化，这些改进使得Vue 3在处理大规模应用时更加高效。
-
发表了文章 2024-09-24
Vue3基础(一)___ref
本文介绍了Vue 3中的`ref`函数的使用方法，解释了在Vue 3的组合式API中如何通过`ref`创建响应式数据，并在模板中使用这些数据。文章通过示例代码展示了如何声明响应式数据、如何在方法中修改这些数据，以及如何将响应式数据和方法返回以在模板中使用。
-
发表了文章 2024-09-24
JS配合CSS3实现动画和拖动小星星小Demo
本文通过代码示例展示了如何使用JavaScript和CSS3实现动画效果和拖动小星星的交互效果，包括文字掉落动画和鼠标拖动产生小星星动画的实现方法。
-
发表了文章 2024-09-24
socket.io即时通信前端配合Node案例
本文介绍了如何使用socket.io库在Node.js环境下实现一个简单的即时通信前端配合案例，包括了服务端和客户端的代码实现，以及如何通过socket.io进行事件的发送和监听来实现实时通信。
-
发表了文章 2024-09-24
获取元素到浏览器顶部的距离
文章介绍了两种方法来获取页面元素到浏览器顶部的距离：使用元素的`getBoundingClientRect().top`属性和自定义函数`getElementTop`结合`offsetParent`和`offsetTop`属性。
-
发表了文章 2024-09-24
深度理解Promise状态变化_配合小Demo
本文通过代码示例深入探讨了JavaScript中Promise对象的三种状态（pending、rejected、resolved）及其变化过程，解释了在什么情况下Promise会从pending状态变为resolved或rejected状态，并演示了如何通过Promise的状态管理异步操作。
-
发表了文章 2024-09-24
Vue3基础(八)___ref__toRef__toRefs
本文介绍了Vue 3中`ref`、`toRef`和`toRefs`的用法，解释了`ref`用于创建响应式数据，`toRef`用于将对象的某个属性转换为响应式，但有局限性，而`toRefs`可以将一个响应式对象的所有属性都转换为响应式，从而保持其响应式特性。文章通过代码示例展示了这些API在实际开发中的应用。
-
发表了文章 2024-09-24
Vue3基础(五)___watch
本文介绍了Vue 3中`watch`函数的使用方法，包括如何监听单个响应式数据的变化以及如何监听多个响应式数据的变化。通过示例代码，文章展示了`watch`在监测数据更新时的反应，并解释了其在Vue 3组合式API中的作用。
-
发表了文章 2024-09-24
Vue3基础(六)__shallowRef_triggerRef
本文介绍了Vue 3中`shallowRef`和`triggerRef`的用法，解释了`shallowRef`用于创建只追踪对象第一层响应式数据的引用，并通过`triggerRef`强制更新界面。文章通过代码示例展示了如何使用这些API以及它们在实际开发中的应用。
-
发表了文章 2024-09-24
Vue、ElementUI配合Node、multiparty模块实现图片上传并反显_小demo
如何使用Vue和Element UI配合Node.js及multiparty模块实现图片上传并反显的功能，包括前端的Element UI组件配置和后端的Node.js服务端代码实现。
-
发表了文章 2024-09-24
Vue3基础(四)___Vue-Router
本文介绍了在Vue 3中如何使用`vue-router@4`进行路由管理，包括安装路由库、定义路由配置、在组件中使用`useRouter`和`useRoute`钩子函数，以及如何在组件中进行路由跳转和获取路由参数。
-
发表了文章 2024-09-24
在url中取ip或者键值对、手机号脱敏、电话号脱敏、身份证脱敏、银行卡号脱敏、身份证校验
本文提供了JavaScript代码示例，用于从URL中提取IP地址、键值对，以及对手机号、电话号码、身份证号和银行卡号进行脱敏处理，还包含了身份证号的校验方法。
-
发表了文章 2024-09-24
vue配置生产环境.env.production、测试环境.env.development
该文章介绍了如何在Vue项目中配置和使用不同的环境变量文件（.env、.env.production、.env.development）以适应开发、测试和生产环境，并通过修改`package.json`中的scripts来实现不同环境的打包。
-
发表了文章 2024-09-24
Vue路由params、query参数丢失解决
该文章介绍了在Vue中使用`params`和`query`进行路由参数传递时，如何通过`sessionStorage`或`localStorage`解决参数丢失的问题。
-
发表了文章 2024-09-24
对数组元素出现次数进行统计
该文章介绍了如何使用JavaScript统计数组中每个元素的出现次数，包括通过创建对象和使用`Set`对象去重的方法。
-
发表了文章
2024-10-21
前端JS实现密码校验键盘横竖、26字母、相同字母、相同数字、密码包含用户名、数字 字母不能连续 不能相同三个、不能横向 竖向 连续三个 包含字符、不能有中文符号
-
发表了文章
2024-09-29
实时计算Flink版体验评测
-
发表了文章
2024-09-26
一、前端高德地图注册、项目中引入、渲染标记(Marker)and覆盖物(Circle)
-
发表了文章
2024-09-26
前端基础(十六)_BFC、box-shadow（盒子阴影）、text-shadow（文字阴影）
-
发表了文章
2024-09-26
前端一键回到顶部案例
-
发表了文章
2024-09-26
Vue2使用v-model封装ElementUI_Input组件
-
发表了文章
2024-09-26
前端基础(三)_路径（绝对路径、相对路径）、语义化、特殊字符
-
发表了文章
2024-09-26
Vue2使用v-model封装ElementUI_CheckBox组件
-
发表了文章
2024-09-26
前端基础(二)_HTML常用标签（块级标签、行级标签、行块级标签）
-
发表了文章
2024-09-26
前端项目增加eslint全过程
-
发表了文章
2024-09-26
前端基础(三)_JavaScript数据类型(基本数据类型、复杂数据类型)
-
发表了文章
2024-09-26
Twaver-HTML5基础学习(40)表格可视化视图组件(Table)
-
发表了文章
2024-09-26
antd_使用Input封装实现Form校验效果(最终版)
-
发表了文章
2024-09-26
crypto-js中AES的加解密封装
-
发表了文章
2024-09-26
前端基础(十五)_多栏布局（两列自适应布局、圣杯布局---三列布局、双飞翼布局--三列布局、等高布局）
-
发表了文章
2024-09-26
Vue3基础(25)___初尝pinia，相比于vuex轻量、好用
-
发表了文章
2024-09-26
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
-
发表了文章
2024-09-26
vue配置webpack生产环境.env.production、测试环境.env.development(配置不同环境的打包访问地址)
-
发表了文章
2024-09-26
网站变灰白css
-
发表了文章
2024-09-26
element中tree组件的选中获取和返显
