- 博客(32)
- 收藏
- 关注
RSS订阅原创 Vue 自定义 Hook：简化本地存储管理
在Web应用程序中，客户端本地存储是一种在浏览器中存储数据的机制，它允许我们将信息保存在用户的设备上。考虑到本地存储的重要性，我们将使用 Vue 3 的 Composition API 来创建一个灵活且易于使用的自定义 Hook，简化了在不同存储类型（通过本文，我们学习了如何使用 Vue 3 的 Composition API 创建一个强大的自定义 Hook，用于简化本地存储的管理。在现代Web开发中，客户端的本地存储是一个重要的工具，用于在浏览器中保存和检索用户数据。）中存储和检索数据的过程。
2023-12-01 14:32:11
215
原创 使用策略模式优化JavaScript中的条件判断
策略模式是一种行为型设计模式，它允许您定义一系列算法，将每个算法封装到独立的策略对象中，并使这些对象可以相互替换。这种模式有助于将条件逻辑从主要业务逻辑中分离出来，使代码更加清晰和可维护。策略模式是一种强大的设计模式，可以帮助我们优化复杂的条件判断逻辑，使代码更加清晰、灵活和可维护。通过将不同的策略封装成对象，我们可以轻松地扩展和修改代码，同时提高了代码的可复用性。在项目开发中，考虑使用策略模式来管理和处理条件判断是一个明智的选择，可以提高代码质量并节省开发时间。
2023-09-06 14:03:35
231
原创 深入理解异步编程：Promise的工作原理及示例
最后，无论Promise对象的状态如何，我们都可以使用.finally()方法注册一个回调函数，在操作完成时执行。本文将介绍异步编程的基本原理，并详细解释Promise作为主导异步编程的机制。通过将长时间的操作放在后台执行，我们可以在等待操作完成的同时继续执行其他任务，提高了程序的性能和响应速度。你可以根据具体需求，在Promise对象的状态变化时执行相应的操作，使代码更清晰、可维护和可扩展。promise.prototype.finally()：无论Promise对象是兑现还是拒绝，都会执行的回调函数。
2023-07-09 16:38:02
276
原创 解决Elementui表格组件webpack运行时代码消失问题
当我们使用Webpack运行时，如果遇到了ElementUI表格组件高度消失的问题，首先需要检查的，就是我们的ElementUI版本。然而，随着ElementUI版本的更新，一些旧的配置和API可能会与新的版本不兼容，从而导致问题。通过不断学习和实践，我们可以不断提升自己的技术水平和解决问题的能力，为我们的Web开发工作带来更大的价值和效率。总的来说，解决ElementUI表格组件在Webpack运行时高度消失的问题，关键在于找到引发问题的根本原因，并根据具体情况选择合适的解决方案。
2023-07-03 22:18:02
272
原创 用HTML5 Canvas绘制时钟
HTML5的Canvas元素提供了一种在网页上绘制图形的强大方式。结合JavaScript，我们可以使用Canvas绘制出各种图形，包括时钟。本文将介绍如何使用Canvas和JavaScript来实现一个时钟，以及每个步骤的思路和实现方法。通过使用HTML5 Canvas和JavaScript，我们可以轻松地实现一个简单的时钟。本文介绍了绘制时钟所需的HTML结构和JavaScript代码，并详细解释了每个步骤的实现思路。你可以在此基础上进一步扩展和美化时钟的样式，实现更多功能，如。
2023-06-28 10:16:07
826
原创 实现 JavaScript 中的有限时效果函数
总结： 有限时效果函数是一种在限定时间内执行异步函数并进行超时处理的技术。使用有限时效果函数可以提高程序的鲁棒性和响应性，确保在设定的时间范围内获得结果。有限时效果函数是一种能够在规定的时间内执行异步函数并进行超时处理的技术。导语： 有限时效果函数是一种在限定时间内执行异步函数并进行超时处理的技术。在并发执行多个异步任务的情况下，可以设置每个任务的最大执行时间，以避免某个任务耗时过长影响整体性能。在新的异步函数内部，创建一个 Promise 对象，用于控制函数的执行结果。
2023-06-14 14:38:51
133
原创 原型，继承
当访问对象的某个属性时，如果在对象本身找不到该属性，则会去它的__proto__属性所指向的原型对象中查找，如果还是找不到，则会继续沿着原型链向上查找，直到最终找到该属性或者抵达原型链的顶端null为止。在以上代码中，我们创建了一个父对象parent和一个子对象child，子对象通过重写自己的__proto__属性来继承父对象的属性和方法，从而实现了原型继承。这些原型对象也可以被修改和扩展。我们可以通过重写一个对象的__proto__属性来继承另一个对象的属性和方法，从而实现原型继承。
2023-06-03 14:14:24
58
原创 如何在uniapp中实现商家上传酒店位置信息，包括经纬度和详细地址
商家可以在输入酒店详细地址后，自动获取对应的经纬度信息，并将经纬度信息和酒店详细地址一起提交给后端。
2023-05-19 09:04:13
308
原创 关于适配iphoneX以上机型底部小黑条的安全区域的问题
综上所述，使用CSS和JavaScript都可以对iPhoneX以上机型的底部小黑条的安全区域进行适配。具体选择哪种方式，可以根据项目需要和个人喜好来决定。
2023-05-08 14:56:50
4231
原创 小程序开发中的虚拟数字键盘问题及解决方案
在 iOS 平台中，我们使用 wx.createSelectorQuery 获取输入框位置信息，并计算出距离键盘顶部的距离，以及输入框与键盘底部之间的距离差。如果差值小于 0，则表示输入框被键盘遮挡，此时我们可以使用 wx.createSelectorQuery 获取滚动视图信息，并根据需要手动调整输入框位置。而在 Android 平台中，则直接计算出输入框与键盘底部之间的距离差，如果差值小于 0，则为输入框添加一个底部距离即可。
2023-05-04 16:47:00
1385
原创 实现uniapp小程序页面秒开的异步数据缓存优化方案
综上所述，利用 storage 对异步数据进行缓存，并使用 uni-list 组件进行优化，可以很大程度上提高 uniapp 小程序的页面加载速度，提升用户体验。
2023-05-04 15:59:39
1434
原创 uniapp小程序如何通过虚拟列表配合节流，完成上拉刷新下拉加载，避免页面卡顿，提升性能呢？
综上所述，通过虚拟列表技术和节流技术的优化，我们可以实现uniapp小程序中的上拉刷新和下拉加载功能，并避免因大量数据渲染导致的页面卡顿问题，提升了页面的流畅性和稳定性。
2023-05-03 16:02:38
5553
3
原创 关于RefreshToken的介绍
客户端通常在请求中使用Token，当Token过期时，客户端将使用RefreshToken请求新的Token。服务器收到带有RefreshToken的请求时，将检查RefreshToken的有效性，并使用它来生成新的Token，同时返回新的Token和新的RefreshToken。通过上述步骤，我们就实现了双Token机制，可以减少用户Token过期重复登录问题，并且可以在Token过期时自动刷新Token，避免了客户端频繁反复请求的情况。首先，我们需要明确什么是Token，以及为什么需要使用Token。
2023-05-03 10:51:36
2013
原创 优化页面渲染和性能：多种策略和技术的应用
其中，在页面的渲染和性能方面的优化，是提高用户体验的关键因素之一。在以上几种策略和技术的帮助下，我们可以更好地优化页面的渲染和性能，从而提高用户的使用体验。去除冗余的代码和文件：删除不必要的代码和文件可以减少页面的加载时间，从而提高渲染速度。通过将页面的静态资源文件如CSS和JS等文件缓存至用户的设备中，可以避免每次请求都从服务器中获取资源。使用gzip压缩：GZIP 是一种有效的压缩方式，可以将数据压缩到很小的大小，从而提高数据的传输速度。压缩文件：压缩文件可以减少文件的大小，从而加快文件的传输速度。
2023-05-02 21:49:11
266
原创 Vue项目中路由和页面层级设计：避免嵌套过深和遮盖问题的技术方案
在Vue项目中，路由设计和页面层级设计是开发中非常重要的一环。良好的路由设计可以减少页面嵌套过深的问题，优化用户体验和开发效率；合理的页面层级设计可以避免弹窗组件内部相互遮盖的问题，提高组件复用性。本篇博客将从考察点、技术方案和总结三个角度探讨如何设计良好的路由和页面层级。
2023-05-02 21:38:19
1153
原创 Vue项目中大文件切片上传实现秒传、断点续传的详细实现教程
本文将介绍如何在Vue项目中使用切片上传实现文件上传的高级功能，包括文件秒传、断点续传、错误重试、控制并发等，并且还将绘制一个上传进度条，让用户能够清晰地看到上传进度。同时，我们还将介绍如何通过一些优化措施，进一步提高上传效率。
2023-05-02 14:16:22
8760
6
原创 后端返回一万条数据给前端，如何进行处理。
本篇技术博客主要介绍如何处理后端返回大量数据给前端的问题。在这种情况下，前端需要考虑付出多少的时间和精力来从原始数据中提取、处理和展示信息，以便更好地实现用户需求。本文主要考虑了三个方面：1） 数据获取方式；2） 数据处理方式；3） 数据展示方式。本文提供了两种处理方案，分别为分页展示和分批展示。分页展示主要是解决数据内存占用问题，分批展示则利用一个数据缓存池以滚动加载的方式创建数据展示。这两种方案不仅能够更好地利用浏览器能力，而且也有助于加速前端程序性能。
2023-05-01 19:18:31
3251
原创 你还在只会用axios吗？别忘了还有alova
本文介绍了在前端开发中使用 HTTP 请求库的重要性，并比较了 axios 和 alova 这两个流行的库。axios 是基于 Promise 的库，而 alova 则使用 Observable 来处理异步操作。除此之外，alova 还提供了灵活的插件系统来扩展和定制请求和响应的功能。本文还提供了如何在 Vue 中使用 alova 的示例，以便于开发者了解使用 alova 的方法和需要注意的事项。
2023-04-30 15:11:09
1529
原创 微信小程序登录和退出功能的实现及思维导图
微信小程序是一种较为常见的移动应用类型，与网页应用、安卓应用等类型的应用不同，微信小程序有着特殊的登录和退出功能实现方式。在本次博客中，我们将详细阐述微信小程序登录和退出功能的实现以及相关代码，并且我们会利用思维导图来更加直观地展现整个过程。2.从后台获取openid和session_key，其中openid是用户的唯一标识，而session_key是会话密钥，用于后续通信的加密。以上是微信小程序登录和退出功能的实现方法以及相关代码。一、微信小程序登录功能实现。二、微信小程序退出功能实现。
2023-04-29 15:44:31
2669
原创 牛客网面试题一
当下次请求该资源时，浏览器会在请求头中携带上次请求中的 Last-Modified 或 ETag，服务器通过比对是否与最新的版本相同，来决定返回新的资源或者304状态码，让客户端使用本地缓存。UDP（User Datagram Protocol，用户数据报协议）是一种无连接的传输层协议，它在IP协议的基础上提供了数据报的支持，不保证数据传输的可靠性和有序性。服务器向客户端发送数字证书。总之，Linux 内存管理的目标是通过最小化对物理内存的使用，优化内存的利用率，最大限度地提高系统性能和稳定性。
2023-04-28 22:12:36
145
原创 前端如何使用vue实现excel的上传解析与导出功能
在上传 Excel 文件之后，你需要对数据进行处理，比如将数据保存到 Vuex 中。首先，你需要安装xlsx和file-saver这两个库，用于Excel文件的读取与导出。当用户选择一个Excel文件并上传后，我们使用。// 从 Vuex 中获取数据并处理成 XLSX 的工作表数据。// 处理Excel文件，比如将数据保存到 Vuex 中。最后，你需要导出一个 Excel 文件。库将数据转换为 Excel 工作表，然后使用。方法是用于处理上传Excel文件的代码。将二进制数据读取到内存中，然后使用。
2023-04-27 20:03:54
973
原创 《JavaScript高级程序设计（第四版）》红宝书学习笔记（1）
如果在代码块中使用 var 声明变量，则该变量会被提升到当前函数的顶部，也就是说无论声明语句在何处，变量的作用域都是函数级别的。JavaScript中的语句用于控制程序的执行流程，常见的语句包括条件语句（if-else语句和switch语句）、循环语句（for语句、while语句和do-while语句）和跳转语句（break语句和continue语句）。其中包括按位与运算符&、按位或运算符|、按位异或运算符^、左移位运算符<<、有符号右移运算符>>和无符号右移运算符>>>。算术操作符通常用于数学计算。
2023-04-19 22:35:52
469
原创 关于vue中v-for与v-if优先级的问题看法
在 Vue2 中，v-if 优先级高于 v-for，因此使用时需要注意元素的渲染顺序。而在 Vue3 中，v-for 优先级高于 v-if，更符合直觉。在Vue2中，v-if 的优先级高于 v-for。这意味着，在一个带有 v-for 和 v-if 的元素上，每个循环中的元素都会首先被计算其是否应该渲染，然后再进行循环渲染。在Vue3中，v-for 的优先级高于 v-if。这意味着，如果在一个带有 v-for 和 v-if 的元素上，先进行循环渲染，然后再根据条件决定是否显示该元素。
2023-04-06 11:57:23
228
1
原创 原型和原型链
在这个例子中，我们使用Object.create()方法来创建一个新的对象，使其原型指向Person的原型对象。原型链是一种机制，它允许对象继承其原型的属性和方法，同时也允许对象访问其原型的属性和方法。当我们访问一个对象的属性或方法时，JavaScript会先搜索该对象本身是否有该属性或方法，如果没有，就会继续搜索该对象的原型对象，直到找到该属性或方法。原型和原型链是JavaScript中的重要概念，它们允许我们创建可重用的代码，并使对象之间可以继承和共享属性和方法。
2023-03-27 11:06:51
51
原创 javascript的作用域和闭包
在这个例子中，我们定义了一个名为createCounter的函数，该函数返回一个闭包，该闭包包含一个名为count的变量和一个匿名函数。例如，我们可以使用闭包来创建一个计数器函数，该函数可以在每次调用时增加计数器的值，并返回当前计数器的值。2. 实现私有变量和方法：闭包可以将变量和方法封装起来，只对外暴露必要的接口，从而实现类似于面向对象编程中的私有变量和方法。1. 保存变量状态：闭包可以保存函数内部的变量状态，使得函数可以记住之前的操作结果，从而实现某些特定的功能。
2023-03-27 09:28:47
115
原创 js实现竞价倒计时（以服务器时间为准）
在这个示例中，我们使用了Promise对象来异步获取服务器时间戳，并使用定时器来更新倒计时。在updateCountdown函数中，我们先计算时间差，然后将时、分、秒显示在页面上，最后判断倒计时是否结束。2. 计算倒计时的时间差，即当前时间戳与目标时间戳的差值，可以使用JavaScript的Date对象进行计算。4. 在页面上显示倒计时，可以使用JavaScript的DOM操作，将时、分、秒显示在相应的位置上。1. 从服务器获取当前时间戳，可以使用Ajax技术进行异步请求，确保客户端与服务器的时间同步。
2023-03-10 17:07:11
329
原创 uniapp实现登录和退出登录功能
要实现登录和退出登录功能，需要以下步骤：1. 创建登录界面，包括用户名和密码输入框，登录按钮等。2. 在登录按钮的点击事件中，获取用户名和密码输入框中的值，然后向服务器发送请求验证用户信息是否正确。3. 如果验证成功，将用户信息保存在本地，然后跳转到主界面。4. 在主界面中，显示用户的基本信息，包括用户名、头像等。5. 创建退出登录按钮，在点击事件中清除本地保存的用户信息，然后跳转到登录界面。
2023-03-06 17:02:51
3263
原创 uniapp小程序，通过获取手机号，头像微信名称进行登录
在uni-app中，可以使用uni.getUserInfo()方法来获取用户的基本信息，包括头像、昵称、性别等。因此，需要先调用uni.getPhoneNumber()方法来获取用户手机号的授权，然后再调用uni.getUserInfo()方法来获取用户的基本信息。将用户的登录凭证code、手机号、头像、微信名称等信息传递给后端服务器进行登录验证。在uni-app的项目中，可以使用uni.login()方法来获取用户的登录凭证code，然后将code传递给后端服务器进行登录验证
2023-03-06 16:51:34
1940
10
原创 直播的推流与拉流如何在uniapp中实现？
这里以腾讯云的推流SDK为例，需要引入的插件名称为“live-pusher-plugin”，版本号为“1.1.0”，提供者为“wx0f3cfd8a1e9a4c5e”。这里以腾讯云的拉流SDK为例，需要引入的插件名称为“live-player-plugin”，版本号为“1.1.0”，提供者为“wx0f3cfd8a1e9a4c5e”。推流需要使用第三方的推流SDK，比如腾讯云的推流SDK或者七牛云的推流SDK。要在uniapp中实现推流和拉流，需要使用uni-app的视频组件，以及第三方的推流和拉流SDK。
2023-03-06 13:44:48
3691
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人