文章库ARTICLE COLUMN

  • vue3集成Element-plus实现按需自动引入组件的方法汇总

    vue3集成Element-plus实现按需自动引入组件的方法汇总

      本篇文章就是介绍关于vue3集成Element-plus实现按需自动引入组件的相关资料,为了让大家详细了解,附有详细内容。  element-plus正是element-ui针对于vue3开发的一个UI组件库,  它的使用方式和很多其他的组件库是一样的,其他类似于ant-design-vue、N...

    34037718643403771864 评论0 收藏0
  • 微信小程序获取用户手机号码的解析示例

    微信小程序获取用户手机号码的解析示例

      我们在做小程序开发的过程中,时常会要求录入用户身份信息,最常见的就是获取手机号码,当然可可以通过微信获取手机号码后可以减少很多操作,比如用户手机号码验证等,给用户发送手机验证码,本篇文章讲述的就是获取手机验证码。  获取用户手机号码 分...

    34037718643403771864 评论0 收藏0
  • 微信小程序日期选择器使用实例

    微信小程序日期选择器使用实例

      需求:在小程序开发中,时常会遇到日期选择器、时间选择器或者地区选择器来进行选择的功能。这是可以形成模板,只是在其中有细微变化,比如:样式会多样化、功能会复杂化。现在我们写一个合适的组件。  下面跟大家分享下我写的一个自定义日期选择器组件...

    34037718643403771864 评论0 收藏0
  • JS手写bind之处理new的情况详解

    JS手写bind之处理new的情况详解

      你有遇见过给bind返回的函数做new操作的场景,本篇主要讲述的就是实现一下兼容new操作的bind写法,顺便学习一下new操作符,为大家提供下参考。  大家可以去看下关于 JS 中 bind 方法的实现的文章,并给出了实现:  Function.prototype.myBind=functio...

    34037718643403771864 评论0 收藏0
  • 解析JavaScript判断两个值相等的方法

    解析JavaScript判断两个值相等的方法

      本篇文章主要是讲述在JavaScript中判断两个值相等,不要认为很简单,要注意的是在JavaScript中存在4种不同的相等逻辑。  ECMAScript 是 JavaScript 的语言规范,在ECMAScript 规范中存在四种相等算法,如下图所示:  上图中每个依次写下来,很多前端...

    34037718643403771864 评论0 收藏0
  • vue点击按钮倒计时代码演示

    vue点击按钮倒计时代码演示

      点击按钮即可计时如何用vue实现?  实现效果:  1.点击开始按钮启动计时  2.点击重置按钮计时恢复到00:00:00  3.点击暂停按钮暂停计时  Vue代码:  <template>   <div>   <divclass="timeContainer">{{time}}</div>   <a-buttonsty...

    34037718643403771864 评论0 收藏0
  • useEffect支持async及await如何运用

    useEffect支持async及await如何运用

    背景  在使用useEffect中用啦回调函数中使用 async...await... 这时候就会报错。  上面代码可以看到,在报错,effect function 应该返回一个销毁函数(effect:是指return返回的cleanup函数),如果 useEffect 第一个参数传入 async,返回值则变成了 P...

    34037718643403771864 评论0 收藏0
  • 解析React useEffect不支持async function示例

    解析React useEffect不支持async function示例

      useEffect是很常见的,现在写的是十分需求的。  useEffect(async()=>{   awaitgetPoiInfo();//请求数据   },[]);  可是React 却无法支持这样做,就是因为 effect function 应该返回一个销毁函数(effect:是指return返回的cleanup函数),如果 us...

    34037718643403771864 评论0 收藏0
  • 微信小程序多项选择器checkbox演示示例

    微信小程序多项选择器checkbox演示示例

      很多知识就是在开发中让我们更加努力学习,本篇文章主要就是讲在微信小程序中实现多项选择器checkbox。  第一的话就是我们的相关的布局文件:  <viewclass="container">   <viewclass="page-body">   <viewclass="page-sectionpage-sect...

    34037718643403771864 评论0 收藏0
  • useEffect中不能使用async缘由

    useEffect中不能使用async缘由

      最近尝试在 useEffect 使用 async 的时候会报错,因此,本篇文章就是想喝大家说说为什么?也解读其中缘由。  具体代码分析  执行 mountEffect  当页面中使用 useEffect 的时候,会在初始化的时候执行 mountEffect 如下:  useEffect:function(cre...

    34037718643403771864 评论0 收藏0
  • 微信小程序实现自定义多列选择器使用

    微信小程序实现自定义多列选择器使用

      在项目搭建过程中吃,需要实现一个多列选择器,在用户确定之前,无论列表如何转,对于已选择的都不会有影响,只有在确定选择内容后才显示值上。  思路:保存两份,一份用来存放用户选择的中间值,当用户点击确定时,把中间值更新为已确认值。如果用户选...

    34037718643403771864 评论0 收藏0
  • 演示微信小程序地区选择伪五级联动

    演示微信小程序地区选择伪五级联动

      在项目中,要求微信小程序的地区可以选择伪五级联动  展示如下  这里采用的是自定义多列选择器picker mode="multiSelector"  <viewclass="section">   <viewclass="section__title">多列选择器</view>   <pick...

    34037718643403771864 评论0 收藏0
  • ahooks正式发布React Hooks工具库

    ahooks正式发布React Hooks工具库

      起因  社会在不断的向前,技术也在不断的完善进步。从 React Hooks 正式发布到现在,越来越多的项目正在使用 Function Component 替代 Class Component,Hooks 这一新特性也逐渐被广泛的使用。 这样的解析是不是很熟悉,在日常中时常都有用到,但也...

    34037718643403771864 评论0 收藏0
  • 展示JavaScript中异步与回调的基本概念及回调地狱

    展示JavaScript中异步与回调的基本概念及回调地狱

      JavaScript异步与回调  一、前言  首先我们要记住的是异步和并行有着本质的区别。  并行,简单来说是一般指并行计算,就是说同一时刻有多条指令同时被执行,这些指令可能执行于同一CPU的多核上,或者多个CPU上,或者多个物理主机甚至多个网络中。 ...

    34037718643403771864 评论0 收藏0
  • 解析ahooks整体架构及React工具库源码

    解析ahooks整体架构及React工具库源码

     这是讲 ahooks 源码的第一篇文章,简要就是以下几点:  加深对 React hooks 的理解。  学习如何抽象自定义 hooks。构建属于自己的 React hooks 工具库。  培养阅读学习源码的习惯,工具库是一个对源码阅读不错的选择。  注:本系列对 ahooks 的源码...

    34037718643403771864 评论0 收藏0
  • 微信小程序复选框组件使用演示示例

    微信小程序复选框组件使用演示示例

      在工作中效率要求是很高的,现在就在频繁用到复选框,我们自己来写了个组件,增加其复用性,提高效率。  先看效果图:  这样只需提交后得到一个选中项的id组成的数组  下边直接上代码:  代码地址为:components/checkGrop/checkGrop  wxml: ...

    34037718643403771864 评论0 收藏0
  • 插件化机制

    插件化机制"美丽"封装你的hook请求使用方式解析

    我们讲下 ahooks 的核心 hook —— useRequest。  useRequest 简介  根据官方文档的介绍,useRequest 是一个强大的异步数据管理的 Hooks,React 项目中的网络请求场景使用 useRequest ,这就可以。  useRequest通过插件式组织代码,核心代码极其简单...

    34037718643403771864 评论0 收藏0
  • ahooks useRequest源码深入解读

    ahooks useRequest源码深入解读

      大家会发现,自从 React v16.8 推出了 Hooks API,前端框架圈并开启了新的逻辑复用的时代,从此无需在意 HOC 的无限套娃导致性能差的问题,同时也解决了 mixin 的可阅读性差的问题。这里也有对于 React 最大的变化是函数式组件可以有自己的状态,扁平化的...

    34037718643403771864 评论0 收藏0
  • 微信小程序下拉框组件运用方法

    微信小程序下拉框组件运用方法

      在项目开发中,会要求在小程序有时使用下拉框选项。在通常思路就是用 picker 组件实现。pick 组件使用 mode 来区分类别,默认使用普通选择器就行。  还有另一个方法就是可以通过自定义组件实现,代码如下:  //index.js   Component({   /**   ...

    34037718643403771864 评论0 收藏0
  • 微信小程序中课程选择器演示代码

    微信小程序中课程选择器演示代码

      微信小程序中课程选择器如何实现?先看看实现效果:  代码如下  wxml  <viewclass="urg_input">   <pickerclass="gradePicker"mode="multiSelector"bindchange="bindMultiPickerChange"bindc...

    34037718643403771864 评论0 收藏0
  • 实现微信小程序下面商品左右滑动上面tab也跟随变动功能

    实现微信小程序下面商品左右滑动上面tab也跟随变动功能

      现在就是要求在小程序下面商品左右滑动上面tab也跟随变动功能  点击tab切换下面的上面信息,商品左右滑动切换上面的tab分类  功能描述:点击tab切换下面的商品信息;滑动下面的商品信息tab也进行切换。  第一步:我们先来说一下上面的tab,tab我们使...

    34037718643403771864 评论0 收藏0
  • React官方团队实例原生Hook闭包陷阱

    React官方团队实例原生Hook闭包陷阱

      陷进到处都是啊!本篇文章就说说Hooks使用时存在所谓的闭包陷阱,看看下面代码:  functionChat(){   const[text,setText]=useState(&#39;&#39;);   constonClick=useCallback(()=>{   sendMessage(text);   },[]);   return<SendButton...

    34037718643403771864 评论0 收藏0
  • 用ahooks如何解决用户多次提交方法?

    用ahooks如何解决用户多次提交方法?

      在项目开发中,要求可以实现客户多次提交,这样的要求如何实现?  实现方法很多,比如添加 loading,在第一次点击之后就无法再次点击。另外一种方法就是给请求异步函数添加上一个静态锁,防止并发产生。这就是 ahooks 的 useLockFn 做的事情。  useLo...

    34037718643403771864 评论0 收藏0
  • 如何用ahooks控制时机的hook?

    如何用ahooks控制时机的hook?

      本篇主要和大家沟通关于ahooks ,我们可以理解为加深对 React hooks 的了解。  我们先说下关于抽象自定义 hooks。构建属于自己的 React hooks 工具库。  其实我们应该培养阅读学习源码的习惯,工具库是一个对源码阅读不错的选择。  注:本系列对 ah...

    34037718643403771864 评论0 收藏0
  • 常用列表页常见hook封装解析

    常用列表页常见hook封装解析

      我们今天来讲讲关于ahooks 源码,我们目标主要有以下几点:  深入了解 React hooks。  明白如何抽象自定义 hooks,且可以构建属于自己的 React hooks 工具库。  小建议:培养阅读学习源码的习惯,工具库是一个对源码阅读不错的选择。  列表页常见...

    34037718643403771864 评论0 收藏0

热门文章

<