- 2024-10-25Jquery 元素点击显示隐藏，手风琴效果
记录一下：jquery常用的手风琴效果<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Docu
- 2024-08-11鸿蒙HarmonyOS NEXT开发：全屏模态转场
全屏模态转场通过bindContentCover属性为组件绑定全屏模态页面，在组件插入和删除时可通过设置转场参数ModalTransition显示过渡动效。说明：从APIVersion10开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。不支持横竖屏切换。不支持路由跳转。bin
- 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动画Demoindex.jsexp.cssExample.jsBoss.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