- 博客(35)
- 收藏
- 关注
RSS订阅原创 前端性能优化指南
前端项目优化是一个综合性的工作，涉及代码层面、资源加载、构建工具以及缓存策略等多个方面。通过合理运用代码拆分、懒加载、图片优化、构建工具优化以及缓存策略等技术，可以显著提升前端项目的性能，为用户提供更加流畅、高效的体验。在实际项目中，需要根据项目的特点和需求，有针对性地选择和实施优化策略，不断提升前端应用的质量。
2025-03-14 20:38:06
449
原创 H5如何实现与PC页面的通信
通过API，我们可以轻松实现H5页面与PC页面之间的通信。这种方法不仅简单易用，而且能够在不同的域之间进行安全的消息传递。在实际应用中，我们需要确保消息来源的可信性，以防止潜在的安全风险。希望本文能为您在实现H5与PC页面通信时提供一些参考和帮助。
2024-12-23 18:37:31
362
原创 H5 中 van-popup 的使用以及题目的切换
引入van-popup组件在 Vue 项目中引入vant组件库，并使用van-popup组件实现弹窗效果。弹窗内容的条件渲染根据不同的题目类型（如互动题和练习题），在弹窗中显示不同的内容。题目详情的展示使用computed属性计算当前题目的详情，并在弹窗中展示题目的相关信息。题目的切换通过按钮实现题目的上一题和下一题的切换，并更新当前题目的索引。
2024-12-18 18:53:34
1249
原创 小程序中使用 Vue2 + Vuex 实现数据存储与获取
定义 Vuex 模块：在目录下定义 Vuex 模块，管理相关的 state、getters、mutations 和 actions。在组件中使用 Vuex 数据：通过mapGetters和mapActions将 Vuex 的 state 和 actions 映射到组件的 computed 和 methods 中。使用本地存储：在需要持久化数据的地方使用和进行本地存储和读取。通过这种方式，我们可以更好地管理小程序中的数据，提升代码的可维护性和可读性。
2024-12-18 11:25:10
880
原创 解决小程序中ios可以正常滚动，而Android失效问题
经过一番调试和研究，我找到了一种可靠的解决方案，结合了 Intersection Observer 和传统的滚动事件监听，确保在所有设备上都能正常工作。通过结合 Intersection Observer 和传统的滚动事件监听，我们可以确保在所有设备上都能正常工作，并且避免重复加载数据的问题。在 iOS 设备上，这个功能可以正常工作，但在 Android 设备上，滚动事件无法正常触发，导致无法加载更多数据。： Intersection Observer 是一种现代的 API，可以用来检测元素是否进入视口。
2024-12-17 17:29:19
752
原创 浏览器中输入一个URL后，浏览器经历的整个过程
这个过程涉及到网络、协议、浏览器内核等多个方面的知识，是Web开发和优化的重要基础。希望这个详细的描述对你有所帮助！
2024-12-04 18:46:28
1233
原创 如何优化前端性能
在现代Web开发中，前端性能优化是一个非常重要的课题。用户对网站的加载速度和响应时间有着极高的期望，任何延迟都可能导致用户流失。本文将分享一些前端性能优化的技巧和最佳实践，帮助你提升网站的性能。
2024-12-04 11:06:33
519
原创 Vue 3 + Vuex 埋点实现指南
通过本文的介绍，我们实现了一个基于 Vue 3 和 Vuex 的埋点系统。这个系统通过自定义 Hook封装了埋点逻辑，并在组件中方便地调用这些方法。这样不仅提高了代码的可维护性，还使得埋点逻辑更加清晰和模块化。⚠️具体实现根据实际情况修改即可希望这篇文章能帮助你更好地理解和实现 Vue 项目中的埋点功能。如果有任何问题或建议，欢迎在评论区留言讨论。
2024-11-29 10:59:52
654
原创 el-table只显示上半部分数据（显示不全）
问题排查：经过排查发现是当前的固定高度为500px，页面内只显示了此高度内的五条数据，而从第六条数据开始不显示其数据，可见是此表格的高度没有完全设置正确。
2024-11-27 16:07:09
415
原创 深入理解React Hooks：使用useState和useEffect
React Hooks是一种在函数组件中使用状态和生命周期方法的方式。它们使得在不编写类组件的情况下，可以使用React的各种特性。
2024-11-27 10:43:00
763
原创 快速上手vue3+js+Node.js
注意：其他的crud操作根据实际的需求去操作sql语句来具体实现。安装express搭建web服务器。生成pakeage.json文件。安装cors解决跨域问题。
2024-11-07 16:40:29
544
原创 前端PC端示例（demo版）
视频链接：demo效果视频-优快云直播文档链接：https://download.youkuaiyun.com/download/qq_70172010/89378587
2024-05-30 22:10:04
294
原创 路由router.push传参实现数据接收
实现一个系统的新增编辑按钮，如果是通过ruoter.push实现跳转到其它组件的功能，那么在新增和编辑的时候会传递数据，到下一个页面会进行接收数据，在获取该数据渲染即可。
2024-05-17 16:00:01
1377
1
原创 目录列表的增删改查
注意：目录数据结构可根据打印的数据结构来修改，也可自行遍历添加四级五级获取目录数据逻辑。注意：该点击事件是右击选中当前目录进行各个功能操作（增加、删除、修改）注意：现在我只有查询到一级目录并定位，二级三级可自行修改实现。注意：在新增三级目录注意是第四个按钮。定义isOpen、DirData。各个接口信息自行引入并添加。效果图就是上面的目录数据。
2024-04-18 00:36:26
571
1
原创 实现vue表格中参数的数据渲染
/ 模态框中的表格列定义{ title: '码表取值', dataIndex: 'codeValueValue' },{ title: '码表名称', dataIndex: 'codeValueName' },{ title: '码表含义', dataIndex: 'codeValueDesc' ,width: '50%',},// 添加其他需要显示的码表信息列注意：根据实际需求进行修改。
2024-03-31 23:12:01
474
1
原创 如何解决后端数据状态值的解析并渲染
这里是一个 Vue.js 的模板片段，它定义了一个名为的插槽，并传入了一个参数record。在这个模板中，使用了方法来根据的值获取相应的状态文字描述。加入slots: { customRender: "datasourceStatus" }//定义列表{ title: "数据源名称", dataIndex: "datasourceName"},{ title: "数据库类型", dataIndex: "databaseType"},
2024-03-22 09:56:42
228
1
原创 调用后端接口实现vue.js增删改查
/a-table>调用columns创建列表title:'商品',},title:'价格',},title:'操作',//页码展示current: 1,//当前页pageSize: 10,//每页展示多少条total: 0,//总共多少条showSizeChanger: true,//展示change});
2024-01-15 09:43:29
1426
1
原创 Spring AOP 和 事务管理
Spring AOP（面向切面编程）是 Spring 框架的一个关键特性，用于增强现有的 Java 代码。它提供了一种通过在应用程序中定义切面来截获和修改方法执行的方式，而不需要修改实际的业务逻辑代码。
2024-01-02 14:26:20
918
1
原创 Vue 路由详解与实践
Vue.js是一款流行的JavaScript框架，而Vue Router则是Vue.js官方的路由管理器。通过Vue Router，我们可以轻松地实现单页面应用（SPA）的路由导航，使得页面切换更加流畅。在本文中，我们将深入探讨Vue路由的一些重要知识点，并通过代码示例演示其用法。
2023-12-24 23:32:34
377
1
原创 深入了解a-modal前端模型
在现代前端开发中，构建可重用、可定制的模态框（Modal）是一个常见的需求。a-modal作为一个前端模型，旨在简化模态框的实现，提供灵活性和易用性，使开发者能够轻松地集成和定制模态框的外观和行为。.modal {在本篇博客中，我们深入了解了a-modal前端模型的各个方面。以下是我们学到的关键概念：a-modal的背景与用途： 我们了解了a-modal的背景，以及它在前端开发中的主要应用场景，特别是在处理模态框方面的实用性。
2023-12-16 15:52:56
2881
原创 MyBatis-Plus相关使用
MyBatis-plus（简称 MP）是一个 的增强工具，在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生。
2023-12-09 15:38:42
939
原创 Vue 3 中的 v-for 指令
指令依然是一个强大且灵活的工具，用于在模板中遍历数组或对象，并生成相应的DOM元素。在这份关于 Vue 3 中 的简介中，我们涵盖了基本用法以及一些常见的用例。上述代码会生成包含五个 元素的列表，每个元素显示 "Item 1" 到 "Item 5"。数组，并为每个数组项生成了一个 元素。，你可以更加高效地渲染列表和迭代数据，为用户提供更好的交互体验。这里， 遍历了 对象的属性，并为每个属性生成了一个。属性，并将其设置为每个数组项的唯一标识（例如，在这个例子中， 是属性名， 是属性值。在Vue.js 3中，
2023-12-04 19:12:17
600
原创 Spring Mvc
这是一个简单的Spring MVC，展示了如何用基于Java的配置和XML配置来设置Spring MVC项目。它是Spring框架的一个模块，用于处理模型-视图-控制器或MVC模式。
2023-11-26 22:42:01
355
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人