草庐IT

Picker组件

全部标签

【微信小程序-原生开发】列表 - 拖拽排序(官方组件 movable-area 和 movable-view 的用法)

index.wxmlmovable-areastyle="width:100%;height:{{(dataList.length)*60}}px;">movable-viewclass="itemBox"style="z-index:{{index==moveId?2:1}}"wx:for="{{dataList}}"wx:key="index"y="{{item.y}}"direction="all"bind:change="moving"bind:touchend='moved'data-moveid="{{index}}">{{item.content}}movable-view>mo

大型Android项目架构:基于组件化+模块化+Kotlin+协程+Flow+Retrofit+Jetpack+MVVM架构实现WanAndroid客户端

前言:苟有恒,何必三更眠五更起;最无益,莫过一日曝十日寒。前言之前一直想写个WanAndroid项目来巩固自己对Kotlin+Jetpack+协程等知识的学习,但是一直没有时间。这里重新行动起来,从项目搭建到完成前前后后用了两个月时间,平常时间比较少,基本上都是只能利用零碎的时间来写。但不再是想写一个简单的玩安卓项目,我从多个大型项目中学习和吸取经验,从0到1打造一个符合大型项目的架构模式。这或许是一个缩影,但是麻雀虽小,五脏俱全,这肯定能给大家带来一些想法和思考。当然这个项目的功能并未全部完善,因为我们的目的不是造一个WanAndroid客户端,而是学习搭建和使用Kotlin+协程+Flow

微信小程序-组件

自定义组件-组件的创建与引用   1.创建组件      ①在项目的根目录中,鼠标右键,创建components->test文件夹      ②在新建的components->test 文件夹上,鼠标右键,点击“新建component”      ③ 键入组件的名称之后回车,会自动生成组件对应的4 个文件,后缀分别为.js,.json,.wxml和.wxss   2.引用组件    组件的引用方式为“局部引用” 和“全局引用”,顾名思义:  ·局部引用:组件只能在当前被引用的页面内使用     在页面的.json 配置文件中引用组件的方式,叫做“局部引用”。示例代码如下:   //在页面的.j

从0到1教你搭建前端团队的组件系统

前言随着vue/react这类以数据驱动为主的web框架的不断完善和壮大,越来越多的前端团队开始着手搭建内部的组件库。虽然目前市面上已经有很多功能强大且完善的组件库供我们使用,比如基于react的开源组件库ant-design,material,又比如基于vue的开源组件库elementUI,iView等。我们在开发管理系统或者中台产品时,完全可以使用这种第三方库来开发,因为首先其服务的用户群体比较小众,一般是企业或者运营人员来使用,重点在于功能和业务,所以在B端产品比较适合;另一点就是设计要求相对于C端产品会低一些,因为B端产品或者管理系统风格统一简单反而会降低使用者的学习成本。所以对于上述

小程序学习笔记 子组件与父组件之间互相传值

1.子组件与父组件之间互相传值(1)通过属性 父组件向子组件传值  核心代码:子组件中在data中定义一个值 页面中传递给组件 子组件通过properties接收 子组件页面上直接使用(2)通过自定义方法子组件向父组件传值父组件中自定义个一个自定义方法 父组件页面上绑定这个方法传递给子组件 子组件通过triggerEvent(事件名称,传递参数)来触发方法的调用即可把传递的值传递给父组件(3)获取组件实例可以在父组件里调用this.selectComponent("id或class选择器"),获取子组件的实例对象,从而直接访问子组件的任意数据和方法,调用时需要传入一个选择器,例如this.se

小白开发微信小程序09--表单组件之button/input/事件绑定

一、小程序组件分类微信团队为开发者提供了一系列基础组件,开发者可以通过组合这些基础组件进行快速开发。小程序中的组件也是非常丰富的,开发者可以基于组件快速搭建出漂亮的页面结构。小程序中的组件其实相当于网页中的HTML标签,只不过标签名字不一样。官方把小程序的组件分为了9大类,分别是:①视图容器②基础内容③表单组件④导航组件⑤媒体组件⑥地图组件⑦画布组件⑧开放能力⑨无障碍访问官方地址:https://developers.weixin.qq.com/miniprogram/dev/component/二、表单组件1、按钮button示例代码:2、input输入框3、事件1、什么是事件事件是视图层到

Android Studio —— Activity组件(课后作业:登录和注册App)

运行效果图 主界面(初始),注册界面,登录界面,主界面(注册和登录之后)实现步骤1.设计主界面,编写activity_main.xml注:(1)按钮的格式是自己设计的,如下注:(2)需编写strings.xml2.创建两个activity(会自动创建对应的layout布局文件) 3.设计登录和注册界面,编写activity_login.xml和activity_logon.xmlactivity_login.xml:activity_logon.xml:4. 编写三个.java文件(MainActivity,Login,Logon)MainActivity.javapackagecom.exa

uniapp+uview2.0+vuex实现自定义tabbar组件

效果图1.在components文件夹中新建MyTabbar组件2.组件代码template> viewclass="myTabbarBox":style="{backgroundColor:backgroundColor}"> u-tabbar:placeholder="true"zIndex="0":value="MyTabbarState"@change="tabbarChange":fixed="false" :activeColor="tabbarSet.activeColor":inactiveColor="tabbarSet.inactiveColor":safeAreaI

【JasperReports笔记02】如何使用Jasper Studio中的table组件制作简单表格模板文件,并且通过Java + Parameters参数填充表格数据

这篇文章,主要介绍如何使用JasperStudio中的table组件制作简单表格模板文件,并且通过Java+Parameters参数填充表格数据。目录一、Jasper制作表格模板1.1、制作模板文件(1)创建参数(2)添加table组件(3)添加表格列头(4)创建表格Field字段(5)表格使用Field字段(6)设置表格数据集来源1.2、使用Java填充模板文件(1)引入依赖(2)添加模板文件(3)编写JasperReportsUtil工具类(4)编写测试类(5)运行测试一、Jasper制作表格模板1.1、制作模板文件(1)创建参数首先打开JasperStudio开发工具,创建一个MyTab

angular实现全局组件

之前我们实现全局组件的第一种方式。我们是在定义了组件的时候通过在declares:[component],然后exports出该组件。最后在页面中每次导入该组件,而这次我们将采用另一种方式来实现1新建公用组件:navbreadcrumbnavbreadcrumb.component.htmlnavbreadcrumb.component.cssnavbreadcrumb.component.tsnavbreadcrumb.module.ts2新建一个share.module.ts,在该module中引入我们所有的公共组件,本例中只有一个导航组件NavbreadcrumbComponent(sh