tab切换

手摸手教你实现移动端滚动记忆（带分页）

因为这里使用了mui的下拉刷新的列表组件，要在tab切换时需要默认把滚动条重置到最顶部（从头开始浏览），refreshContainer为对应列
·2021-10-07 12:15

Vue.js 实现tab切换并变色操作讲解

在实现这个功能时借鉴的原博主的方法没有实现切换变色，琢磨了好久终于知道了怎么切换变色（小菜鸟的咆哮）！！！记录下来以供参考，以下是vue的完整tab页切换并变色的代码框架。​//tab页切换按钮部分{{item}}//内容主体部分内容一内容二exportdefault{data(){return{menuIndex:0,navList:['中间件详情','部署架构'],}}methods:{men
·2021-09-15 16:45

flutter 自定义bottomNavigationBar 底部导航栏

demo地址系统iconBottomNavigationBar是底部导航条，可以让我们定义底部Tab切换，bottomNavigationBar。是Scaffold组件的参数。
奋斗的小马达·2021-09-09 13:17

vue实现tab切换的放大镜效果

本文实例为大家分享了vue实现tab切换的放大镜效果的具体代码，供大家参考，具体内容如下废话不多说先看效果图1.我这里并没有加遮罩层，如有需要请自行加上2.图片建议使用4k高清图片，不然放大后模糊，影响观看心情
·2021-08-18 14:29

vue + element-ui 制作tab切换（切换vue组件，踩坑总结）

本篇文章使用vue结合element-ui开发tab切换vue的不同组件，每一个tab切换的都是一个新的组件。1、vue如何使用element-ui2、创建相应文件。
张宪宇·2021-07-23 11:59

高仿自如APP底部导航切换动画效果

前言最近抽时间模仿实现了自如APP的底部导航切换动画，其实我很忙的，也不知道在忙啥仿自如APP底部导航动画.gif正文自如APP底部Tab切换效果用的是SVGA动画，SVGA是一种跨平台的开源动画格式，
孔鹏飞·2021-07-09 16:15

简单实现QQ空间同款切换Tab

首先来看看QQ空间的Tab栏，中间一个加号，四个切换tab，接下来使用自定义VIew的方式来简单的实现这个Tab切换栏image.png与实际不同的效果都可以通过微调+换图片的方式来调整来看看自定义出来的效果屏幕录制
songdehuai·2021-06-25 06:25

小程序到固定元素后tab切换固定顶部

图一变为图二第一步：首页记录滚动到的元素距离顶部的位置uni.createSelectorQuery().selectAll('#fix').boundingClientRect(function(res){that.position=res[0].topthat.isGetPosition=1;}).exec();第二步：在小程序的滚动事件添加记录是否到达位置onPageScroll(e){va
恋雨_恋星空·2021-06-24 18:51

ionic3 tab切换

一、底部tab切换，默认选中第二个html:tabs.htmlts:tabs.tsimport{Component,ViewChild}from'@angular/core';import{Tabs}from'ionic-angular
猿奇·2021-06-23 20:29

Vue.js实现tab切换效果

Vue是一个小巧轻便的JavaScript库。它有一个简单易懂的API，能够让开发者在开发web应用的时候更加简易便捷。实际上，一直让Vue引以为豪的是它的便捷性、执行力、灵活性。目前在学习Vue.js。在学习的时候需要把手动操作DOM的思维去掉，因为Vue是数据驱动，不需要手动操作DOM。他通过一些特殊的hmtl语法，将DOM和数据绑定起来。一旦创建了绑定，DOM就会和数据保持同步，每当变更了数
申宝博客·2021-06-20 14:02

Lottie与SvgaPlayer的一些简单使用，以及使用lottie做一个简单的tab切换时图标动画

最近闲来无事，看到别的App有不少炫酷的动画，特地逆向研究了一番，大致看到两类，一种是lottie开发的，一种是SVGA实现的。大致效果如下：lottielottieSVGA这两种动画实现极大的简化开发人员的工作量，但是需要有一个好的设计师，至少会入门AEAIAN。在使用场景方面lottie主要是一些加载动画，引导页动画底部icon切换动画等一些轻量级动画，而svga主要是一些主播中的打赏动画，就
ghost9527·2021-06-20 01:47

iterm2

快捷键tab切换：cmd+数字键切屏：cmd+d(竖切)cmd+shift+d（横切）切屏间切换：cmd+]或者cmd+[关闭子屏：cmd+w屏内搜索：cmd+f
ShukeZheng·2021-06-15 14:48

vue-awesome-swiper 内容触摸滑动动画效果

Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。
小李不小·2021-06-15 07:30

Android MVP进阶：“修行在个人”

这段时间忙着公司的项目，都没找时间写写文章，今天就把这段时间整理的MVP知识再总结一下，这篇文章主要介绍我是如何使用MVP模式来实现主页多个Tab切换的场景的。
420_c35a·2021-06-14 00:09

css 实现不定数量的tab切换和页面切换

遇到了一个Vue框架的开发场景，切换tab并且下面的页面内容跟随联动，tab的数量不定，需要跟随页面伸缩。实际上是一个简单的导航，但是想用原生实现并且考虑到兼容性的话开始考虑了一会儿，最后用table布局和v-指令来解决吧，实现效果和代码如下：点击第一个tab：image.png点击第二个tab：image.png代码实现：{{item.pageContent}}letvmTest={data()
牛奶大泡芙·2021-06-13 13:40

React：吸顶+滚动tab联动

点击tab切换滚动到指定位置，滑动界面滚动到指定商品分类时，tab跟随切换。
猪猪行天下·2021-06-11 16:18

fetch-API-react实现tab切换的思路

cnode接口网址：https://cnodejs.org/Node.js专业中文社区APIhttps://cnodejs.org/apifetchAPI用Promise实现官网：http://www.ruanyifeng.com/blog/2020/12/fetch-tutorial.htmlfetch("https://cnodejs.org/api/v1/topics?tab=good").
alicemum·2021-06-09 04:38

Flutter 使用 BottomAppBar 自定义底部导航（中间浮出按钮）——优化篇

在之前的一篇博客Flutter使用BottomAppBar自定义底部导航（中间浮出按钮）中基本实现了点击底部Tab切换页面Page的操作，但是呢，有些问题。
极客飞·2021-06-06 10:45

fundamentals——图层

窗口——图层（快捷键F7）alt+click将一个图层复制到另一个ctrl+T自由变换拖拽将照片拽到另一个图层时按住shift——双击缩略图双击改名字——tab切换调整不透明度1）填数值2）鼠标拖动3）
Adosen·2021-06-06 09:33

echarts+bootstrap tab问题

echarts和bootstrap的tab插件联合使用时，当tab切换echarts并没有显示出来只有开始默认打开的tab内的echarts会显示，原因是echarts的实现基于div的宽高，tab切换时
快乐的大鹅·2021-06-05 10:16

vue实现tab切换的3种方式及切换保持数据状态

vue实现tab切换的3种方式一、v-show控制内容切换1.简单版原理：用点击事件改变num值作为开关，控制tab样式和内容显示隐藏。
·2021-06-04 14:32

Mac快捷键

COMMAND+N新建+T新建标签页+Q彻底关闭所有窗口+W逐个关闭标签页，关闭访达+Tab切换程序+Tab继续点击Q关闭所有程序+～在同一个程序的不同窗口间切换+delete删除光标后方文字～截屏～+
旅行行的蜗牛·2021-05-20 06:23

微信小程序笔记心得

微信小程序问题汇总及详解《一》form表单微信小程序问题汇总及详解《二》tab切换微信小程序问题汇总及详解《三》picker增、删微信小程序问题汇总及详解《四》图片上传和地图微信小程序问题汇总及详解《五
极乐叔·2021-05-19 15:47

纯CSS制作单页Web应用

在我之前写的使用hash制作单页Web应用一文中，讲到使用Javascript中的location.hash来制作单页Web应用，看到那么长一段JS只是为了实现一个简单的Tab切换，实在是有点大材小用了
前端王睿·2021-05-17 14:37

[Flutter]使用顶部切换导航TabBar

目前移动开发tab切换是一个很通用的功能，Flutter通过Material库提供了很方便的API来使用tab切换。
Brant白叔·2021-05-16 13:27

MacOS快捷键

管理多个桌面：Ctrl+箭头窗口操作关闭窗口：Command+W退出程序：Command+Q切换程序窗口：Command（长按）+tab切换输入法：Command（长按）+空格显示桌面：F11比如xcode
走道牙的人·2021-05-15 16:38

$nextTick、动态组件 keep-alive、Vue实现Tab切换

一、Vue3.x中组件的生命周期函数摘自官网的图LifeCycle.vue组件生命周期函数演示exportdefault{name:"",data(){return{}},methods:{},beforeCreate(){console.log("实例刚刚被创建1")},created(){console.log("实例已经创建完成2")},beforeMount(){console.log("
zwswood·2021-05-14 15:32

Mac 常用快捷键

常用快捷键Command+Tab任意情况下切换应用程序-向前循环Shift+Command+Tab切换应用程序-向后循环Command+Delete把选中的资源移到废纸篓Shift+Command+Delete
雨桥明夜·2021-05-14 02:21

微信小程序实现简单Tab切换效果

本文实例为大家分享了微信小程序实现Tab切换效果的具体代码，供大家参考，具体内容如下使用步骤代码如下（示例）：定义一个状态statusdata:{status:0,},代码如下（示例）：在点击切换时利用
·2021-05-13 09:06

JavaScript面向对象-实现tab切换

页面中有多个选项卡,采用面向对象的方式实现.代码简洁,有效减少代码冗余,便于后期维护Paste_Image.png大家可以在这个基础上根据需求进行扩展,将数据做成动态的...直接上代码吧!html页面结构:">">">![](img/001.png)![](img/002.png)![](img/003.png)">">">![](img/003.png)![](img/002.png)![](i
bob_play·2021-05-11 15:18

移动开发技术-类微信界面设计

2.项目需求根据课堂展示结果设计APP门户界面，包含4个tab切换效果。
YuZhiqi·2021-05-10 10:32

使用angular实现tab切换案例

Document*{margin:0;padding:0;}#tabWrapbutton.active{background-color:yellow;}#tabWrapdiv{width:200px;height:200px;background-color:#ccc;display:none;}#tabWrapdiv.active{display:block;}{{item.btn}}{{it
CHEN_Erhui·2021-05-08 03:16

Mac快捷键大全

Control-Tab转向下一个标签页Command-Option-esc打开强制退出窗口Ctrl-123Ctrl-tabchrometab切换Command-H隐藏（Hide）当前正在运行的应用程序窗口
tonyhopy·2021-05-05 23:25

vue使用动态组件实现TAB切换效果

问题描述tab切换的场景在开发中会经常用到。当需要实现这种效果的时候，我们常常会想到下面的方式去实现这个效果。方式一使用display:none;去控制dom元素的显示与隐藏。
·2021-05-03 15:50

Windows常用快捷键（未完，待续...）

+a全选ctrl+s保存ctrl+z撤销ctrl+f查找ctrl+t在当前浏览器窗口新建标签页ctrl+n在另一个浏览器窗口新建标签页ctrl+w关闭当前标签页或窗口ctrl+滚轮放大或缩小ctrl+tab
cjrfan·2021-05-02 04:00

tab切换

html:{{ind}}--{{index}}{{w}}css:.wrapdiv{width:300px;height:300px;background-color:#0cc;}.active{background-color:red;}js:方法一：varapp=newVue({el:"#app",data:{btn:{a:"按钮1",b:"按钮2",c:"按钮3"},box:{aa:"tab切
天字一等·2021-05-02 04:58

VUE学习：撸一只BILIBILI的ios客户端端

0.1版本界面：完成首页几个主要模块的制作，包括Home页的三个板块，以及分区动态的tab切换，界面由假数据驱动，在后期会接入真实的数据
yanlvji54·2021-04-30 01:57

Flutter学习中的问题记录: TabBarView & TabBar

使用TabBarView&TabBar遇到一个问题：tab切换的时候，每次都会执行initState。
老实巴交的读书人·2021-04-29 19:41

bootstrap tab中嵌入dataTable切换时头部显示错误的解决方案

一个比较有意思的问题，当bootstraptab中嵌套了jquerytable后，当进行tab切换的时候，table的header会显示错落，如下图所示：主要时因为当table被隐藏后，table的header
格吾刚哥·2021-04-29 02:24

原生JS封装vue Tab切换效果

本文实例为大家分享了原生JS封装vueTab切换的具体代码，供大家参考，具体内容如下先看效果图使用的技术vue,js,css3vue组件可以直接使用书友书单exportdefault{components
·2021-04-28 14:06

产品设计、好奇心和有趣

在设计商品楼层时，为了首页内容的“极大丰富”，我们决定在左边放几个“tab切换”。
晴烟渺渺·2021-04-22 10:59

H5新增标签 tab切换 水平垂直居中

HTML5新的标签标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自blog的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。标签定义article以外的内容。aside的内容应该与article的内容相关。标签定义声音，比如音乐或其他音频流。标签定义图形，比如图表和其他图像。这个HTML元素是为了客户端矢量图形而设计的。它自己没有行为，但却把一个绘图API展现给客户端
相识菩提·2021-04-19 08:20

H5新增标签、样式，手写tab切换 水平垂直居中

H5新增标签1.header:头部信息2.footer：页脚3.nav：导航链接的部分。4.main:主体5.section：独立的内容区块6.aside:侧边栏导航7.article:文章标签8.mark:标记，内容显示背景颜色，可以修改9.address:地址标签10.time:表示日期或时间，也可以同时表示两者，相当于span11.figure+figcaption：表示一段独立的内容，一般
_仗剑走天涯·2021-04-18 11:05

axios取消接口请求

1.应用场景，为什么要取消请求我给你这样一个场景你变能理解为什么需要取消请求这种骚操作了（非常常见的场景，这里是用vue写的）这是一个tab切换页并且这是一个只有一个dom结构的tab页，也就会说当前显示的
蜗牛先笙·2021-04-15 05:56

React+Antd 实现可增删改表格的示例

先把效果图和代码贴上去，主要用的是react+antdtable表格，点击编辑，打开弹窗，弹窗内是tab切换显示不同的form表单+可编辑表格，表格内操作栏"+"，表格内新增一行可编辑的数据，编辑，保存
·2021-04-14 20:11

Swiper.js插件超简单实现轮播图

能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。超好用话不多说，直接上教程1、首先加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件。
·2021-04-14 20:02

VUE100问

vue-cli工程vue.js核心知识vue-router路由vuex状态管理器axios等http请求移动端适配Tab切换等常用功能vue与原生app混合交互vue生产环境部署vue各项技术源码解析MVVM
武汉前端阿杰·2021-04-13 21:11

手把手带你一起写迅雷官网

(群里有许多的学习资料，需要的直接下载就可以了)QQ群:722384575一、学习目标项目准备导航轮播图CSS3特效Tab切换二、项目准备下载图片下载ic
乘风破浪的程序媛·2021-03-21 09:14

计算机使用通识（仅个人学习记录用）

计算机使用通识（仅个人学习记录用）常用快捷键Alt+F4关闭窗口shift+delet永久删除win+R运行运行窗口输入cmd命令行窗口（DOS）Win+E我的电脑Ctrl+shift+Esc任务管理器win+Tab
河鱼终入江·2021-02-08 20:26

2天用vue3.0实现《掘金 - 2020年度人气创作者榜单》网站

目前实现的功能有:列表展示，搜索，无限加载(与原网站有些区别，加了loading效果)，活动介绍，tab切换。
·2021-01-30 13:15
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他