勋章
技术能力
-
前端开发
中级
能力说明：
掌握HTML5与CSS3的核心技术，掌握前端主流语言和开发框架JavaScript、jQuery和Ajax的基本知识，具备搭建动态交互网页的基本能力。
-
-
Apsara Clouder云计算专项技能认证：云服务器ECS入门
获得于2023-04-11 09:42:49
-
暂无个人介绍
-
发表了文章 2023-08-21
vue封装单文件弹窗组件
VUE想要实现一个普通弹窗，想必对于大部分前端开发者来说实现起来都是非常简单一件事情，但是如果说要封装某一个具体需求效果，可能就难倒不少同学 ，由此可见 从实现到封装这个过程是非常考验个人能力的！
-
发表了文章 2023-08-21
vue防抖 自定义ref实现输入框防抖
防抖（debounce）：当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始计时。
-
发表了文章 2023-08-21
vue 音频可视化
书接上文 vue实现歌词滚动效果，既然有了歌词滚动那么今天给大家来个绝活——音频可视化。伴随着各种新技术的更新迭代，往后大家或多或少都会接触到这个技能，因为在未来前端可视化必定会占有极其重要的地位，可视化应用场景应用模式也是千变万化，我将以最直观最简单的例子作为切入点，来带大家了解探究音频可视化到底是怎么实现的。
-
发表了文章 2023-08-21
VUE自动检测版本更新
本文简单介绍了实现线上更新的一种思路，相比在生产环境下实现热更新，或者是使用websocket相对来说都是比较麻烦的，而且还需要改动服务器，这种做法只需要一小段js函数即可解决，并且效率也是非常高的，对整个系统的运行，基本上是没有任何负面影响，因为单页面模式下，每次请求的页面实际上传输的数据非常少，所以两秒一次，完全不会给站点增加负荷。
-
发表了文章 2023-08-21
vue白屏优化（defer）
说到VUE项目优化，老生常谈的一个话题，就是首页白屏问题，当然造成白屏的原因有很多，我们要根据不同的情况灵活的进行处理，在这呢我单单指出其中一种使用场景，以及其中一种优化手段，这种优化手段比较冷门，相信很多同学都不一定知道，但是超级好用！！！这种经典的优化方案，只是vue优化里的冰山一角，希望大家一起学习，共同进步。
-
发表了文章 2023-08-21
vue实现歌词滚动
最近看了一篇关于音频可视化的博文，然后偶然联想到歌词滚动这个效果，虽然网上介绍歌词滚动 的文章已经很多了，但是并不是每一个人实现的思路都是一致的，所以在这给大家分享一下我自己的一些想法，和具体是如何实现这个功能的 。
-
发表了文章 2023-08-21
vue响应式原理与虚拟DOM实现
在Vue中，我们可以使用data属性来定义组件的数据。这些数据可以在模板中使用，并且当这些数据发生变化时，相关的DOM元素也会自动更新。这个过程就是响应式系统的核心。data() {return {这个过程是如何实现的呢？接下来我们就来探讨Vue响应式系统的实现原理。Vue是一个非常强大、灵活的前端框架，其响应式系统和虚拟DOM实现是其核心功能之一。本文探讨了Vue响应式系统和虚拟DOM实现的原理及其底层实现。希望本文能对大家理解Vue的原理有所帮助。
-
发表了文章 2023-08-21
小程序封装网络请求和拦截器
在开发小程序时，实际上我们通常需要封装网络请求和拦截器，以实现统一处理状态码和存储用户登录信息等功能。这样可以提高开发效率，减少代码重复，同时也可以提高代码的可维护性和可读性。
-
发表了文章 2023-08-21
小程序wxs使用教程
wxs是小程序的一种脚本语言，它类似JavaScript，但是与JavaScript有所不同。wxs是一种数据绑定和逻辑处理的语言，它可以在wxml中使用，并且可以在wxml中直接调用。使用wxs可以实现更高效、更灵活的数据处理和渲染。通过本篇博客的介绍，我们了解了原生小程序如何使用wxs以及传参等技术，可以更好地实现数据的处理和渲染。在使用wxs时，需要注意wxs模块中不能使用页面逻辑层的数据和方法，并且可以使用module.exports将模块中的方法暴露出来，以便在其他地方使用。
-
发表了文章 2023-08-21
小程序组件化开发
随着小程序的普及，越来越多的开发者开始使用小程序进行开发，而小程序的组件化开发已经成为了一种标配的开发模式。本文将深入介绍小程序组件化开发的相关知识，包括组件的定义、生命周期、通信和使用等方面，帮助大家更好地理解和使用小程序的组件化开发模式。组件是小程序中的一个重要概念，它能够将页面分解成独立的、可复用的部分，以便于开发和维护,组件可以包含一些特定的功能和样式，同时也能够接受外部的数据和事件。在小程序中，组件是通过Component构造函数来定义的。propertiesdata和methods。
-
发表了文章 2023-08-21
小程序传参总结
在小程序开发中，页面跳转和数据传递是非常常见的需求。本文将介绍小程序中常用的传参方法，包括Query参数传递、全局变量传递和Storage传递，并对它们的使用场景和注意事项进行分析和总结。本文介绍了小程序中常用的传参方法，包括Query参数传递、全局变量传递和Storage传递等并对它们的使用场景和注意事项进行了分析和总结。在实际开发中，我们需要根据具体的需求和情况，不同的方式适用于不同的场景，灵活地选择传参方式，并结合一些优秀的状态管理工具，提高开发效率和用户体验，以上便是全部内容希望对各位同学有所帮助。
-
发表了文章 2023-08-21
小程序实现滚动加载（懒加载）
小程序是一项很受欢迎的技术，随着其能力的不断增强，越来越多的人开始使用小程序来完成各种任务。当我面面临一个页面有非常多的数据时，该如何处理呢，显然一次性全部加载完，会非常消耗性能的，为了解决这些问题从而出现了一种叫滚动加载的数据处理方式，也被称为“无限滚动”或“懒加载”，它可以使你的页面在不刷新的情况下连续加载更多数据。在本文中，我们将讨论如何在小程序中实现滚动加载。
-
发表了文章 2023-08-21
小程序封装加载动画
在小程序的开发中，页面的加载过程可能会因为网络状况的不好或数据量的过大而显得非常缓慢，这时候加上一个加载动画就能有效的缓解用户的等待焦虑感。而对于应用的多个页面来说，使用全局加载动画可以提高用户体验，让应用显得更加美观和专业。本篇技术分享博客将为大家介绍在小程序中封装全局加载动画的具体实现步骤，帮助您提高小程序的用户体验。通过上述步骤，我们就完成了小程序中封装全局加载动画的具体实现方法。在实际开发中，我们可以根据实际需求对组件样式和方法进行调整和修改，以满足不同的开发需求。
-
发表了文章 2023-08-21
小程序实现购物车功能
购物车功能是电商小程序中比较常见的功能之一，实现起来也比较简单。通过本文的介绍，我们可以学习到如何将用户所选的商品信息保存在本地，如何展示商品信息，如何计算商品总价和总数，以及如何提供用户对购物车中商品的操作。在实际开发中，还可以根据具体需求进行定制和优化，例如添加优惠券、满减活动等功能，提升用户购物体验。
-
发表了文章 2023-08-21
小程序微信支付
微信小程序支付是一种常见的支付方式，实现起来相对较为复杂。在实现微信小程序支付功能时，需要认真阅读微信支付开发文档，严格遵守微信支付规范，确保支付过程的安全性和可靠性。希望这篇分享能够帮助开发者了解微信小程序支付相关的技术和注意事项，为开发微信小程序支付功能提供帮助。
-
发表了文章 2023-08-21
小程序封装form表单
本文主要介绍了如何封装一个表单组件，在封装表单组件时，我们需要定义组件属性和方法、组件模板和组件样式，以确保组件能够在页面中正常使用。通过本文的介绍，希望能够更好地帮助大家理解表单组件的封装方式，并在实际项目中应用。
-
发表了文章 2023-08-21
小程序封装手写签名组件
本文详细介绍了如何封装一个小程序手写签名组件，包括签名、保存签名、清除签名和撤销功能。我们使用了 canvas 来实现手写签名功能，通过自定义组件的方式来封装手写签名组件，使其可以在不同的页面中重复使用。同时，我们使用了面向对象的编程方式，将手写签名的逻辑封装在一个signaImage类中，使代码更加清晰易懂。最后希望能帮助大家更好地理解和使用本文介绍的手写签名组件。
-
发表了文章 2023-08-21
小程序封装拖拽菜单组件（uniapp拖拽排序，自定义菜单）
movable-area 是 uniapp 的可移动区域组件。它用于定义可移动视图容器,在其内部可拖拽移动子视图。
-
发表了文章 2023-08-21
uniapp小程序封装常用工具函数
类似的工具函数还有很多，这里暂时不一一列举了，上面提到的银行卡校验，还可以使用阿里公开的一个校验接口cardNo=银行卡号码&cardBinCheck=true这个接口会返回对应的银行简称银行卡类型,如果想要显示对应的银行logo的话，可以联系我，由于JSON数据太大，没办法全部放在这里。
-
发表了文章 2023-08-21
微信小程序开发详解
微信小程序是一种可以在微信中运行的应用程序，它使用了微信提供的开发框架和工具，可以在不需要下载安装的情况下直接使用。微信小程序采用了类似Web的开发方式，开发者可以使用HTML、CSS、JavaScript等前端技术进行开发。无需下载安装，直接在微信中使用可以访问部分系统API，实现更强大的功能通过微信提供的开发框架和工具，可以方便地进行开发、测试和发布在 components 目录下创建组件文件夹,同级目录创建 json、js、wxml、wxss 四个文件。文件名与文件夹名相同。
-
发表了文章 2023-08-21
初识uni-app
uni-app是由DCloud公司研发的一款基于Vue.js的开源跨平台应用开发框架。使用uni-app，开发者只需编写一次代码，就可以同时构建出iOS、Android、H5、小程序（微信/支付宝/百度/字节跳动/快手）等多个平台的应用。uni-app是一款强大的跨平台开发框架，适用于多种场景。通过本文的介绍，希望您对uni-app有了初步的了解，并能够开始尝试使用uni-app开发您的项目。更多关于uni-app的详细信息，请访问官方文档。希望大家多多交流！共同进步。
-
发表了文章 2023-08-21
uniapp实现条码扫描 可开闪光灯，原生H5调用，不需要任何sdk。
一维码识别功能使用的是Quagga这个库。调用摄像头使用的 navigator.mediaDevices.getUserMedia 这个H5的api。通过 video 和 canvas 把摄像头获取到的数据展现到页面上，同时调用监听Quagga解析。
-
发表了文章 2023-08-21
uniapp在H5获取当前定位信息不需要SDK可直接获取城市（包括经纬度省市区和市区编码）
最近在做获取用户当前定位信息的时候，发现uniapp官方提供的兼容性并不是特别好，光注意事项都是密密麻麻一大堆，在实际使用场景下，效果并不理想，也不是很稳定。于是便重新封装了一下腾讯地图的一些东西，提高了下兼容度！下边我会把我用的封装思路逻辑给大家一一讲解。完整代码可私信我我发给你以上便是基于uni-app框架开发,使用Promise进行异步请求和结果返回，封装的H5获取当前详细定位信息组件希望大家一起交流。
-
发表了文章 2023-08-21
uniapp 实现手写签字组件
在移动应用中，手写签名是一项非常方便和实用的功能。本文将介绍如何使用 Uniapp 实现一个手写签字组件，并支持在 APP、小程序和 Web 应用中使用。
-
发表了文章 2023-08-21
uniapp滚动加载 下拉刷新
在日常开发中，滚动加载和下拉刷新是非常常见的功能，页面数据过多时，需要滚动加载优化性能，本篇技术分享博客将介绍如何在uniapp中实现滚动加载和下拉刷新。至此，我们已经成功地实现了滚动加载和下拉刷新两种常见的移动端功能。大家可以进行扩充或者留言交流！通过以上示例代码，我们可以看到uniapp提供了非常方便的API来实现这些功能，使得开发者可以更加专注于业务逻辑的实现。
-
发表了文章 2023-08-21
uniapp本地存储详解
在开发uniapp应用时，我们常常需要使用本地存储来保存一些数据，比如用户登录信息、设置项等，使得应用能够在设备上保存和读取数据，以便提供更好的用户体验和离线功能支持，本文将简单介绍uniapp中的本地存储相关API使用方式。当我们调用对应方法时，uniapp会将数据以键值对的形式存储在本地存储中。具体实现中，uniapp会将键值对转换成字节流，并将字节流写入到设备的存储器中。这个过程涉及到计算机底层存储原理的数据存储和字节对齐。在读取数据时，会根据指定的键，从本地存储中读取相应的数据。
-
发表了文章 2023-08-21
UniApp响应式布局
UniApp 是一款基于 Vue.js 开发的跨平台应用开发框架，可以同时构建 iOS、Android、H5 等多个平台的应用。在 UniApp 中，单位（Unit）是一个非常重要的概念，它决定了应用在不同设备上的布局和样式，要适应不同设备尺寸和屏幕方向的布局是一项艰巨的任务。UniApp 提供了多种方式来实现响应式布局。通过使用 Flex 布局、媒体查询、自适应单位和条件渲染，我们可以根据不同的屏幕尺寸和方向创建出适应性强的布局，从而提供更好的用户体验。
-
发表了文章 2023-08-21
UniApp组件封装
UniApp是一个跨平台的开发框架，允许开发者使用Vue.js编写一次代码，然后将其发布到多个平台，包括iOS、Android和Web。在UniApp中，组件是构建用户界面的基本单元，它们可以重复使用，并且具有可配置的属性和方法。其中组件是一种可重用的UI元素，用于展示信息、接收用户输入或实现特定功能。UniApp提供了一系列内置的组件，如按钮、输入框、列表、滑动组件等，开发者也可以自定义和扩展组件以满足特定需求。
-
发表了文章 2023-08-21
Node.js入门之 - 初识Node.js
随着 web 前后端分离、PWA、微服务架构的流行,以及 5G、AIoT 等技术的兴起,Node.js 将在 web 后端、移动互联网、企业应用和嵌入式设备等领域有非常广阔的应用前景。Node.js 的跨平台与轻量级特点,也使其非常适合构建桌面应用与各种工具软件。可以说,Node.js 是一门具有长期生命力和广阔前景的技术,值得我们深入学习与长期投入。虽然Node.js 具有事件驱动高效、单线程高性能、丰富生态和跨平台等优点,适合于 I/O 密集型任务和实时应用。
-
发表了文章 2023-08-21
uniapp 前端实现文字识别，身份证识别，营业执照识别 （兼容APP、H5、小程序 不需要任何SDK）
本文将介绍如何使用uniapp和百度AI开放平台的OCR(光学字符识别)API实现身份证、营业执照等卡证的识别和文字识别功能。以上就是uniapp使用百度AI平台OCR API实现卡证识别和文字识别的整体实现过程全部内容了，有不懂的，或者我代码有误的地方，希望大家多多交流。具体详细代码示例可以私信问我要哈！
-
发表了文章 2023-08-21
uniapp打包之配置MacOS虚拟机生成iOS打包证书
uniapp是一款跨端开发框架,可用于快速开发iOS、Android、H5等多端应用。本文将详细介绍如何实现uniapp开发的iOS应用打包。
-
发表了文章 2023-08-21
事件循环（even loop）原理解析
1，要弄懂事件循环首先要了解线程和进程 通常在一个进程中可以包含若干个线程，它们可以利用进程所拥有的资源，在引入线程的操作系统中，通常都是把进程作为分配资源的基本单位，而把线程作为独立运行和独立调度的基本单位，由于线程比进程更小，基本上不拥有系统资源，故对它的调度所付出的开销就会小得多，能更高效的提高系统内多个程序间并发执行的程度。 2， 浏览器是一个多进程多线程的应用程序，内部工作很复杂，它的进程主要包含 浏览器进程 网络进程 渲染进程 ① 浏览器进程: 负者BOM界面展示以
-
发表了文章
2023-08-21
vue封装单文件弹窗组件
-
发表了文章
2023-08-21
vue防抖 自定义ref实现输入框防抖
-
发表了文章
2023-08-21
vue 音频可视化
-
发表了文章
2023-08-21
VUE自动检测版本更新
-
发表了文章
2023-08-21
vue白屏优化（defer）
-
发表了文章
2023-08-21
vue实现歌词滚动
-
发表了文章
2023-08-21
vue响应式原理与虚拟DOM实现
-
发表了文章
2023-08-21
vue高级特性
-
发表了文章
2023-08-21
vue全家桶
-
发表了文章
2023-08-21
小程序封装网络请求和拦截器
-
发表了文章
2023-08-21
小程序wxs使用教程
-
发表了文章
2023-08-21
小程序组件化开发
-
发表了文章
2023-08-21
小程序传参总结
-
发表了文章
2023-08-21
小程序实现滚动加载（懒加载）
-
发表了文章
2023-08-21
小程序封装加载动画
-
发表了文章
2023-08-21
小程序实现购物车功能
-
发表了文章
2023-08-21
小程序微信支付
-
发表了文章
2023-08-21
小程序封装form表单
-
发表了文章
2023-08-21
小程序封装公共搜索框
-
发表了文章
2023-08-21
小程序封装手写签名组件
