• 2024-09-09useMemo中不能执行setData
    在React中,useMemo 应该用于缓存计算结果,而不是执行副作用操作。当你在 useMemo 内部更新state时,可能会导致循环依赖或不稳定的渲染行为。当你在 useMemo 内部更新state时,这意味着每次组件重新渲染时,useMemo 返回的值都会发生变化,从而触发重新渲染。这可能导致组件进
  • 2024-09-08在微信小程序中做自己的数字键盘
    为什么要自制键盘?我最近在开发一款微信小程序,现在需要用户输入一个数字。使用系统键盘带来的不便如果使用系统键盘,有以下几个问题:数字键太小,不方便;无法阻止用户输入不合法字符(如:“&”);小数点在一些手机上很难找到;用户需要点击输入框;无法控制按钮样式。理想的自制键盘效
  • 2024-07-24JavaScript中的new map()和new set()使用详细(new map()和new set()的区别)
    简介:newMap():在JavaScript中,newMap()用于创建一个新的Map对象。Map对象是一种键值对的集合,其中的键是唯一的,值可以重复。newSet():在JavaScript中,newSet()是用来创建一个新的Set对象的语法。Set对象是一种集合,其中的值是唯一的,没有重复的值。newSet()可以用
  • 2024-07-15JavaScript中的new map()和new set()使用详细(new map()和new set()的区别)
    Map对象是一种键值对的集合,其中的键是唯一的,值可以重复。newSet():在JavaScript中,newSet()是用来创建一个新的Set对象的语法。Set对象是一种集合,其中的值是唯一的,没有重复的值。newSet()可以用来创建一个空的Set对象,在创建时传入一个数组或类数组对象,Set会自动去
  • 2024-06-10嵌入式浅谈之“梯形”加减速MCU算法实现
    书接上回,上章我们讲到原理,本章我们来聊聊实现。在笔者的实际项目经历中,梯形加减速运用的比较广泛,主要以其优秀的加减速能力、对算法实现资源的需求较小、实现难度适中而被广泛应用。下面就简单介绍一下基于MCU的算法实现过程,以STM32为例。采用“梯形”加减速算法,在运动过
  • 2024-06-06微信小程序(5.模板语法)
    系列文章目录微信小程序(1.基础知识)微信小程序(2.配置文件)微信小程序(3.常用样式和组件)微信小程序(4.事件系统)微信小程序(5.模板语法)文章目录系列文章目录1.声明和绑定数据2.声明和修改数据3.setData-修改对象类型数据4.setData-修改数组类型数据5.数据绑定-简易
  • 2024-06-02微信小程序-声明和绑定事件
    一.概念小程序页面使用的数据在Page()方法里使用data对象进行声明定义定义好之后,使用{{}}进行绑定声明Page({data:{school:'未发之中',obj:{name:'dadada'},id:1,useChk:true}})绑定<!--使用双括号展示数据--><view>{{scho
  • 2024-05-24微信小程序中的一些事件以及语法
    【事件绑定】基本使用新建项目,使用模板可以选择:JS基础版本#1方式一<viewbind:tab="js中写方法"></view>#2方式二<viewbindtab="js中写方法"></view>#3js中写方法showLog(){console.log("我被点了")}1vxml234<!--index
  • 2024-05-23微信小程序中页面显示时触发子组件的重新渲染
    使用生命周期函数:在页面的onShow或onLoad生命周期函数中,调用子组件的方法或者改变子组件的数据,从而触发子组件的重新渲染。例如,在页面的js文件中:Page({onShow:function(){//调用子组件的方法this.selectComponent('#childComponentId').refreshDa
  • 2024-04-07基于vue3的Crontab组件
    网上找的没有满意的,决定从若依前后端分离其前端vue2中的crontab进行转换,先上效果若依: 改后:  v2转v3没什么难度,其中有大量的将this.***替换为***.value,笔者写了个正则替换,希望可以帮助大家this.(\w+)$1.value 需要注意的有,在v2中【this.$refs[refName
  • 2024-03-27第4章 页面组件
    一. 组件的定义及属性    1.1 语法格式如下: <标签名  属性名=“属性值” >内容....</标签名>  id 组件的唯一表示,保持整个页面唯一,不常用class 组件的样式类,对应WXSS中定义的样式  style组件的内联样式,可以动态设置内联样式
  • 2024-03-25Java项目:汽车租赁管理系统(java+SpringBoot+Vue+ElementUI+Mybaits+mysql)
    源码获取:俺的博客首页"资源"里下载! 项目介绍基于SpringbootVue汽车租赁管理系统角色:管理员、用户、普通管理员三种角色,分为前后台;用户:用户通过用户登录页面可以填写用户名和密码等信息进行登录操作,登录成功后,进入首页可以查看首页、汽车信息、汽车资讯、汽车论坛、公
  • 2024-01-30微信小程序:滚动tab栏
    1、wxml<view><scroll-viewscroll-x="true"class="tab-h"scroll-left="{{scrollLeft}}"><viewwx:for="{{tabs}}"wx:for-index="index"wx:key="id"class="tab-item{{c
  • 2024-01-28寒假生活(18)
    今天完善小程序代码,今天写剩下的修改密码和个人信息功能。修改密码没什么特殊,用户输入原密码,新密码和二次确认,我们把忘记密码放在了登录界面,防止其他人员在小程序内部修改密码。个人信息部分包含了用户头像、昵称、性别、手机号和地址等信息,用户可以自行编辑手机号和地址,并保存到
  • 2024-01-22getOpenId
     Page({/***页面的初始数据*/data:{showUploadTip:false,haveGetOpenId:false,envId:'',openId:''},onLoad(options){this.setData({envId:options.envId});},getOpenId(){w
  • 2023-12-15微信小程序对象数组赋值的坑
    前因在小程序中使用下这种方式赋值,也就是直接修改数组对象,然后进行整个数组的setData,有时会造成一些极其离谱的问题this.data.breakdowns[e.currentTarget.dataset.index].breakdownDescription=e.detail.value;this.setData({breakdowns:this.data.breakdowns
  • 2023-11-29Taro:高性能小程序的最佳实践
    前言作为一个开放式的跨端跨框架解决方案,Taro在大量的小程序和H5应用中得到了广泛应用。我们经常收到开发者的反馈,例如“渲染速度较慢”、“滑动不够流畅”、“性能与原生应用相比有差距”等。这表明性能问题一直是困扰开发者的一个重要问题。熟悉Taro的开发者应该知道,相
  • 2023-10-07picker组件增加搜索item条目的功能
    picker组件顶部有搜索框,能搜索条目,如果条目很多的时候,上下翻很麻烦了,而且不容易找到,可以先全查,然后js搜索wxml<buttonbindtap="openFlag">可搜索选择框</button><viewclass="date-background"hidden="{{flag}}"><viewclass='date-gray-background'
  • 2023-09-21react基础操作
    组件之间进行参数传递首先我们创建一个组件,在我们的主程序中把数据传递过去import{useState}from'react'importSOMEfrom'./g6/ant-d-g6'import'./App.css'functionApp(){const[data,setData]=useState<String>('传递参数')return(
  • 2023-09-19【微信小程序】【Demo】Picker模糊查询组件
    微信小程序Picker模糊查询组件 pickerSelect.jsComponent({options:{//在组件定义时的选项中启用多slot支持multipleSlots:true},/***组件的属性列表*/properties:{//父组件传递过来的数据列表items:{type:Array,
  • 2023-08-31input的change事件根据placeholder计算公式计算结果
    1//change事件,根据公式计算2constchangeField=(field,data)=>{3//change事件计算公式徐文龙2023-08-17晚4letspecialChars=/[-+*/)(]/;//正则5for(leti=0;i<person.kpiList.length;i++){6constelement=person.kpiList[
  • 2023-08-16小程序手写tab切换下边框跟随移动特效
    简单效果就是这样,主要是用到微信的动画和获取元素信息left处理。具体来说就是先给红色的边一个固定位置,等到点击切换下一个按钮的时候,获取到下一个按钮的left信息,然后对红色边框使用translateX动画效果,代码如下:wxml<viewclass="tab"><viewbindtap="changeType"id="a1
  • 2023-08-13微信小程序视图容器 swiper
    滑块视图容器。属性类型默认值必填说明最低版本属性类型默认值必填说明最低版本indicator-dotsbooleanfalse否是否显示面板指示点1.0.0indicator-colorcolorrgba(0,0,0,.3)否指示点颜色1.1.0indicator-active-colorcolor#000000否当前选中的指
  • 2023-08-06小程序滑动删除
    参考项目:国际择校小程序,组件:movableView,提交版本:效果:使用了别人写的组件,cell动态高度需要计算,这块稍微麻烦一点计算高度代码:properties:{ item:{ type:Object, value:{}, observer:function(val){ console.log('---??',val,'type?',this.proper
  • 2023-08-04微信小程序8 data数据,双向绑定
    声明变量data我们每个页面文件(wxml)都有对应的js文件,点进去可以看到有data结构,这个就是存放变量的地方。data:{}我们写一个变量进去data:{message:"我是message变量"} 获取变量页面中使用<view>{{message}}</view>在js方法中调用变量,修改一下