- 博客(143)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 vue3.0 项目h5，pc端实现扫描二维码 qrcode-reader-vue3
qrcode-reader-vue3插件，允许您在不离开浏览器的情况下检测和解码二维码。
2024-07-14 10:51:28
2634
6
原创 Promise.all、any、race和allSettled的相同点与不同点与应用场景
总结来说，Promise.all、any、race和allSettled都是非常有用的工具，可以帮助我们在处理多个Promise时更加灵活和高效。理解它们之间的区别以及如何正确地应用它们，可以使我们的代码更加健壮和易于维护。
2024-07-13 00:09:37
1013
原创 Vue.js 混入（Mixins）高级用法：提升代码复用与灵活性
Vue允许开发者自定义选项的合并策略，这对于解决特定场景下的冲突问题非常有用。// 自定义合并逻辑，这里以简单合并数组为例// 混入定义customArray: ['混入项1'],// 组件中使用customArray: ['组件项1'],// 自定义合并策略将自动应用于customArrayVue混入提供了强大的代码复用能力，通过上述高级用法，我们可以更精细地控制混入的使用，解决潜在的冲突问题，同时通过模仿高阶组件的思想，提升组件的灵活性和可维护性。
2024-05-27 11:44:08
742
原创 仿饿了么商铺分类商品联动组件
组件新建文件 zh-sliding-menu -> zh-sliding-menu.vue<template> <view class="content" :style="{'height': `${scrollH}px`}"> <view class="cont"> <scroll-view scroll-y scroll-with-animation class="cont_view menu-scroll-view" :scroll-
2024-05-10 11:39:52
1014
原创 使用 BroadcastChannel 实现跨标签页通信及页面跳
与Vue Router相结合，我们不仅可以实现跨标签页的数据同步，还能灵活控制页面间的跳转，极大提升了用户体验和应用的一致性。在现代Web应用程序开发中，尤其是基于Vue.js构建的单页面应用（SPA），跨标签页的数据同步与页面控制是一项常见需求。设想这样一个场景：用户在一个标签页内完成了某个重要操作（例如登录成功），这时我们希望在所有打开的同一应用的其他标签页内同步这一状态，并自动跳转至主界面。API和Vue Router来实现跨标签页通信，并在此基础上实现在接收特定消息后进行页面跳转的功能。
2024-02-23 09:39:45
734
原创 提升SCSS代码效率与可维护性的实用Mixin常用示例
随着CSS预处理器如Sass（尤其是其SCSS语法）的普及，开发人员拥有了更强大、更具灵活性的方式来组织和复用CSS样式。其中一个核心功能便是mixin，它允许我们定义一组可重用的样式规则，并在多个地方通过简单的@include指令来应用这些规则。本文将深入探讨十个实用的SCSS mixin示例及其实际应用场景。
2024-02-21 11:32:13
600
原创 Uniapp小程序端打包优化实践
经过这一系列优化措施，我们的小程序包体积成功从原来的近3MB降低到约1.5MB，加载速度有了显著提升，用户反馈页面打开更加流畅，整体体验得到了极大改善。在我们最近开发的一款基于uniapp的小程序项目中，随着功能的不断丰富和完善，发现小程序包体积逐渐增大，加载速度也受到了明显影响。另外，考虑到WebP格式的高效率，将部分图片转换为WebP格式。鉴于主包体积接近微信小程序2MB的限制，我们将部分非首屏展示的功能模块（如用户中心、设置页等）迁移到子包中，实现按需加载，显著减少了首次加载时的数据传输量。
2024-01-30 16:30:53
1422
1
原创 优化微信小程序更新体验：异步更新与强制更新方案解析
在微信小程序的开发和迭代过程中，新版本覆盖率的问题一直备受关注。由于小程序采用异步更新机制，在用户首次打开或冷启动时才会检查并下载新版本，导致部分用户无法及时应用上最新版本。为了解决这一问题，微信团队经过深入研究和讨论，提出了几种解决方案，并最终确定了结合异步更新与强制更新的折衷方案。
2024-01-19 18:02:29
2325
原创 Nest.js、Java与Python在后端开发中的对比分析及适用场景
如果你希望利用现有前端技能平滑过渡，同时寻求高效全栈开发体验，Nest.js可能是最佳选择。而如果你打算拓宽技能范围，涉足数据分析或AI领域，并不介意投入时间学习一门新语言，Python会是一个很好的补充。若目标是进入大型企业或者追求更高稳定性和扩展性的后端架构，Java则是传统且稳健的选择。
2024-01-18 11:45:15
2813
原创 TypeScript使用技巧内置工具类型详解
在 TypeScript 开发实践中，为了提升代码的可读性、健壮性和可维护性，开发者可以利用一系列内置工具类型以及一些关键的类型操作技巧。本文将深入探讨这些实用工具类型（如Record、Partial、Required、Readonly、Pick、Exclude、Extract和Omit）的工作原理，并结合实际应用场景展示如何运用它们进行类型安全编程。
2024-01-11 15:56:37
1205
原创 JavaScript 优化代码分支，让你的代码更优雅
不过开发者直接控制这部分的可能性较小，但编写高效、易于理解的代码有助于引擎进行优化。else if，尤其是当每个case块体包含大量代码时，可以提高可读性。总结来说，优化分支映射的核心思想是将条件与动作解耦，使代码更加模块化和简洁易懂，同时也利于后续维护和扩展。根据业务场景，有时候可以通过数组、集合或其他数据结构来驱动程序流程，而不是通过大量的条件分支。将复杂的逻辑拆分为独立的函数或模块，使得整体代码结构更清晰，同时也有利于复用。将不同的行为封装到单独的对象中，并根据条件选择执行哪个对象的方法。
2024-01-02 15:56:32
528
原创 uniapp 无限滚动商品
<template> <view> <view id="dibu" class="container" ref="container"> <view class="marquee1" id="marquee1"> <view class="" style="width: 300rpx;height: 300rpx;background: #999;margin-left: 10rpx;color: #fff;display:
2023-11-13 13:45:59
647
原创 uview表单 hooks
首先，我们可以创建一个自定义的Hook来处理表单逻辑。在这个例子中，我们创建了一个名为useFormData的Hook，它接收一个JSON对象作为参数，该对象包含了表单数据、表单项的配置等。在UViewUI库中，使用hooks封装表单二次可以让我们以更灵活的方式使用表单组件。接下来，我们可以使用useFormData Hook 来创建表单组件。在组件中，我们可以通过传递一个JSON对象作为参数来配置表单。// 在这里可以处理表单提交的逻辑，比如发送到服务器等操作。
2023-10-18 11:23:59
388
原创 视频 + 轮播 uniapp
<template> <view class="content"> <!-- 轮播区 --> <view class="swiper-area w-full"> <swiper class="h-full" indicator-dots circular="true" duration="400" :current="swiperIdx" @change="swiperChange"> <swiper-item
2023-07-05 18:09:11
909
原创 UI设计切图规范
移动UI设计切图是UI设计师最重要的设计输出物，切图资源输出是否规范直接影响到工程师对设计效果的还原度。设计师的切图输出物是是体现一个设计师专业水准的重要标准，同时也是设计师表达自己对设计态度的最有力的语言。合适、精准的切图可以最大限度的还原设计图，起到事半功倍的效果。如何输出具有全局把控和细节专注的高段位切图，应该是所有设计师一直需要追求的能力。
2023-03-22 09:53:40
2351
原创 vite + vu3 构建配置多页面打包
最近有多页面项目需要重构，使用vite + vue3 进行搭建，我只给出了我成功配置并在使用的方案
2023-02-15 11:58:50
2614
1
原创 vue 弹窗 惯性滚动 加速滚动
惯性滚动（也叫 滚动回弹，momentum-based scrolling）最早是出现在 iOS 系统中，是指 当用户在终端上滑动页面然后把手指挪开，页面不会马上停下而是继续保持一定时间的滚动效果，并且滚动的速度和持续时间是与滑动手势的强烈程度成正比。抽象地理解，就像高速行驶的列车制动后依然会往前行驶一段距离才会最终停下。而且在 iOS 系统中，当页面滚动到顶/底部时，还有可能触发 “回弹” 的效果。
2022-12-29 16:53:56
2523
原创 uniapp 两个自定义导航栏或按钮 不能多次跳转问题
uni.navigateTo 保留当前页。(不会关闭当前页)跳转到某个页面内。它会进行叠加，在h5与小程序上频繁互跳，就会出现不能跳转问题。uni.redirectTo关闭当前页面，跳转到应用内的某个页面。我这里使用的是 uviewui 路由跳转api -使用 uni.redirectTo可以解决这个问题。
2022-09-07 10:17:12
1384
原创 uniapp 区分环境打包配置
配置如果没有package.json，通过命令npm init -y创建。删除package.json 初始化配置 ; 直接复制底下代码属性UNI_PLATFORM仅支持填写uni-app默认支持的基准平台，目前仅限如下枚举值：h5、mp-weixin、mp-alipay、mp-baidu、mp-toutiao、mp-qqBROWSER 仅在UNI_PLATFORM为h5时有效,目前仅限如下枚举值：chrome、firefox、id、edge、safari、hbuilderxtitle ..
2022-08-09 10:02:00
9878
11
原创 react-use react hook 库
根据绑定器的不同，你可能会在ES6命名导入语句中遇到缺少依赖项的错误。有些钩子要求安装对等依赖项，因此我们建议单独导入。如果你希望同时使用这两种方法，你可以通过将以下配置添加到.babelrc文件中，将命名的导入语句转换为使用babel-plugin-import的单个导入语句。你需要安装React 16.8.0或更高版本才能使用Hooks API。或使用 ES6 命名导入。你可以分别导入每个钩子。...
2022-08-08 15:55:57
702
原创 Pinia的数据持久化插件 pinia-plugin-persist
利用持久化工具 pinia-plugin-persist 进行数据持久化储存
2022-07-25 11:29:21
826
原创 React: FC(Hooks) 对比 Class Component
是否有等效于componentDidCatch的React钩子(Hook)？所以我可以让这个组件成为一个函数而不是一个类？我有一个简单的组件，它充当我的React应用程序中的错误边界，并将任何错误传递给日志服务。
2022-07-15 15:59:54
818
原创 技术方案设计文档
以上需求还有很多细节点，就不一一阐述编辑器画布使用的组件和渲染逻辑和h5完全一致，为了两边一致，应该抽离出来提供给它们使用，从而保证制作的时候和渲染出来的h5保持一致考虑自研服务前，先列出我们统计所需的功能我们需要实现分渠道统计这个需求，要实现这个需求，我们就需要自定义事件统计包括：思路：vuex storevuex getter......
2022-07-12 17:30:02
449
原创 react 集成 wangEditor组件 可上传图文
简洁易用，功能强大快速接入，配置简单，几行代码即可生成。集成了所有常见功能，无需二次开发。在 Vue React 也可以快速接入。支持 JS Vue React不依赖任何第三方框架，可用于 jQuery Vue React 等。wangEditor 提供了官方的 Vue React 组件。踩过 4000+ 坑wangEditor 开源多年，有大量用户使用和反馈，我们已解决了太多的用户问题（详见 github issues）。...............
2022-07-08 20:17:22
1054
1
原创 长列表性能优化方案 memo
在计算机领域，记忆化是一种主要用来提升计算机程序速度的优化技术方案。它将开销较大的函数调用的返回结果存储起来，当同样的输入再次发生时，则返回缓存好的数据，以此提升运算效率。注: 在 《JavaScript 忍者秘籍》的 3.2.2 节中「自记忆函数」中有这样的介绍：记忆化是一种构建函数的处理过程，能够记住上次计算结果。在这个果壳里，当函数计算得到结果时就将该结果按照参数存储起来。采用这种方式时，如果另外一个调用也使用相同的参数，我们则可以直接返回上次存储的结果而不是再计算一遍。像这样避免既重复又复杂..
2022-06-15 20:14:27
519
原创 vue3 使用 jsx
<script lang="tsx">import {defineComponent, ElSelect, ElOption } from 'element-plus'import { ref, reactive } from 'vue'import { map } from 'lodash-es'let selectionValue = ref('子应用')const selectionOptions = reactive([ { value: '子应用1',
2022-05-23 10:54:53
1559
2
Dimon是多用途的软件app电脑端宣传网站Html模板，模板基于Bootstrap框架构造
2022-12-16
电子商务网站模板 NextJs、AntDesign、ReactHooks
2022-12-16
盘口语言解密高级版[老姜]
2022-04-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人