vue 表头固定
利用ref操作dom元素,详情请看代码:html: {代码...} css: {代码...} js: {代码...} 如有更好的方法,欢迎大家一起讨论
scroll出现高度问题如何解决?
关于scroll的重点提醒当你使用scroll的这个组建不只调用一个接口数据的时候要注意必须要等待两个都加载完了才可调用scroll不然就会出现高度不完整的问题比如你下面的先加载出来,上面的还没加载出来,那么你的下面的滑动高度就会少了上面那个还没被加载出来的那个高度所以说我们要在下面或者说要在最后加载的那个组建当...
2020-04-17
初探uni-app框架 踩坑
近些天有接触到uni-app框架,使用HBuilderX软件进行编译,能生成多端项目文件,如微信、百度、支付宝小程序及Android和ios端,记录遇到的问题
使用APICloud开发app的性能提升实践
一、为什么说这个问题?首先我是一名前端开发者,使用过的开发方式有,APICloud、原生开发、自己混合打包开发。这些都是根据不同的业务需求,用不同的开发方式,有的只需要安卓开发的需求,有需要安卓和iOS开发的需求,还有一些要h5和安卓等等。根据这些就做了相应的研究。
angular组件-特殊的瀑布流(原创)
正如上篇文章说的,由于项目中的样式有点特殊要求,所以自己在项目中写了一个瀑布流组件,在这里分享下,由于最近没太多时间,趁中秋把这个组件发上来,写的不是很详细,毕竟中秋,我的心已经发出去啦。有问题的可以留言,多谢大家支持
2016-09-17
纯CSS打造淘宝导航菜单栏
进入CSS导航在线生成工具页面([链接] 如果不能点击打开,请复制网址到时浏览器中打开), 想了解更多样式,可以来这里学习css : [链接] 转载于猿2048:➩《纯CSS打造淘宝导航菜单栏》
2019-08-20
革命性创新,动画杀手锏 @scroll-timeline
在 CSS 规范 Scroll-linked Animations 中,推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule,直译过来就是滚动时间线。本文,就将带大家一探究竟,从入门到学会使用 CSS @scroll-timeline。何为 @scroll-timeline 滚动时间线?什么是 @scroll-timeline 滚动时间线呢?@scroll-timeline 能够设定...
一个页面tab标签切换,都有scroll事件的解决办法
当前页有多个tab,如果都有scroll事件, 先解绑$(window).off('scroll') 再执行scroll就不可以了,多个标签就不会互相干扰; 给你们个例子: //标签切换 $('.tab>a').on('click',function(){ $(this).addClass('Cur').siblings().removeClass('Cur'); $('.Content>div').eq($(thi...
2019-10-29
uniapp滚动加载
第一种:onPageScroll方法是uniapp自带的监听页面滚动的方法onPageScroll(event){ {代码...} query.selectAll('.proposal-list').boundingClientRect((res)=>{ {代码...} return rect.top < 71 && rect.top > (71 - rect.height) {代码...} this.currentTab = index}).exec() {代码...} }⚠️注意:这个body一定...
2024-10-10
使用react做一个页面滚动的效果
{代码...}
2022-03-20
使用 RxJs 实现一个支持 infinite scroll 的 Angular Component
首先看看我这个支持 infinite scroll 的 Angular 应用的运行时效果:[链接]滚动鼠标中键,向下滚动,可以触发 list 不断向后台发起请求,加载新的数据:下面是具体的开发步骤。(1) app.component.html 的源代码: {代码...} 这里我们给列表元素 ul 施加了一个自定义指令 appInfiniteScroller,从而为它赋予了支持 infini...
2022-02-14
「Android」Activity的工作过程
「Android」Activity的工作过程流程图 {代码...} 参考[链接]
2021-08-27
vue_music:搜索search.vue
1. 经典搜索框search-box.vue 通用组件的设计原则:解耦 1. 通过props,传递placeholder信息 {代码...} 2. 派发输入框中的输入值query {代码...} 3. 移动端收起键盘 开始滚动的时候在移动端输入框的键盘收缩,由父组件search.vue中开始滚动派发的事件,调用该方法,参考图片 {代码...} 2. 搜索框下拉加载更多 1. 滚动至...
第14章 使用Kotlin 进行 Android 开发2
这个 ItemDetailFragment 表示单个 Item 详细信息。此片段在双窗格模式 (在平板电脑上) 包含在 ItemListActivity 中,在手机上则是包含在ItemDetailActivity中。其 Kotlin 代码如下
不管什么浏览器,隐藏滚动条还可以滚动?
overflow-x: scroll;overflow-y: hidden;scrollbar-width: none;
2021-02-26
六、Uniapp+vue+腾讯IM+腾讯音视频开发仿微信IM,支持各类消息收发,音视频通话,附vue源码-聊天界面容器的实现
一般情况下,开发者会采用直接在对应的界面中实现聊天界面UI的方式做开发。这种开发思路无可厚非,但是如果我们要实现跨平台的聊天IM,那么我们不免要遇到组件之间的事件冲突,多平台表现差距的问题,特别是在聊天中我们还需要实现滚动加载。如果说我们在每个界面都实现了一套代码,那么会导致整体代码的可维护性下降,...
2022-01-10
Android Scroll详解(三):Android 绘制过程详解
本篇为Android Scroll系列文章的最后一篇,主要讲解Android视图绘制机制,由于本系列文章内容都是视图滚动相关的,所以,本篇从视图内容滚动的视角来梳理视图绘制过程。