- 求教大佬们react native 如何实现fiexd固定列
小时候丶_2e0a
上图是我用reactnative封装的一个table,但是固定列没有同步滚动fiexd的固定列,我的思路是将表格分为左右两个flatlist,分别放fiexd和非fiexd列,然后滚动右边的flatlist监听onScroll事件,并设置scrollEventThrottle频率次数,然后在onScroll的自定义方法里去同步更改左边的flatlist偏移。结果,数据量很少的时候还看不出什么,数据
- scrollTop
Jadon7
window.onscroll=function(){varoDiv=document.getElementById("div1");scrollTop=document.documentElement.scrollTop;//div距离页面顶部的距离=运动函数(parseInt取整((当前网页高度-div的实际高度)除以2+滑动距离)oDiv.style.top=motion(parseInt(
- 前端实现标题滚动点击导航
摸鱼少侠梁先生
前端
效果图右边滚动的html代码在mounted中要监听页面滚动window.removeEventListener('scroll',this.onScroll,false)要给父盒子去一个名称content_wrapper,然后在每一个标题盒子要roll_box类名滚动的方法isScrollNows是导航栏绑定的值onScroll(){//为每个标题都要有这个class名constnavConte
- 防抖和节流的实现
落花夕拾
/*节流的实现*/functionthottle(fn){lettimer;returnfunction(){if(!timer){timer=setTimeout(()=>{fn.apply(this,arguments);timer=null;},5000)}}}functionsy(){console.log("jiuliu")}//应用window.onscroll=throttle(sy
- 监听页面滚动&窗口宽度变化
hszz
监听页面滚动//this.onScroll监听滚动的处理函数//监听滚动window.addEventListener('scroll',this.onScroll,false)//卸载监听滚动window.removeEventListener('scroll',this.onScroll,false)//滚动条离顶部高度letscrollTop=document.documentElement
- android代码模拟ontouch事件,android ontouch事件分发机制(示例代码)
意大利老油条
android中onclick,onlongclick,onfling,onscroll等事件都是由多个ontouch事件构成,一个完整的触屏事件必须包含1个ACTION_DOWN(按下),多个ACTION_MOVE(移动),1个ACTION_UP(放开)构成,touch事件分发就是这些事件在viewgroup和view之间轮转的过程。1、viewgroup继承view,view中包含dispat
- 函数防抖(debounce)和函数节流(throttle)
MrTon_1965
防抖(debounce)如果下达该命令后,在t毫秒内再次下达该命令,只执行新命令最终效果:对于连续动作(动作间的时间间隔小于t),以最后一次为准实现方法:对于一个事件,每次都销毁一个计时器并创建一个计时器,具体的操作放在计时器里面;当操作过于频繁,那么计时器会被不断的销毁和创建,里面的操作只有当最后一个没有被销毁的时候,才会触发。范例letcommanddocument.body.onscroll
- 12-函数节流
仰望_IT
1.什么是函数节流[throttle]?函数节流也是优化高频率执行js代码的一种手段可以减少高频调用函数的执行次数2.函数节流作用减少代码执行次数,提升网页性能3.函数节流应用场景oninput/onmousemove/onscroll/onresize等事件4.函数节流和函数防抖区别函数节流是减少连续的高频操作函数执行次数(例如连续调用10次,可能只执行3-4次)函数防抖是让连续的高频操作时函数
- 样式操作练习
虎三呀
#info{width:300px;height:500px;background-color:#bfa;overflow:auto;}window.onload=function(){/**当垂直滚动条滚动到底时使表单项可用*onscroll*-该事件会在元素的滚动条滚动时触发*///获取id为info的p元素varinfo=document.getElementById("info");//获
- vuetify 回到顶部
边中之城
vuetifyjavascriptvue.js
参考链接//回到id=#app-content-container的dom节点顶部onScroll(){constele=document.querySelector('#app-content-container')//this.$vuetify.goTo(0,'duration')this.$vuetify.goTo('#app-content-container',{container:el
- javascript笔记5
michaelYH
时间Date对象方法及运算BOMwindow中常用方法window常用事件-onload加载事件和onunload卸载事件window中常用事件-onscroll滚动事件window中常用事件-onresize窗口变化事件时间//格里尼治时间//世界协调时间(1970年1月1日0点)Date对象方法及运算vard=Date();console.log(d);//TueSep04201818:17:
- 对联悬浮框
文茶君
这是智能社的一段代码,实现简单,主要是处理悬浮框的抖动问题,原因是因为有小数导致div浮动。所以使用parseInt转换成整数。#div1{width:100px;height:150px;background:red;position:absolute;right:0;bottom:0;}window.onscroll=function(){varoDiv=document.getElement
- scroll系列方法
白雪公主960
方法解释scrollHeight和scrollWidth对象内部的实际内容的高度/宽度(不包括border)scrollTop和scrollLeft被卷去部分的顶部/左侧到可视区域顶部/左侧的距离onscroll事件滚动条滚动触发的事件页面滚动坐标varscrollTop=window.pageYoffset||document.documentElement.scrollTop||documen
- JS学习第6天——PC端网页特效(元素偏移量offset、元素可视区client、元素滚动scroll、动画函数封装、节流阀、网页轮播图案例、mouseenter与mouseover区别)
离奇6厘米
JavaScriptjavascript学习前端
目录PC端网页特效一、元素偏移量offset系列offset与style的区别二、元素可视区client系列立即执行函数三、元素滚动scroll系列1、onscroll事件2、仿淘宝固定右侧侧边栏(小案例)3、页面被卷去的头部兼容性解决方案四、动画函数封装1、多个目标值之间移动2、动画函数添加回调函数五、常见网页特效案例1、节流阀2、网页轮播图案例3、筋头云案例六、mouseenter和mouse
- vue中滚动条和页面切换
小强不是蟑螂啊
1滚动今天在做网站的时候发现只要打开弹窗,页面就会抖动一下。最后浏览器滚动条的原因,后来设置html,body{height:100%;overflow:auto},但是在mouted周期的时候window.onscroll事件不起作用了。因为这时html高度是固定的,滑动的滚动条是body内滑动,这时候只要将document.body.onscroll绑定就可以了。2切换页面因为有些做的网站需要
- IntersectionObserver API的简单介绍及应用
儒雅的烤地瓜
Vue.js学习笔记JavaScript学习笔记vue.jsonscrollObserverjavascriptintersection
前言IntersectionObserver之前就有所了解,但是一直没有用,当时觉得浏览器兼容性不好,直接用onscroll监听也能实现相关功能,但是随着浏览器支持性越来越好,这个属性到迄今为止,可以用在大部分的正式项目中了,对于提升性能和用户体验,起到一定作用。浏览器兼容性我们先看看caniuse里面兼容性的这张图吧通过这个图来看,目前基本是是可以使用了!API简介该API的调用非常简单:var
- 解决抖动之函数防抖
普通码农
函数的抖动:简单来说就是一个函数在短时间内大量频繁调用,但是很多次调用都不是必须的在js中,哪些情况容易遇到抖动?到底哪些事件会频繁调用?鼠标移动事件移入移出事件input输入事件滚动条滚动事件(onscroll)尺寸改变事件(onresize)......而很多次函数其实没必要调用,他都是无效执行,所以要想办法解决;解决抖动之防抖防抖:就是防止函数内的代码在短时间内大量执行,只让它最终执行一次步
- 获取ListView/GridView当前滚动的距离(高度)
qq_28909387
android
原本以为ListView的OnScrollListener中onScroll方法可以得出ListView的滚动高度,12publicvoidonScroll(AbsListViewview,intfirstVisibleItem,intvisibleItemCount,inttotalItemCount){第一个参数AbsListView有getScrollY方法,以为这个getScrollY的值
- js 函数的防抖(debounce)与节流(throttle)
世俗ˊ
JavaScriptjavascript开发语言ecmascript
目录序言:防抖(debounce)节流(throttle)代码示例附录:关于节流/防抖函数中context(this)的指向解析:防抖函数中的this指向节流函数中的this指向序言:我们在平时开发的时候,会有很多场景会频繁触发事件,比如说搜索框实时发请求,onmousemove,resize,onscroll等等,有些时候,我们并不能或者不想频繁触发事件,咋办呢?这时候就应该用到函数防抖和函数节
- Android手势识别类,GestureDetector,ScaleGestureDetector
在下嗷呜
androidjava
Android程序使用中会有很多的手势,双击、长按、滑动、缩放等,我们可以通过手势识别类GestureDetector,ScaleGestureDetector进行识别。1.GestureDetector(1)包含方法onDown按下触发。onShowPress按下但尚未松开或移动手指时调用。onSingleTapUp单点后抬起触发。onScroll滑动触发。motionEvent:按下事件;mo
- html点击重新载入图片,移动端图片等比缩放适应屏幕,及图片懒加载、图片加载失败后点击重新加载...
weixin_39947908
html点击重新载入图片
先说一下整体思路图片链接存储在data-lazy中,当img移动到屏幕可视区域后,触发loadImg(),将data-lazy赋值给img的src属性。从而加载图片。HTML实现方式如下先监听屏幕的滚动事件调用throttle()window.onscroll=throttle(checkImgs());throttle()是一个节流操作,让高频连续触发的事件每隔一定的时间长度之后再做出响应。是有
- js防抖和节流
涅槃快乐是金
防抖和节流是针对响应跟不上触发频率这类问题的两种解决方案。应用场景有很多,输入框持续输入,将输入内容远程校验、多次触发点击事件、onScroll等等。处理不当或者放任不管就容易引起浏览器卡死。针对快速连续触发和不可控的高频触发问题,给出debounce和throttling了两种解决策略;防抖(debounce)策略是当事件被触发时,设定一个周期延迟执行动作,若期间又被触发,则重新设定周期,直到周
- js滑轮滚动监听
大牧师
滚轮事件滑轮监听
offsetHeight返回元素的height+padding+borderoffsetWidth返回元素的width+padding+borderonscroll事件,滚动条滚动是触发获取当滚动条向下滚动时,被滚下的高度:document.body.scrollTop当滚轮滚动是就会触发window的onscroll事件下面是百度截图下面是实例varbanner=document.querySe
- 防抖与节流详解
前端菜菜DayDayUp
JSjavascript
前言:在前端开发的过程中,会有很多场景会频繁触发事件,比如说搜索框实时发请求,onmousemove,resize,onscroll等等,但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。,咋办呢?这时候就应该用到函数防抖和函数节流了!1.概念防抖是指在一定时间内,在动作被连续频繁触发的情况下,动作只会被执行一次,也就是说当调用动作过n毫秒后,才会执行该动作,若在这n毫秒内又调用此
- 2020-10:节流&防抖及其应用场景和原理
Sylvia_2000
前端JavaScriptjsjavascript前端
文章目录1.防抖2.节流1.防抖只要不是最后一次触发,就不执行异步请求Documentvartimer//undefinedwindow.onscroll=function(){//如果当前timer不为空,说明前面有一个等待的请求还未发送。则清空计时,if(timer!==undefined){clearTimeout(timer)}//开始计时timer=setTimeout(()=>{//当
- 返回顶部,动画效果
plum_meizi
最简单的返回顶部就是window.scrollTo(0,0),但是这没有动画效果,我需要页面慢慢滚动的动画1.添加监听window.onscroll=()=>{constvscroll=document.documentElement.scrollTop||document.body.scrollTop;if(vscroll>1){this.isScroll=true;}else{this.isS
- 前端性能优化经典:javascript防抖节流
前端岚枫
大家好,我是前端岚枫,一枚二线城市的程序媛,今天主要跟大家分享我整理的前端的一些性能优化,js防抖节流,它是项目比较常见的性能优化方案,也是面试中常遇到的问题。希望下面文章对大家有所帮助。我们在做项目过程中会用一些方法,比如防抖、节流、去重、深拷贝浅拷贝、数组扁平化、乱序、柯里化等经典。我们平时在开发的时候,会有很多场景会频繁触发事件,比如搜索框实时发请求,onmousemove,onscroll
- react函数触底组件加载
是张鱼小丸子鸭
reactreact.jsjavascript前端
我们想要判断一个div是否已经触底了,我们首先要给这个div绑定一个onScroll属性,在这我们获取滚动条的高度,页面可视高度和滚动轴到顶部的距离scroll=(event)=>{//整个滚动的高度console.log(event.target.scrollHeight);//获取页面可视的高度console.log(event.target.clientHeight);//获取滚动条距顶部的
- 原生js判断触底加载更多
岁月如歌_
javascript前端css
//判断是否到底部window.onscroll=function(){//变量scrollTop是滚动条滚动时,距离顶部的距离varscrollTop=document.documentElement.scrollTop||document.body.scrollTop;//变量windowHeight是可视区的高度varwindowHeight=document.documentElement
- js 判断滚动到底部
小小优化师 anny
javascript前端vue.js
js滚动到底部判断//判断标准:窗口高度+滚动条位置>=页面高度/*--------------------------------------------*///原生JS判断整个文档滚动至底部window.onscroll=()=>{//窗口高度varwindowHeight=document.documentElement.clientHeight||document.body.clientH
- Enum 枚举
120153216
enum枚举
原文地址:http://www.cnblogs.com/Kavlez/p/4268601.html Enumeration
于Java 1.5增加的enum type...enum type是由一组固定的常量组成的类型,比如四个季节、扑克花色。在出现enum type之前,通常用一组int常量表示枚举类型。比如这样:
public static final int APPLE_FUJI = 0
- Java8简明教程
bijian1013
javajdk1.8
Java 8已于2014年3月18日正式发布了,新版本带来了诸多改进,包括Lambda表达式、Streams、日期时间API等等。本文就带你领略Java 8的全新特性。
一.允许在接口中有默认方法实现
Java 8 允许我们使用default关键字,为接口声明添
- Oracle表维护 快速备份删除数据
cuisuqiang
oracle索引快速备份删除
我知道oracle表分区,不过那是数据库设计阶段的事情,目前是远水解不了近渴。
当前的数据库表,要求保留一个月数据,且表存在大量录入更新,不存在程序删除。
为了解决频繁查询和更新的瓶颈,我在oracle内根据需要创建了索引。但是随着数据量的增加,一个半月数据就要超千万,此时就算有索引,对高并发的查询和更新来说,让然有所拖累。
为了解决这个问题,我一般一个月会进行一次数据库维护,主要工作就是备
- java多态内存分析
麦田的设计者
java内存分析多态原理接口和抽象类
“ 时针如果可以回头,熟悉那张脸,重温嬉戏这乐园,墙壁的松脱涂鸦已经褪色才明白存在的价值归于记忆。街角小店尚存在吗?这大时代会不会牵挂,过去现在花开怎么会等待。
但有种意外不管痛不痛都有伤害,光阴远远离开,那笑声徘徊与脑海。但这一秒可笑不再可爱,当天心
- Xshell实现Windows上传文件到Linux主机
被触发
windows
经常有这样的需求,我们在Windows下载的软件包,如何上传到远程Linux主机上?还有如何从Linux主机下载软件包到Windows下;之前我的做法现在看来好笨好繁琐,不过也达到了目的,笨人有本方法嘛;
我是怎么操作的:
1、打开一台本地Linux虚拟机,使用mount 挂载Windows的共享文件夹到Linux上,然后拷贝数据到Linux虚拟机里面;(经常第一步都不顺利,无法挂载Windo
- 类的加载ClassLoader
肆无忌惮_
ClassLoader
类加载器ClassLoader是用来将java的类加载到虚拟机中,类加载器负责读取class字节文件到内存中,并将它转为Class的对象(类对象),通过此实例的 newInstance()方法就可以创建出该类的一个对象。
其中重要的方法为findClass(String name)。
如何写一个自己的类加载器呢?
首先写一个便于测试的类Student
- html5写的玫瑰花
知了ing
html5
<html>
<head>
<title>I Love You!</title>
<meta charset="utf-8" />
</head>
<body>
<canvas id="c"></canvas>
- google的ConcurrentLinkedHashmap源代码解析
矮蛋蛋
LRU
原文地址:
http://janeky.iteye.com/blog/1534352
简述
ConcurrentLinkedHashMap 是google团队提供的一个容器。它有什么用呢?其实它本身是对
ConcurrentHashMap的封装,可以用来实现一个基于LRU策略的缓存。详细介绍可以参见
http://code.google.com/p/concurrentlinke
- webservice获取访问服务的ip地址
alleni123
webservice
1. 首先注入javax.xml.ws.WebServiceContext,
@Resource
private WebServiceContext context;
2. 在方法中获取交换请求的对象。
javax.xml.ws.handler.MessageContext mc=context.getMessageContext();
com.sun.net.http
- 菜鸟的java基础提升之道——————>是否值得拥有
百合不是茶
1,c++,java是面向对象编程的语言,将万事万物都看成是对象;java做一件事情关注的是人物,java是c++继承过来的,java没有直接更改地址的权限但是可以通过引用来传值操作地址,java也没有c++中繁琐的操作,java以其优越的可移植型,平台的安全型,高效性赢得了广泛的认同,全世界越来越多的人去学习java,我也是其中的一员
java组成:
- 通过修改Linux服务自动启动指定应用程序
bijian1013
linux
Linux中修改系统服务的命令是chkconfig (check config),命令的详细解释如下: chkconfig
功能说明:检查,设置系统的各种服务。
语 法:chkconfig [ -- add][ -- del][ -- list][系统服务] 或 chkconfig [ -- level <</SPAN>
- spring拦截器的一个简单实例
bijian1013
javaspring拦截器Interceptor
Purview接口
package aop;
public interface Purview {
void checkLogin();
}
Purview接口的实现类PurviesImpl.java
package aop;
public class PurviewImpl implements Purview {
public void check
- [Velocity二]自定义Velocity指令
bit1129
velocity
什么是Velocity指令
在Velocity中,#set,#if, #foreach, #elseif, #parse等,以#开头的称之为指令,Velocity内置的这些指令可以用来做赋值,条件判断,循环控制等脚本语言必备的逻辑控制等语句,Velocity的指令是可扩展的,即用户可以根据实际的需要自定义Velocity指令
自定义指令(Directive)的一般步骤
&nbs
- 【Hive十】Programming Hive学习笔记
bit1129
programming
第二章 Getting Started
1.Hive最大的局限性是什么?一是不支持行级别的增删改(insert, delete, update)二是查询性能非常差(基于Hadoop MapReduce),不适合延迟小的交互式任务三是不支持事务2. Hive MetaStore是干什么的?Hive persists table schemas and other system metadata.
- nginx有选择性进行限制
ronin47
nginx 动静 限制
http {
limit_conn_zone $binary_remote_addr zone=addr:10m;
limit_req_zone $binary_remote_addr zone=one:10m rate=5r/s;...
server {...
location ~.*\.(gif|png|css|js|icon)$ {
- java-4.-在二元树中找出和为某一值的所有路径 .
bylijinnan
java
/*
* 0.use a TwoWayLinkedList to store the path.when the node can't be path,you should/can delete it.
* 1.curSum==exceptedSum:if the lastNode is TreeNode,printPath();delete the node otherwise
- Netty学习笔记
bylijinnan
javanetty
本文是阅读以下两篇文章时:
http://seeallhearall.blogspot.com/2012/05/netty-tutorial-part-1-introduction-to.html
http://seeallhearall.blogspot.com/2012/06/netty-tutorial-part-15-on-channel.html
我的一些笔记
===
- js获取项目路径
cngolon
js
//js获取项目根路径,如: http://localhost:8083/uimcardprj
function getRootPath(){
//获取当前网址,如: http://localhost:8083/uimcardprj/share/meun.jsp
var curWwwPath=window.document.locati
- oracle 的性能优化
cuishikuan
oracleSQL Server
在网上搜索了一些Oracle性能优化的文章,为了更加深层次的巩固[边写边记],也为了可以随时查看,所以发表这篇文章。
1.ORACLE采用自下而上的顺序解析WHERE子句,根据这个原理,表之间的连接必须写在其他WHERE条件之前,那些可以过滤掉最大数量记录的条件必须写在WHERE子句的末尾。(这点本人曾经做过实例验证过,的确如此哦!
- Shell变量和数组使用详解
daizj
linuxshell变量数组
Shell 变量
定义变量时,变量名不加美元符号($,PHP语言中变量需要),如:
your_name="w3cschool.cc"
注意,变量名和等号之间不能有空格,这可能和你熟悉的所有编程语言都不一样。同时,变量名的命名须遵循如下规则:
首个字符必须为字母(a-z,A-Z)。
中间不能有空格,可以使用下划线(_)。
不能使用标点符号。
不能使用ba
- 编程中的一些概念,KISS、DRY、MVC、OOP、REST
dcj3sjt126com
REST
KISS、DRY、MVC、OOP、REST (1)KISS是指Keep It Simple,Stupid(摘自wikipedia),指设计时要坚持简约原则,避免不必要的复杂化。 (2)DRY是指Don't Repeat Yourself(摘自wikipedia),特指在程序设计以及计算中避免重复代码,因为这样会降低灵活性、简洁性,并且可能导致代码之间的矛盾。 (3)OOP 即Object-Orie
- [Android]设置Activity为全屏显示的两种方法
dcj3sjt126com
Activity
1. 方法1:AndroidManifest.xml 里,Activity的 android:theme 指定为" @android:style/Theme.NoTitleBar.Fullscreen" 示例: <application
- solrcloud 部署方式比较
eksliang
solrCloud
solrcloud 的部署其实有两种方式可选,那么我们在实践开发中应该怎样选择呢? 第一种:当启动solr服务器时,内嵌的启动一个Zookeeper服务器,然后将这些内嵌的Zookeeper服务器组成一个集群。 第二种:将Zookeeper服务器独立的配置一个集群,然后将solr交给Zookeeper进行管理
谈谈第一种:每启动一个solr服务器就内嵌的启动一个Zoo
- Java synchronized关键字详解
gqdy365
synchronized
转载自:http://www.cnblogs.com/mengdd/archive/2013/02/16/2913806.html
多线程的同步机制对资源进行加锁,使得在同一个时间,只有一个线程可以进行操作,同步用以解决多个线程同时访问时可能出现的问题。
同步机制可以使用synchronized关键字实现。
当synchronized关键字修饰一个方法的时候,该方法叫做同步方法。
当s
- js实现登录时记住用户名
hw1287789687
记住我记住密码cookie记住用户名记住账号
在页面中如何获取cookie值呢?
如果是JSP的话,可以通过servlet的对象request 获取cookie,可以
参考:http://hw1287789687.iteye.com/blog/2050040
如果要求登录页面是html呢?html页面中如何获取cookie呢?
直接上代码了
页面:loginInput.html
代码:
<!DOCTYPE html PUB
- 开发者必备的 Chrome 扩展
justjavac
chrome
Firebug:不用多介绍了吧https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench
ChromeSnifferPlus:Chrome 探测器,可以探测正在使用的开源软件或者 js 类库https://chrome.google.com/webstore/detail/chrome-sniffer-pl
- 算法机试题
李亚飞
java算法机试题
在面试机试时,遇到一个算法题,当时没能写出来,最后是同学帮忙解决的。
这道题大致意思是:输入一个数,比如4,。这时会输出:
&n
- 正确配置Linux系统ulimit值
字符串
ulimit
在Linux下面部 署应用的时候,有时候会遇上Socket/File: Can’t open so many files的问题;这个值也会影响服务器的最大并发数,其实Linux是有文件句柄限制的,而且Linux默认不是很高,一般都是1024,生产服务器用 其实很容易就达到这个数量。下面说的是,如何通过正解配置来改正这个系统默认值。因为这个问题是我配置Nginx+php5时遇到了,所以我将这篇归纳进
- hibernate调用返回游标的存储过程
Supanccy2013
javaDAOoracleHibernatejdbc
注:原创作品,转载请注明出处。
上篇博文介绍的是hibernate调用返回单值的存储过程,本片博文说的是hibernate调用返回游标的存储过程。
此此扁博文的存储过程的功能相当于是jdbc调用select 的作用。
1,创建oracle中的包,并在该包中创建的游标类型。
---创建oracle的程
- Spring 4.2新特性-更简单的Application Event
wiselyman
application
1.1 Application Event
Spring 4.1的写法请参考10点睛Spring4.1-Application Event
请对比10点睛Spring4.1-Application Event
使用一个@EventListener取代了实现ApplicationListener接口,使耦合度降低;
1.2 示例
包依赖
<p