• 2024-07-15uniapp 微信小程序阻止返回上一页
    自定义样式使用第二种方式第一种:wx.enableAlertBeforeUnload在开发者工具中预览效果微信小程序官网:点我onShow(()=>{wx.enableAlertBeforeUnload({message:"返回上页时弹出对话框",success:function(res){console.log("方法注册成功:",r
  • 2024-07-05Java解析并修改JSON:将isShow属性改为false
    哈喽,大家好,我是木头左!在Java中,可以使用各种库来处理JSON数据。其中,Jackson和Gson是两个非常流行且功能强大的库。在这篇文章中,将使用Jackson库来解析给定的JSON字符串,将其转换为Map对象,然后修改其中的"isShow"属性,最后再将其转回JSON字符串。准备工作:添加Jackson依赖需要在项
  • 2024-05-17v-for生成多个相似按钮并对部分样式进行控制
    情景:一个按钮列表,里面包含多个相似按钮,需要定义的属性有按钮名称、按钮值和点击切换样式的方法。结果示意: 代码:<buttonv-for="(item,index)inbtnList":key="index"@click="changeStatus(index)":title="item.name"class="{active:item.isShow}">{{item.
  • 2024-04-12HarmonyOS-基础之联系人案例
    使用前面学习的相关组件和api实现联系人的CRUD;效果如下父组件import{Contacts}from'../domain/Model'importContactsItemfrom'../components/ContactsItem'@Entry@ComponentstructContactsExample{//联系人数组@StatecontactsArr:Contacts[]=[
  • 2024-03-29Vue:实现子组件和父组件数据的双向绑定案例和sync修饰符简化
    实现子组件和父组件数据的双向绑定(实现App.vue中的selectId和子组件选中的数据进行双向绑定)代码案例BaseSelect.vue<template><div><select:value="selectId"@change="selectCity"><optionvalue="101">北京</option><op
  • 2024-01-29微信小程序:弹框
    一、自定义弹框组件1、组件定义在components目录下创建dialog文件夹,然后选择文件夹,右键,点击"新建Component",就会创建四个文件。如下所示:wxml<!--components/dialog/index.wxml--><viewwx:if="{{isShow}}"class="tip-area"><viewbindtap="hideClick"c
  • 2023-12-25Android 快速实现View的展开和收缩效果
    原文:Android快速实现View的展开和收缩效果-Stars-One的杂货小窝看到一篇文章用到了一个布局的属性animateLayoutChanges就能实现展开和收缩效果,特意记录一下效果代码<?xmlversion="1.0"encoding="utf-8"?><androidx.constraintlayout.widget.ConstraintLayoutxml
  • 2023-12-09微信小程序使用navigateBack返回上一页时如何传递参数
    需求A页面的数据跳转到B页面,B页面将A页面传递过来的数据进行处理后,将处理结果返回给A页面,并且路由栈中不会多余页面尝试办法varpages=getCurrentPages();varprevPage=pages[pages.length-2];//上一个页面prevPage.setData({img_url:e.tempFilePath,isSho
  • 2023-11-14微信小程序--自定义tabbar切换页面时,保留数据方案
    自定义的tabbar组件,每次切换页面时都会重新加载页面和数据,需要通过一些方法把tabbar菜单的数据保留下来,不要每次都请求数据。方案一:在app.js文件里定义全局数据(本次项目采用的是可以在后台管理里配置的数据,所以采用了方案一)1、在app.js文件里定义一个全局变量App({  globa
  • 2023-11-08React学习笔记20-父子通信(子传父)
    在React中子组件给父组件传参通过回调函数来进行。父组件给子组件传递一个回调函数作为属性。子组件在需要传递参数的地方调用父组件传递的回调函数即可。importReact,{Component}from'react'classNavbarextendsComponent{render(){return(
  • 2023-09-22点击指定按钮弹出指定按钮
    点击指定按钮弹出指定按钮(表格数据中,包含一列有操作按钮,点击某一按钮弹出相应的弹窗)首先给表格添加新的标识列,如果表格数据自带标识列可不加//将表格数据解构赋值给新增列isShow,indexuserData.value=userData.value.map((item,index1)=>{return{...item
  • 2023-07-08element table列表根据数据设置背景色
    效果页面代码通过:cell-class-name动态绑定类名<el-table:data="tableData"style="width:100%":cell-class-name="myclass"><el-table-columnprop="date"label="日期"width="180"></el-ta
  • 2023-06-25微信小程序开发《3. 视图与渲染》
    1.组件的基本使用组件这里不详细记录了,就当做一个帮助文档来阅读;官方文档2.数据的绑定主要通过{{xxx}}来绑定数据2.1.js文件里面data的设置Page({data:{text:'这里是内容!',}})2.2.wxml里面的设置<text>{{text}}</text>3.渲染标签的使用可以通过事件来进行切换;.j
  • 2023-06-09下拉菜单缓慢展开收起的动画过渡效果,vue2 CSS
    需求:点击下拉菜单按钮,显示子菜单并有过渡效果过渡效果:缓慢展开收起环境:vue2CSS分析:子菜单的高度有没有固定,如果子菜单的高度固定,可以设置高的变化添加过渡效果。如果高度不固定设置最大高度的变化添加过渡效果图片展示:展开状态收起状态 实现代码:<template><div>
  • 2023-02-09P23:React高级-CSS3实现react显示隐藏
    React16基础​​阐述​​​​新建一个Boss组件​​​​编写业务逻辑​​​​加入CSS动画​​​​Demo​​​​index.js​​​​exp.css​​​​Example.js​​​​Boss.js
  • 2022-11-14Vuex管理dialog、toast等常见全局性组件状态时唯一性的问题
    前言工作中经常会用到类似于dialog、toast、popover等一些状态提示组件。对于这种全局性的组件,通常会用到vuex来管理组件的信息。这样的好处是代码维护起来更加友好,但
  • 2022-10-08vue-5 条件渲染/ 列表渲染
    <template> <div>  <h1style="background-color:yellowgreen;width:auto;">--------v-if--------</h1>  条件:type==  <selectv-model="type"> 
  • 2022-09-20Vue3:Teleport
    TeleportVue鼓励我们通过将UI和相关行为封装到组件中来构建UI。我们可以将它们嵌套在另一个内部,以构建一个组成应用程序UI的树。然而,有时组件模板的一部分逻辑上属
  • 2022-08-29Vue 子组件修改父组件传递过来的值
    实现效果:通过点击选中的按钮控制左边的树是否进行展示    子组件篇:<el-buttonv-if="isShowTree&hasTree"type="text"icon="btn-arrowiconfontic