- 求教大佬们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
- 滑动一整屏
初晨未凉
前端javascript
需求:用户通过鼠标滚轮滑动的时候一整屏进行翻页。参考网站效果微派网络实现思路:1.首先我们需获取可视区域的高度document.documentElement.clientHeight;2.根据动态设置top属性即可进行翻页。3.需判断上滑还是下滑根据onmousewheel滚轮事件即可判断,开始时间为当前时间,结束时间为事件结束以后当时间,若是差值为负数到一定区间,即可判断为向上滑动,否则为向下
- 监听页面滚动&窗口宽度变化
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次)函数防抖是让连续的高频操作时函数
- hz-滚轮事件
zhanghongzhen
滚轮事件处理两个方面一是事件绑定一是获取滚轮属性值一事件绑定火狐是window.document.addEvenetListenr("DOMMouseScroll",funtion(){},false);其他window.onmousewheel=document.wheel=function(){}二是获取滚轮属性值火狐是delta正值是下负值是上大小为3其他wheeldelta正值是上负值是下
- 样式操作练习
虎三呀
#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
- Vue 实现图片监听鼠标滑轮滚动实现图片缩小放大功能
奶糖 肥晨
vuejsvue.js计算机外设javascript
前言其实想要实现功能很简单,就是在一张图片上监听鼠标滑轮滚动的事件,然后根据上滚还是下滚实现图片的缩放。效果:注:该配图使用《漫画|有趣的了解一下赋值、深浅拷贝》文章图片,不存在侵权问题。实现思路在js中,onmousewheel是鼠标滑轮滚动事件,可以通过这个事件触发来改变图片的大小,实现图片放大缩小功能。但是我们这里是vue所以使用的是:mousewheel。@mousewheel来监听鼠标滑
- scroll系列方法
白雪公主960
方法解释scrollHeight和scrollWidth对象内部的实际内容的高度/宽度(不包括border)scrollTop和scrollLeft被卷去部分的顶部/左侧到可视区域顶部/左侧的距离onscroll事件滚动条滚动触发的事件页面滚动坐标varscrollTop=window.pageYoffset||document.documentElement.scrollTop||documen
- 2016.01.02JS滚轮事件详解
芊芊简历
博客浏览器javascriptiefirefox
本人第一次写博客,有写的不好的地方请大家指正哈,也是刚刚学到的写一下印象稍微的深刻一下,好了废话不多说进入正题;JS滚轮事件还是一个比较复杂的东西,主要分为两个版本:1.ie/chrome下使用的是onmousewheel事件;2.火狐浏览器下是不支持这个事件的,其实现这个事件的方法主要是通过事件监听来实现的,DOMMouseScroll这个事件,使用方法:obj.addEventListener
- js--滚轮事件
米卡小米
jsjavascript前端servlet
Document#box1{width:100px;height:100px;background-color:blueviolet;}window.onload=function(){varbox1=document.getElementById('box1');box1.onmousewheel=function(event){event=event||window.event;if(even
- 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
- 滚轮事件
虎三呀
#box1{width:100px;height:100px;background-color:red;}window.onload=function(){//获取id为box1的divvarbox1=document.getElementById("box1");//为box1绑定一个鼠标滚轮滚动的事件/**onmousewheel鼠标滚轮滚动的事件,会在滚轮滚动时触发,*但是火狐不支持该属性*
- 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等等,有些时候,我们并不能或者不想频繁触发事件,咋办呢?这时候就应该用到函数防抖和函数节
- MFC鼠标事件-OnMouseMove移动OnMouseWheel缩放
爱上杨小厨
(1)目的说明:重新实现MFC中的鼠标事件函数,实现鼠标左键拖动效果和滚轮拖动效果。(2)鼠标事件说明:OnMouseMove响应鼠标移动事件OnMouseWheel响应鼠标中键的滚动(3)鼠标事件参数说明afx_msgvoidOnMouseMove(UINTnFlags,CPointpoint);nFlags说明:指示虚拟按键是否按下,此参数可以是任何下列值的组合MK_CONTROL当CTRL键
- 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
- java数字签名三种方式
知了ing
javajdk
以下3钟数字签名都是基于jdk7的
1,RSA
String password="test";
// 1.初始化密钥
KeyPairGenerator keyPairGenerator = KeyPairGenerator.getInstance("RSA");
keyPairGenerator.initialize(51
- Hibernate学习笔记
caoyong
Hibernate
1>、Hibernate是数据访问层框架,是一个ORM(Object Relation Mapping)框架,作者为:Gavin King
2>、搭建Hibernate的开发环境
a>、添加jar包:
aa>、hibernatte开发包中/lib/required/所
- 设计模式之装饰器模式Decorator(结构型)
漂泊一剑客
Decorator
1. 概述
若你从事过面向对象开发,实现给一个类或对象增加行为,使用继承机制,这是所有面向对象语言的一个基本特性。如果已经存在的一个类缺少某些方法,或者须要给方法添加更多的功能(魅力),你也许会仅仅继承这个类来产生一个新类—这建立在额外的代码上。
- 读取磁盘文件txt,并输入String
一炮送你回车库
String
public static void main(String[] args) throws IOException {
String fileContent = readFileContent("d:/aaa.txt");
System.out.println(fileContent);
- js三级联动下拉框
3213213333332132
三级联动
//三级联动
省/直辖市<select id="province"></select>
市/省直辖<select id="city"></select>
县/区 <select id="area"></select>
- erlang之parse_transform编译选项的应用
616050468
parse_transform游戏服务器属性同步abstract_code
最近使用erlang重构了游戏服务器的所有代码,之前看过C++/lua写的服务器引擎代码,引擎实现了玩家属性自动同步给前端和增量更新玩家数据到数据库的功能,这也是现在很多游戏服务器的优化方向,在引擎层面去解决数据同步和数据持久化,数据发生变化了业务层不需要关心怎么去同步给前端。由于游戏过程中玩家每个业务中玩家数据更改的量其实是很少
- JAVA JSON的解析
darkranger
java
// {
// “Total”:“条数”,
// Code: 1,
//
// “PaymentItems”:[
// {
// “PaymentItemID”:”支款单ID”,
// “PaymentCode”:”支款单编号”,
// “PaymentTime”:”支款日期”,
// ”ContractNo”:”合同号”,
//
- POJ-1273-Drainage Ditches
aijuans
ACM_POJ
POJ-1273-Drainage Ditches
http://poj.org/problem?id=1273
基本的最大流,按LRJ的白书写的
#include<iostream>
#include<cstring>
#include<queue>
using namespace std;
#define INF 0x7fffffff
int ma
- 工作流Activiti5表的命名及含义
atongyeye
工作流Activiti
activiti5 - http://activiti.org/designer/update在线插件安装
activiti5一共23张表
Activiti的表都以ACT_开头。 第二部分是表示表的用途的两个字母标识。 用途也和服务的API对应。
ACT_RE_*: 'RE'表示repository。 这个前缀的表包含了流程定义和流程静态资源 (图片,规则,等等)。
A
- android的广播机制和广播的简单使用
百合不是茶
android广播机制广播的注册
Android广播机制简介 在Android中,有一些操作完成以后,会发送广播,比如说发出一条短信,或打出一个电话,如果某个程序接收了这个广播,就会做相应的处理。这个广播跟我们传统意义中的电台广播有些相似之处。之所以叫做广播,就是因为它只负责“说”而不管你“听不听”,也就是不管你接收方如何处理。另外,广播可以被不只一个应用程序所接收,当然也可能不被任何应
- Spring事务传播行为详解
bijian1013
javaspring事务传播行为
在service类前加上@Transactional,声明这个service所有方法需要事务管理。每一个业务方法开始时都会打开一个事务。
Spring默认情况下会对运行期例外(RunTimeException)进行事务回滚。这
- eidtplus operate
征客丶
eidtplus
开启列模式: Alt+C 鼠标选择 OR Alt+鼠标左键拖动
列模式替换或复制内容(多行):
右键-->格式-->填充所选内容-->选择相应操作
OR
Ctrl+Shift+V(复制多行数据,必须行数一致)
-------------------------------------------------------
- 【Kafka一】Kafka入门
bit1129
kafka
这篇文章来自Spark集成Kafka(http://bit1129.iteye.com/blog/2174765),这里把它单独取出来,作为Kafka的入门吧
下载Kafka
http://mirror.bit.edu.cn/apache/kafka/0.8.1.1/kafka_2.10-0.8.1.1.tgz
2.10表示Scala的版本,而0.8.1.1表示Kafka
- Spring 事务实现机制
BlueSkator
spring代理事务
Spring是以代理的方式实现对事务的管理。我们在Action中所使用的Service对象,其实是代理对象的实例,并不是我们所写的Service对象实例。既然是两个不同的对象,那为什么我们在Action中可以象使用Service对象一样的使用代理对象呢?为了说明问题,假设有个Service类叫AService,它的Spring事务代理类为AProxyService,AService实现了一个接口
- bootstrap源码学习与示例:bootstrap-dropdown(转帖)
BreakingBad
bootstrapdropdown
bootstrap-dropdown组件是个烂东西,我读后的整体感觉。
一个下拉开菜单的设计:
<ul class="nav pull-right">
<li id="fat-menu" class="dropdown">
- 读《研磨设计模式》-代码笔记-中介者模式-Mediator
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
/*
* 中介者模式(Mediator):用一个中介对象来封装一系列的对象交互。
* 中介者使各对象不需要显式地相互引用,从而使其耦合松散,而且可以独立地改变它们之间的交互。
*
* 在我看来,Mediator模式是把多个对象(
- 常用代码记录
chenjunt3
UIExcelJ#
1、单据设置某行或某字段不能修改
//i是行号,"cash"是字段名称
getBillCardPanelWrapper().getBillCardPanel().getBillModel().setCellEditable(i, "cash", false);
//取得单据表体所有项用以上语句做循环就能设置整行了
getBillC
- 搜索引擎与工作流引擎
comsci
算法工作搜索引擎网络应用
最近在公司做和搜索有关的工作,(只是简单的应用开源工具集成到自己的产品中)工作流系统的进一步设计暂时放在一边了,偶然看到谷歌的研究员吴军写的数学之美系列中的搜索引擎与图论这篇文章中的介绍,我发现这样一个关系(仅仅是猜想)
-----搜索引擎和流程引擎的基础--都是图论,至少像在我在JWFD中引擎算法中用到的是自定义的广度优先
- oracle Health Monitor
daizj
oracleHealth Monitor
About Health Monitor
Beginning with Release 11g, Oracle Database includes a framework called Health Monitor for running diagnostic checks on the database.
About Health Monitor Checks
Health M
- JSON字符串转换为对象
dieslrae
javajson
作为前言,首先是要吐槽一下公司的脑残编译部署方式,web和core分开部署本来没什么问题,但是这丫居然不把json的包作为基础包而作为web的包,导致了core端不能使用,而且我们的core是可以当web来用的(不要在意这些细节),所以在core中处理json串就是个问题.没办法,跟编译那帮人也扯不清楚,只有自己写json的解析了.
- C语言学习八结构体,综合应用,学生管理系统
dcj3sjt126com
C语言
实现功能的代码:
# include <stdio.h>
# include <malloc.h>
struct Student
{
int age;
float score;
char name[100];
};
int main(void)
{
int len;
struct Student * pArr;
int i,
- vagrant学习笔记
dcj3sjt126com
vagrant
想了解多主机是如何定义和使用的, 所以又学习了一遍vagrant
1. vagrant virtualbox 下载安装
https://www.vagrantup.com/downloads.html
https://www.virtualbox.org/wiki/Downloads
查看安装在命令行输入vagrant
2.
- 14.性能优化-优化-软件配置优化
frank1234
软件配置性能优化
1.Tomcat线程池
修改tomcat的server.xml文件:
<Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" maxThreads="1200" m
- 一个不错的shell 脚本教程 入门级
HarborChung
linuxshell
一个不错的shell 脚本教程 入门级
建立一个脚本 Linux中有好多中不同的shell,但是通常我们使用bash (bourne again shell) 进行shell编程,因为bash是免费的并且很容易使用。所以在本文中笔者所提供的脚本都是使用bash(但是在大多数情况下,这些脚本同样可以在 bash的大姐,bourne shell中运行)。 如同其他语言一样
- Spring4新特性——核心容器的其他改进
jinnianshilongnian
spring动态代理spring4依赖注入
Spring4新特性——泛型限定式依赖注入
Spring4新特性——核心容器的其他改进
Spring4新特性——Web开发的增强
Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC
Spring4新特性——Groovy Bean定义DSL
Spring4新特性——更好的Java泛型操作API
Spring4新
- Linux设置tomcat开机启动
liuxingguome
tomcatlinux开机自启动
执行命令sudo gedit /etc/init.d/tomcat6
然后把以下英文部分复制过去。(注意第一句#!/bin/sh如果不写,就不是一个shell文件。然后将对应的jdk和tomcat换成你自己的目录就行了。
#!/bin/bash
#
# /etc/rc.d/init.d/tomcat
# init script for tomcat precesses
- 第13章 Ajax进阶(下)
onestopweb
Ajax
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/
- Troubleshooting Crystal Reports off BW
blueoxygen
BO
http://wiki.sdn.sap.com/wiki/display/BOBJ/Troubleshooting+Crystal+Reports+off+BW#TroubleshootingCrystalReportsoffBW-TracingBOE
Quite useful, especially this part:
SAP BW connectivity
For t
- Java开发熟手该当心的11个错误
tomcat_oracle
javajvm多线程单元测试
#1、不在属性文件或XML文件中外化配置属性。比如,没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中,还是UAT(用户验收
测试)环境中,都可以顺畅无阻地运行,但是一旦部署在PROD 上,把它作为多线程程序处理更大的数据集时,就会抛出IOException,原因可能是JDBC驱动版本不同,也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置,那么使它成为
- 正则表达式大全
yang852220741
html编程正则表达式
今天向大家分享正则表达式大全,它可以大提高你的工作效率
正则表达式也可以被当作是一门语言,当你学习一门新的编程语言的时候,他们是一个小的子语言。初看时觉得它没有任何的意义,但是很多时候,你不得不阅读一些教程,或文章来理解这些简单的描述模式。
一、校验数字的表达式
数字:^[0-9]*$
n位的数字:^\d{n}$
至少n位的数字:^\d{n,}$
m-n位的数字:^\d{m,n}$