- 悬浮工具球(仿 iphone 辅助触控)
liuzhenghe30265
iphoneiosvue.js前端javascript
悬浮工具球(仿iphone辅助触控)兼容移动端touch事件点击元素以外位置收起解决鼠标抬起触发元素的点击事件问题DemoGithub{{index+1}}//创建一个全局的点击事件处理函数consthandleClickOutside=(event,el,binding)=>{//检查点击的元素是否在绑定的元素内部if(!(el===event.target||el.contains(event
- js获取点击的dom
椿天在哪里
javascript前端vue.js
可以使用事件对象来获取点击的DOM元素,如下所示:document.addEventListener('click',function(event){consttarget=event.target;console.log('点击的DOM元素是:',target);});在事件函数的参数中,event.target表示最初被点击的元素。如果需要获取点击的父级元素(如点击了某个按钮,而不只是该按钮内
- 事件(三)事件对象
祝名
六.事件对象event||window.event用于IE事件源对象:事件对象上的属性,是事件触发的源头event.target火狐只有这个event.srcElementIE只有这个这俩chrome都有//html//jsvarwrapper=document.getElementsByClassName('wrapper');varbox=document.getElementsByClass
- 基于html+js实现轮播图(自动轮播、左右按钮、小圆点点击及切换图片)
未休95
JavaScriptHTMLjavascripthtml前端
使用html和js实现的一个简单小练习轮播图。大概功能主要是:1、使用时间函数自动切换图片;2、在图片及按钮及小圆点的父节点身上绑定事件代理,添加mouseenter及mouseleave事件类型,让鼠标移入,图片暂停,移出,图片恢复轮播;3、在按钮的父节点身上绑定事件代理,事件类型为click,使用event.target判断点击的目标范围,让左右两个按钮,点击可以切换上一张或下一张;4、给图片
- jQuery 滑动
暖A暖
本节我们学习jQuery中的滑动,我们可以通过slideDown()、slideUp()、slideToggle()方法来实现元素的滑动效果。slideDown()方法slideDown()方法用于实现元素向下滑动效果。如果元素已隐藏,则显示被选元素。语法如下:$(selector).slideDown(speed,callback);参数speed用于规定效果的时长,可选值有slow、fast、
- jQuery特殊效果
牛耀
$(function(){$('#btn').click(function(){$('.box').fadeOut();//淡出$('.box').fadeIn();//淡入$('.box').fadeToggle();//切换淡入淡出$('.box').toggle();//切换显示隐藏$('.box').slideToggle();//切换上收和下展})})
- Vue2.0 修饰符、绑定样式、计算属性以及侦听属性
前端小白李小小
vue.js前端javascript
一、修饰符1.事件修饰符:事件修饰符是对事件捕获以及目标进行了处理(语法:@事件名.修饰符)(1)stop:阻止了事件冒泡,相当于调用了event.stopPropagation方法(2)prevent:阻止了事件默认行为,相当于调用了event.preventDefault方法(3)self:只有在event.target是当前元素自身时触发(4)once:绑定的事件只能触发一次(5)captu
- html5 draggable 随意拖动任意位置
书中自有妍如玉
前端html5前端html
functiondrag_start(event){varstyle=window.getComputedStyle(event.target,null);event.dataTransfer.setData("text/plain",(parseInt(style.getPropertyValue("left"),10)-event.clientX)+','+(parseInt(style.ge
- jquery语法知识(事件对象)
糖糖糖果88
jQueryjquery前端javascript
事件对象1、event.currentTarget事件的监听者2、event.target事件的目标p{width:100px;height:60px;background-color:red;}clickme$(function(){$("div").on("click",function(e){console.log($(e.currentTarget));console.log($(e.ta
- 点击元素当前元素外的元素,隐藏当前元素
命题_1f6e
function(event){letsp=document.getElementById('div')if(sp){if(!sp.contains(event.target)&&event.target!=div){//不是}else{}}}
- jquery里面去判断一个DIV是否显示
深夜的烟
Jqueryjquerydivfunction
我这个div是通过slideToggle来控制显示和隐藏的。我想在显示前作一个事件,而在隐藏后再做一个事件。答1:if(!$("#id").is(":hidden")){//显示前要写的代码}$("#id").slideToggle(600,function(){if($(this).is(":hidden")){//添加你隐藏后要写的代码}});答2:可以用:animated来确定是不是动画正在
- 第36章 jQuery 如下函数如何使用?演示使用方式
kzc爱吃梨
.show().hide().slideUp.slideDown.slideToggle.fadeIn.fadeOut.animate.hide([duration][,easing][,complete])用于隐藏元素,没有参数的时候等同于直接设置display属性看几个例子$('.target').hide();//等同于$('.target').css('display','none')$(
- 解决vue项目中@mousemove 事件 子元素触发了父元素事件
俺叫陈子健
拖拽vuecssjavascript
在Vue项目中使用@mousemove事件从$event中获取x与y轴时,如果绑定此事件的元素内还有别的子元素那么同样会触发mousemove事件,但是$event.target会是这个子元素,到这一步就算通过parentElement来获取父元素也拿不到此时鼠标在元素内的位置了所以可以使用C3新增的一个属性pointer-events:none;该属性会禁止掉所有的鼠标事件而且拥有继承性给子元素
- 单选按钮i-check选中触发
廿二又
web前端i-check单选按钮
//单选按钮选中触发$('.carries_type').on('ifChecked',function(event){debugger;alert($(event.target).val());});//取单选按钮值$("#typeRadiobuttonsinput.i-checks:radio").each(function(){if(true==$(this).is(':checked'))
- vue笔记
不识地理不懂距离
简写v-bind:v-on@计算属性是响应式,值更新再计算,函数不是,每次都调用函数v-if:假的时候不渲染v-show始终渲染,只改变display属性不建议v-if与v-for一起使用多行字符串可以添加\增加易读性event.target返回是哪个DOM组件触发了事件.passive执行默认方法会忽略掉.prevent可以通过全局config.keyCodes对象自定义按键修饰符别名://可以
- 事件委托
Mr丶刘霏霏
事件委托利用冒泡的原理,把事件加到父级上,触发执行效果。把该是自己的事件交给其他标签来完成,就是事件委托!把li的事件委托给父元素ul来完成。事件委托只能是把子元素的事件委托给父元素。1:事假委托的优点:1:提高代码性能,运行速度加快2:节省内存空间2:事件源的兼容target是event对象下面的属性,这个属性指向事件源event.target是w3c的写法,ie浏览器不支持event.srcE
- Vue 修饰符有哪些
&ACE&
vue.js前端javascript
事件修饰符.stop阻止事件继续传播.prevent阻止标签默认行为.capture使用事件捕获模式,即元素自身触发的事件先在此处处理,然后才交由内部元素进行处理.self只当在event.target是当前元素自身时触发处理函数.once事件将只会触发一次.passive告诉浏览器你不想阻止事件的默认行为v-model的修饰符.lazy通过这个修饰符,转变为在change事件再同步.number
- vue click时获取与操作父、子、兄弟元素
myProject-code
vue.js前端javascript
click(event){//当前点击的元素event.target;//绑定事件的元素event.currentTarget;//(target与currentTarget的区别主要体现在使用事件委托时,发生事件委托时,//点击的元素与绑定事件的元素非同一元素,反之不发生事件委托时,两者相同,是同一元素)//获得绑定事件元素的前一个节点信息(包含元素节点、属性节点、文本节点、注释节点)event
- jQuery之滑入与滑出
远近高低各不同
jquery前端javascript
在我们jQuery中为我们封装了许多好玩的东西,让我为大家介绍一下滑入与滑出吧!slideUp()滑出slideDown()滑入slideToggle()切换滑入滑出div{width:200px;height:300px;background-color:red;}点击滑出点击滑入点击切换滑入滑出//给淡出button设置点击事件$("button").eq(0).click(function(
- vue中的事件修饰符、表单双向数据绑定和计算属性
从明天开始好好学习前端
vue.js前端javascript前端框架
目录一、事件修饰符二、表单双向数据绑定模拟双向数据绑定(双向数据绑定底层原理)三、计算属性计算属性和methods方法区别?计算属性和watch区别?一、事件修饰符stop阻止事件冒泡prevent阻止事件默认行为capture事件捕获阶段执行self仅当当前元素是event.target触发once执行一次事件passive与scroll滚动事件连用百度一下我是一个div我是一个div我是一个d
- vue自定义指令
唐十八_wei
vue.jsjavascript前端
/*eslint-disable*/import{classOf}from"./common";exportdefault(Vue)=>{Vue.directive('justify-width',{bind(element){element._$loadWidthHandler=(event)=>{letimg=event.target;img.style.setProperty('width'
- vue实现限制input只能输入中文
SangBigYe
前端jsvueinputelementui
input增加参数@keyup.native="inputChange($event)"@keydown.native="inputChange($event)"增加方法inputChange(event){constval=event.target;val.value=val.value.replace(/[^\u4E00-\u9FA5]/g,'');this.name=val.value;},
- #名词区别篇:事件流&事件委托&白屏时间&首屏时间
Random_index
名词区别篇前端javascript开发语言
事件流事件捕获—从外到内到达目标事件冒泡—从内到外事件委托定义:当有大量子元素触发事件时,将事件监听器绑定在父元素进行监听,此时数百个事件监听器变成一个监听器。e.currentTarget与e.target有何区别Event接口的只读属性currentTarget表示的,标识是当事件沿着DOM触发时事件的当前目标。它总是指向事件绑定的元素,而Event.target则是事件触发的元素。addEv
- 事件对象event.target的常用属性
丶灰太狼他叔
1、event阻止默认行为的方法为,如a标签:$("a").click(function(event){event.preventDefault();});3、event的兼容性写法:在IE下event为window下的一个对象,所以应写为window.event//IE是把event事件对象作为全局对象window的一个属性;可以使用event或window.event来访问;//FireFox
- name query 路由传参路径不显示参数
一只川
web前端vue
vue遇到的问题:router已经配置了name使用query传递参数但是路径不显示参数这是代码{{c1.categoryName}}{{c2.categoryName}}{{c3.categoryName}}这是js代码goSearch(event){//1-给每一级的a标签添加data-categoryname属性letele=event.target;//获取当前触发的事件的节点,需要带有d
- jQuery基本动画
Python_1981
#jQuery模块jquery前端javascript
jQuery库中的一些用于操作DOM元素的方法,包括显示、隐藏、滑动和淡入淡出等动画效果。在jQuery中,show(),hide(),toggle(),slideDown(),slideUp(),slideToggle(),fadeIn(),fadeOut(),fadeTo()和fadeToggle()这些方法都可用于对DOM元素进行操作,实现元素的显示、隐藏、滑动和淡入淡出等效果。这些方法中的
- 获取鼠标所在位置的元素、元素是否为某元素子元素
从不放弃
1、获取鼠标所在位置的元素varel=window.document.body;//声明一个变量,默认值为bodywindow.document.body.onmouseover=function(event){el=event.target;//鼠标每经过一个元素,就把该元素赋值给变量elconsole.log('鼠标所在位置的元素为:'+el);};2、元素是否为某元素子元素varflag=f
- Educoder/头歌JAVA——jQuery动画
陆小玖
jqueryjavajavascript
目录第一关:jQuery动画效果——隐藏/显示相关知识show()和hide()toggle()编程要求第2关:jQuery动画效果——淡入淡出相关知识fadeIn(),fadeOut()和fadeToggle()fadeTo()编程要求第3关:jQuery动画效果——滑动相关知识slideDown(),slideUp()和slideToggle()第4关:jQuery动画效果——自定义动画相关知
- ionic 实现动态高度的textarea
种提莫的蘑菇
1.首先是在HTML中要有对应的元素:2.就是核心。ts的实现://首先是导入import{ElementRef,HostListener}from'@angular/core';创建监听@HostListener('input',['$event.target'])onInput(textArea:HTMLTextAreaElement):void{this.adjust();}//ngOnIn
- 一个简单的注册的页面,如有错误请指正;(3.JavaScript)
IKUNzhenin
js理论知识点js练手功能js中的功能的特性javascriptokhttp开发语言
这段代码是一个JavaScript函数,实现了用户登录和上传图片的功能,并包含了一些辅助函数。让我一一解释:1.`login()`:这个函数用于登录操作。首先,通过`$('#name').val()`来获取ID为`name`的元素的值,同理获取其他元素的值。然后,通过条件判断检查这些值是否为空。如果为空,通过`$('#alert').slideToggle(200)`来显示一个警示框;否则,使用`
- Maven
Array_06
eclipsejdkmaven
Maven
Maven是基于项目对象模型(POM), 信息来管理项目的构建,报告和文档的软件项目管理工具。
Maven 除了以程序构建能力为特色之外,还提供高级项目管理工具。由于 Maven 的缺省构建规则有较高的可重用性,所以常常用两三行 Maven 构建脚本就可以构建简单的项目。由于 Maven 的面向项目的方法,许多 Apache Jakarta 项目发文时使用 Maven,而且公司
- ibatis的queyrForList和queryForMap区别
bijian1013
javaibatis
一.说明
iBatis的返回值参数类型也有种:resultMap与resultClass,这两种类型的选择可以用两句话说明之:
1.当结果集列名和类的属性名完全相对应的时候,则可直接用resultClass直接指定查询结果类
- LeetCode[位运算] - #191 计算汉明权重
Cwind
java位运算LeetCodeAlgorithm题解
原题链接:#191 Number of 1 Bits
要求:
写一个函数,以一个无符号整数为参数,返回其汉明权重。例如,‘11’的二进制表示为'00000000000000000000000000001011', 故函数应当返回3。
汉明权重:指一个字符串中非零字符的个数;对于二进制串,即其中‘1’的个数。
难度:简单
分析:
将十进制参数转换为二进制,然后计算其中1的个数即可。
“
- 浅谈java类与对象
15700786134
java
java是一门面向对象的编程语言,类与对象是其最基本的概念。所谓对象,就是一个个具体的物体,一个人,一台电脑,都是对象。而类,就是对象的一种抽象,是多个对象具有的共性的一种集合,其中包含了属性与方法,就是属于该类的对象所具有的共性。当一个类创建了对象,这个对象就拥有了该类全部的属性,方法。相比于结构化的编程思路,面向对象更适用于人的思维
- linux下双网卡同一个IP
被触发
linux
转自:
http://q2482696735.blog.163.com/blog/static/250606077201569029441/
由于需要一台机器有两个网卡,开始时设置在同一个网段的IP,发现数据总是从一个网卡发出,而另一个网卡上没有数据流动。网上找了下,发现相同的问题不少:
一、
关于双网卡设置同一网段IP然后连接交换机的时候出现的奇怪现象。当时没有怎么思考、以为是生成树
- 安卓按主页键隐藏程序之后无法再次打开
肆无忌惮_
安卓
遇到一个奇怪的问题,当SplashActivity跳转到MainActivity之后,按主页键,再去打开程序,程序没法再打开(闪一下),结束任务再开也是这样,只能卸载了再重装。而且每次在Log里都打印了这句话"进入主程序"。后来发现是必须跳转之后再finish掉SplashActivity
本来代码:
// 销毁这个Activity
fin
- 通过cookie保存并读取用户登录信息实例
知了ing
JavaScripthtml
通过cookie的getCookies()方法可获取所有cookie对象的集合;通过getName()方法可以获取指定的名称的cookie;通过getValue()方法获取到cookie对象的值。另外,将一个cookie对象发送到客户端,使用response对象的addCookie()方法。
下面通过cookie保存并读取用户登录信息的例子加深一下理解。
(1)创建index.jsp文件。在改
- JAVA 对象池
矮蛋蛋
javaObjectPool
原文地址:
http://www.blogjava.net/baoyaer/articles/218460.html
Jakarta对象池
☆为什么使用对象池
恰当地使用对象池化技术,可以有效地减少对象生成和初始化时的消耗,提高系统的运行效率。Jakarta Commons Pool组件提供了一整套用于实现对象池化
- ArrayList根据条件+for循环批量删除的方法
alleni123
java
场景如下:
ArrayList<Obj> list
Obj-> createTime, sid.
现在要根据obj的createTime来进行定期清理。(释放内存)
-------------------------
首先想到的方法就是
for(Obj o:list){
if(o.createTime-currentT>xxx){
- 阿里巴巴“耕地宝”大战各种宝
百合不是茶
平台战略
“耕地保”平台是阿里巴巴和安徽农民共同推出的一个 “首个互联网定制私人农场”,“耕地宝”由阿里巴巴投入一亿 ,主要是用来进行农业方面,将农民手中的散地集中起来 不仅加大农民集体在土地上面的话语权,还增加了土地的流通与 利用率,提高了土地的产量,有利于大规模的产业化的高科技农业的 发展,阿里在农业上的探索将会引起新一轮的产业调整,但是集体化之后农民的个体的话语权 将更少,国家应出台相应的法律法规保护
- Spring注入有继承关系的类(1)
bijian1013
javaspring
一个类一个类的注入
1.AClass类
package com.bijian.spring.test2;
public class AClass {
String a;
String b;
public String getA() {
return a;
}
public void setA(Strin
- 30岁转型期你能否成为成功人士
bijian1013
成功
很多人由于年轻时走了弯路,到了30岁一事无成,这样的例子大有人在。但同样也有一些人,整个职业生涯都发展得很优秀,到了30岁已经成为职场的精英阶层。由于做猎头的原因,我们接触很多30岁左右的经理人,发现他们在职业发展道路上往往有很多致命的问题。在30岁之前,他们的职业生涯表现很优秀,但从30岁到40岁这一段,很多人
- [Velocity三]基于Servlet+Velocity的web应用
bit1129
velocity
什么是VelocityViewServlet
使用org.apache.velocity.tools.view.VelocityViewServlet可以将Velocity集成到基于Servlet的web应用中,以Servlet+Velocity的方式实现web应用
Servlet + Velocity的一般步骤
1.自定义Servlet,实现VelocityViewServl
- 【Kafka十二】关于Kafka是一个Commit Log Service
bit1129
service
Kafka is a distributed, partitioned, replicated commit log service.这里的commit log如何理解?
A message is considered "committed" when all in sync replicas for that partition have applied i
- NGINX + LUA实现复杂的控制
ronin47
lua nginx 控制
安装lua_nginx_module 模块
lua_nginx_module 可以一步步的安装,也可以直接用淘宝的OpenResty
Centos和debian的安装就简单了。。
这里说下freebsd的安装:
fetch http://www.lua.org/ftp/lua-5.1.4.tar.gz
tar zxvf lua-5.1.4.tar.gz
cd lua-5.1.4
ma
- java-14.输入一个已经按升序排序过的数组和一个数字, 在数组中查找两个数,使得它们的和正好是输入的那个数字
bylijinnan
java
public class TwoElementEqualSum {
/**
* 第 14 题:
题目:输入一个已经按升序排序过的数组和一个数字,
在数组中查找两个数,使得它们的和正好是输入的那个数字。
要求时间复杂度是 O(n) 。如果有多对数字的和等于输入的数字,输出任意一对即可。
例如输入数组 1 、 2 、 4 、 7 、 11 、 15 和数字 15 。由于
- Netty源码学习-HttpChunkAggregator-HttpRequestEncoder-HttpResponseDecoder
bylijinnan
javanetty
今天看Netty如何实现一个Http Server
org.jboss.netty.example.http.file.HttpStaticFileServerPipelineFactory:
pipeline.addLast("decoder", new HttpRequestDecoder());
pipeline.addLast(&quo
- java敏感词过虑-基于多叉树原理
cngolon
违禁词过虑替换违禁词敏感词过虑多叉树
基于多叉树的敏感词、关键词过滤的工具包,用于java中的敏感词过滤
1、工具包自带敏感词词库,第一次调用时读入词库,故第一次调用时间可能较长,在类加载后普通pc机上html过滤5000字在80毫秒左右,纯文本35毫秒左右。
2、如需自定义词库,将jar包考入WEB-INF工程的lib目录,在WEB-INF/classes目录下建一个
utf-8的words.dict文本文件,
- 多线程知识
cuishikuan
多线程
T1,T2,T3三个线程工作顺序,按照T1,T2,T3依次进行
public class T1 implements Runnable{
@Override
 
- spring整合activemq
dalan_123
java spring jms
整合spring和activemq需要搞清楚如下的东东1、ConnectionFactory分: a、spring管理连接到activemq服务器的管理ConnectionFactory也即是所谓产生到jms服务器的链接 b、真正产生到JMS服务器链接的ConnectionFactory还得
- MySQL时间字段究竟使用INT还是DateTime?
dcj3sjt126com
mysql
环境:Windows XPPHP Version 5.2.9MySQL Server 5.1
第一步、创建一个表date_test(非定长、int时间)
CREATE TABLE `test`.`date_test` (`id` INT NOT NULL AUTO_INCREMENT ,`start_time` INT NOT NULL ,`some_content`
- Parcel: unable to marshal value
dcj3sjt126com
marshal
在两个activity直接传递List<xxInfo>时,出现Parcel: unable to marshal value异常。 在MainActivity页面(MainActivity页面向NextActivity页面传递一个List<xxInfo>): Intent intent = new Intent(this, Next
- linux进程的查看上(ps)
eksliang
linux pslinux ps -llinux ps aux
ps:将某个时间点的进程运行情况选取下来
转载请出自出处:http://eksliang.iteye.com/admin/blogs/2119469
http://eksliang.iteye.com
ps 这个命令的man page 不是很好查阅,因为很多不同的Unix都使用这儿ps来查阅进程的状态,为了要符合不同版本的需求,所以这个
- 为什么第三方应用能早于System的app启动
gqdy365
System
Android应用的启动顺序网上有一大堆资料可以查阅了,这里就不细述了,这里不阐述ROM启动还有bootloader,软件启动的大致流程应该是启动kernel -> 运行servicemanager 把一些native的服务用命令启动起来(包括wifi, power, rild, surfaceflinger, mediaserver等等)-> 启动Dalivk中的第一个进程Zygot
- App Framework发送JSONP请求(3)
hw1287789687
jsonp跨域请求发送jsonpajax请求越狱请求
App Framework 中如何发送JSONP请求呢?
使用jsonp,详情请参考:http://json-p.org/
如何发送Ajax请求呢?
(1)登录
/***
* 会员登录
* @param username
* @param password
*/
var user_login=function(username,password){
// aler
- 发福利,整理了一份关于“资源汇总”的汇总
justjavac
资源
觉得有用的话,可以去github关注:https://github.com/justjavac/awesome-awesomeness-zh_CN 通用
free-programming-books-zh_CN 免费的计算机编程类中文书籍
精彩博客集合 hacke2/hacke2.github.io#2
ResumeSample 程序员简历
- 用 Java 技术创建 RESTful Web 服务
macroli
java编程WebREST
转载:http://www.ibm.com/developerworks/cn/web/wa-jaxrs/
JAX-RS (JSR-311) 【 Java API for RESTful Web Services 】是一种 Java™ API,可使 Java Restful 服务的开发变得迅速而轻松。这个 API 提供了一种基于注释的模型来描述分布式资源。注释被用来提供资源的位
- CentOS6.5-x86_64位下oracle11g的安装详细步骤及注意事项
超声波
oraclelinux
前言:
这两天项目要上线了,由我负责往服务器部署整个项目,因此首先要往服务器安装oracle,服务器本身是CentOS6.5的64位系统,安装的数据库版本是11g,在整个的安装过程中碰到很多的坑,不过最后还是通过各种途径解决并成功装上了。转别写篇博客来记录完整的安装过程以及在整个过程中的注意事项。希望对以后那些刚刚接触的菜鸟们能起到一定的帮助作用。
安装过程中可能遇到的问题(注
- HttpClient 4.3 设置keeplive 和 timeout 的方法
supben
httpclient
ConnectionKeepAliveStrategy kaStrategy = new DefaultConnectionKeepAliveStrategy() {
@Override
public long getKeepAliveDuration(HttpResponse response, HttpContext context) {
long keepAlive
- Spring 4.2新特性-@Import注解的升级
wiselyman
spring 4
3.1 @Import
@Import注解在4.2之前只支持导入配置类
在4.2,@Import注解支持导入普通的java类,并将其声明成一个bean
3.2 示例
演示java类
package com.wisely.spring4_2.imp;
public class DemoService {
public void doSomethin