- 博客(29)
- 收藏
- 关注
RSS订阅原创 推荐一些前端常用的框架和网站（持续更新）
记录自己经常使用的和其他小伙伴推荐的一些很不错的框架和网站，其中包括VUE后台脚手架、CSS动画、图表集合、技术文档脚手架、网站模版和各种常用组件库。
2024-05-16 20:45:00
455
原创 使用Nuxt.js实现服务端渲染（SSR）
Nuxt.js以其出色的服务器端渲染能力和简洁优雅的API，成为了构建高效、优雅SSR应用的理想选择。通过掌握Nuxt.js的核心特点和最佳实践，开发者可以更加轻松地构建出高性能、易于维护的Web应用。随着Nuxt.js的不断发展和完善，我们有理由相信它将在未来的前端开发中扮演更加重要的角色。
2024-05-08 20:54:32
772
3
原创 nextTick的作用与原理
Vue 的nextTick原理依赖于 JavaScript 的事件循环和微任务队列。通过利用Promise或setTimeout，Vue 可以在数据变化后延迟执行代码，确保在 DOM 更新后执行。这使得我们可以在nextTick的回调函数中安全地访问和修改 DOM 元素，避免了因数据和 DOM 状态不一致而导致的问题。
2024-05-06 21:03:44
668
原创 JS事件循环、宏任务与微任务
为了更好地理解JavaScript的执行模型，我们需要深入探讨事件循环、宏任务（MacroTask）和微任务（MicroTask）之间的关系和运作方式。宏任务在每个事件循环开始时被执行，而微任务则在执行完一个宏任务后立即执行。：执行宏任务的过程中，如果遇到异步任务（如setTimeout、Promise等），这些任务会被放入对应的队列中等待执行。：执行完一个宏任务后，事件循环会回到第1步，继续检查微任务队列并执行微任务。：执行完微任务后，事件循环会取出宏任务队列中的一个宏任务来执行。
2024-04-29 22:01:48
688
2
原创 支付宝小程序：获取用户信息和手机号快捷登录
随着支付宝小程序以其便捷性和安全性受到了广大开发者和用户的青睐。在uni-app框架下开发支付宝小程序时，如何安全、合规地获取用户信息和手机号成为了开发者必须面对的问题。1.在开始之前，确保你已经在支付宝开放平台上注册并，获取到应用的AppID；2.小程序的要满足手机号字段开放规则；3.将获取用户手机号功能添加到小程序能力列表中；
2024-04-27 23:33:46
669
原创 JS中的深拷贝实现方式
以上就是几种常见的JS深拷贝实现方式。在实际使用中，我们需要根据具体的需求和场景选择合适的方式。同时，我们也要注意深拷贝可能带来的性能问题，因为深拷贝需要复制对象的所有子对象，如果对象很大，那么深拷贝可能会消耗大量的内存和时间。
2024-04-26 21:45:00
339
1
原创 使用Web3Modal2.0轻松集成多链钱包连接
Web3Modal 2.0 是一个开源的JavaScript库，它旨在简化和标准化Web应用与区块链钱包之间的连接过程。通过Web3Modal 2.0，我们可以轻松地集成多种钱包和区块链网络，为用户提供更加流畅和安全的体验。
2024-04-24 20:45:00
748
1
原创 简单使用Web3.js
随着区块链技术的快速发展，以太坊（Ethereum）作为其中的佼佼者，为开发者们提供了一个构建去中心化应用的强大平台。为了更轻松地与以太坊区块链进行交互，我们需要一个强大的工具，而Web3.js正是这样一个工具。本文将深入探讨Web3.js的功能、使用方法和最佳实践，帮助读者更好地理解和应用这一技术。
2024-04-23 13:15:00
1971
原创 Web3.js与Ethers.js的区别与技术亮点
Web3.js和Ethers.js都是优秀的以太坊JavaScript库，它们在功能、性能、易用性和社区支持等方面各有优势。开发者在选择时应根据自己的需求和偏好来做出决策。如果你需要丰富的功能和广泛的社区支持，那么Web3.js可能是一个更好的选择；而如果你追求紧凑小巧、易用性和测试驱动的开发方法，那么Ethers.js可能更适合你。无论选择哪个库，都应确保它与你的项目需求相匹配，并充分利用其提供的优势和功能来构建出色的去中心化应用。
2024-04-22 21:45:00
1249
原创 JS中的剩余参数（Rest Parameters）：探索函数参数的新边界
剩余参数是一种特殊的语法，允许我们将一个不定数量的参数表示为一个数组。它使用三个点（...）来表示。剩余参数是 JavaScript ES6 中引入的一项强大功能，它允许我们创建可以接收任意数量参数的函数。通过使用剩余参数，我们可以更加灵活地编写函数，减少代码量，并提高代码的可读性和可重用性。在编写函数时，我们应该考虑使用剩余参数来增强函数的灵活性和适应性。
2024-04-21 11:15:00
620
1
原创 探索 去中心化的Web3.0
此外，Web3应用程序是去中心化的，这意味着它们不由单个实体控制，从而增加了透明度和安全性。Web3不仅仅是一个技术概念，更是一个去中心化、透明、用户数据拥有权归还给用户的互联网新时代。在这篇文章中，我们将深入探讨Web3技术的核心组件，以及它们如何共同构建一个去中心化的互联网。尽管Web3技术带来了许多优势，但也面临着一些挑战，如技术成熟度、用户隐私保护、监管问题等。然而，随着技术的不断发展和改进，这些挑战有望得到解决。随着技术的不断进步和应用场景的不断拓展，Web3有望在未来成为互联网的主导力量。
2024-04-20 14:47:57
620
1
原创 Mixins 与 Extend：组件逻辑重用与扩展
mixins和extend都是 Vue 中强大的工具，用于重用和扩展组件逻辑。如果你需要在多个组件之间共享一些公共的逻辑（如方法、计算属性、生命周期钩子等），那么mixins是一个很好的选择。如果你需要基于一个已存在的组件进行扩展或修改，并且希望创建一个全新的、独立的组件构造器，那么extend是更合适的选择。无论你选择哪种方式，都需要注意保持代码的整洁和可维护性，避免过度使用这些特性导致代码难以理解和维护。
2024-04-20 11:36:10
325
原创 iframe展示第三方页面修改滚动条样式
iframe展示第三方页面修改滚动条样式。iframe定义一个内联框架，常用于嵌套另一个网页，并且实现网页间的互联互通。在非同源中由于安全策略，对一些功能限制较大。
2024-03-25 19:16:23
1016
原创 echarts 5.0——3d中国地图和飞线
echarts 5.0的版本样式语法与4.0及以下的语法有个别差异，使用旧语法浏览器会警告提示。3d地图常用的实现方法有两种。一种是使用GL来实现，一种是使用叠层和阴影来实现，本文将使用叠层和阴影来实现。
2024-03-24 18:04:40
3546
原创 uni-app分享海报合成（H5、App、微信小程序）
在移动端中，海报图片分享功能非常常见，特别是在商品推广、人员分销、产品拉新、统计分享、快捷支付等应用场景中屡见不鲜。
2024-03-23 19:10:49
1107
1
原创 uni-app实现自定义导航栏，兼容H5、App、微信小程序
uni-app实现自定义导航栏，兼容H5、App、微信小程序很多情况下，系统自带的导航栏无法满足UI设计的要求，这时候就需要我们自定义导航栏来实现需求，要考虑跨端的多种情况，这里我们封装成一个组件来使用...
2024-03-12 17:19:47
5775
4
原创 vue项目部署后刷新页面404的原因和解决方案
vue项目打包部署上线后发现项目是可以正常运行，但是使用F5或者浏览器的刷新按钮直接变成404页面。扩展：当项目部署到服务器子文件路径时资源404问题。
2024-03-11 19:18:30
6421
2
原创 天地图——内网使用离线地图
在内网中，无法直接使用外网天地图资源。可以将天地图资源下载到内网服务器，并且将天地图JavaScript API指向到内网服务器，实现内网使用天地图全部功能。
2024-03-10 17:31:44
2925
7
原创 Jquery.zTree动态加载数据
1.ajax获取数据 var zTreeNodes;var setting = { view: { selectedMulti: true //支持多选 }, data: { simpleData: { enable: true //开启 } }, callback: { beforeClick: getCurrentNode, ...
2024-03-09 21:49:48
3392
2
原创 git如何新建新分支
1) 切换到基础分支，如主干git checkout master2）创建并切换到新分支git checkout -b pandagit branch可以看到已经在panda分支上3)更新分支代码并提交git add *git commit -m "init panda"git push origin panda4)在git代码管理界面经可以看到panda分支了，成功~~...
2020-12-29 16:25:01
510
1
原创 Visual Studio Code 常用扩展插件
1、Beautify：格式化代码。2、Chinese：中文汉化。3、Live Server：本地服务器。4、ESLint：语法规则和代码风格的检查工具。5、Vetur：将.vue文件中的语法进行高亮显示,。
2020-07-06 11:49:54
892
1
原创 ios中微信内iframe页面，长按图片不出识别二维码功能
1.思路用 postMessage处理两个页面的跨域问题，在长按iframe中的二维码图片时，在父级页面生成一个二维码盖在上面。2.父页面html:<img :src="erweimaUrl" class="erweimaClass" v-show="showImg"/>js:window.addEventListener('message', funct...
2019-09-25 10:37:05
1687
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人