• 2024-05-28异步数据加载与绑定设计: AsyncLoadHelper
    在现代应用程序开发中,异步数据加载和管理是一个普遍的需求。本文介绍了一个自定义的异步数据加载工具——AsyncLoadHelper。通过详细的设计和实现介绍,以及结合实际应用示例,展示了AsyncLoadHelper在简化异步操作、提高代码可读性和维护性方面的优势。在开发过程中,异步数据加载常常
  • 2023-12-27React的各种bug及分析
    Parsingerror:Usingtheexportkeywordbetweenadecoratorandaclassisnotallowed.Pleaseuse`export@decclass`instead.脚手架修饰器的问题:我一般碰到这个问题,就直接把导出代码写到外面。@connect(state=>({isloading:state.error.isloading,}))classTri
  • 2023-11-22uniapp 使用axios 二次封装
    uniapp使用axios二次封装importVuefrom'vue'importaxiosfrom'axios'constbaseUrl='http://127.0.0.1:8080'//服务器地址constimageUrl=baseUrlconststaticVariables={BASE_URL:baseUrl,TIME_OUT:10000,SSL_VERIFY:f
  • 2023-11-22封装uniapp的request
    1uni.request()二次封装importVuefrom'vue'constbaseUrl='http://127.0.0.1:8080'//服务器地址constimageUrl=baseUrlconststaticVariables={BASE_URL:baseUrl+'/api',TIME_OUT:10000,SSL_VERIFY:false,DURATION
  • 2023-11-13如何使用React/JSX在样式加载完成之前等待React的加载?
    在React中,可以使用加载状态来等待样式加载完成之后再渲染React组件。以下是一种常见的方法:创建一个加载状态isLoading并将其初始化为true。在componentDidMount生命周期方法中使用setTimeout函数来模拟样式加载的延迟。在延迟结束后,将isLoading状态设置为false。在渲染方法中,使用条
  • 2023-10-10在ts时使用axios请求类型定义增加属性
    1.需求在后台请求中有一些请求数据量比较大无法一下返回,需要增加loading动画,为了方便控制想在请求的时候增加一个参数isLoading,默认关闭,传真值时开启动画。这便需要拓展axios中增加个性化参数配置。但是如何进行类型的定义呢?2.操作 如上,在做左边增加了isLoading参数,代码
  • 2023-10-07The Road to learn React
    React基础组件内部状态组件内部状态也称之为局部状态,允许保存、修改和删除存储在组件内部的属性使用ES6类组件可以在构造函数种初始化组件的状态,构造函数只会在组件初始化的时候调用一次constlist=[{title:'React',url:'https://facebook.github.io/react
  • 2023-07-23Rxjava与MVVM框架配合使用
    RxJava与MVVM框架配合使用介绍在现代的移动应用程序开发中,MVVM(Model-View-ViewModel)架构模式变得越来越流行。它是一种将业务逻辑与用户界面分离的设计模式,它的目标是提高代码的可维护性和可测试性。而RxJava是一种响应式编程库,它可以简化异步编程,并提供了丰富的操作符来处理数据
  • 2023-06-30uniapp分页请求
    <template><view>循环请求的数据</view><view> {{isLoading?加载中...':'没有更多了'}} </view></template>exportdefault{data(){return{dataForm:[],//分页数据isLoading:false, //是否加载中pageNu
  • 2023-06-14vue实现子父组件之间通信
    <template><div><button@click="handleClick":disabled="isLoading">{{isLoading?"loading":"submit"}}</button><divclass="err">
  • 2023-06-12listeners和v-model
    <template> <divid="app">  <LoadingButton@click="handlesClick"></LoadingButton>  <ceShi2></ceShi2> </div></template><script>importLoadingButtonfrom'@/compone
  • 2023-01-30el-scrollbar滚动加载
      mounted() {监听滚动条      this.$refs.scrollbar.wrap.addEventListener("scroll", this.scrollContent,true)    }, scrollContent(e){
  • 2022-10-16点赞,取消点赞组件
    <template><divclass="collect-container"><van-loadingv-if="isLoading"type="spinner"color="#1989fa"></van-loading><van-iconv-else
  • 2022-10-16收藏文章组件
      组件:collectArticle<template><divclass="collect-container"><van-loadingv-if="isLoading"type="spinner"color="#1989fa"></van-loading><va