mouseover和this的巧用

mouseover & mouseout 的问题在JS中,使用mouseover & mouseout会有触发多次的问题,这里Jquery有了替代的新属性 mouseover == mouseenter; mouseout == mouseleave; this 巧用如果需要添加多个元素的JS效果,例如UI > LI 重复写大量代码非常低效,但是$(this).balabala又不能精确到子元素(父债子偿的情况下) 解决:$(this).click(function(){ //父…

[MySQL性能优化系列]巧用索引

1. 普通青年的索引使用方式假设我们有一个用户表 tb_user,内容如下: name age sex jack 22 男 rose 21 女 tom 20 男 ... ... ... 执行SQL语句: SELECT name FROM tb_user WHERE age = 20; 默认情况下,MySQL需要遍历整张表,才能找到符合条件的记录.如果在age字段上建立索引,那么MySQL可以很快找到所有符合条件的记录(索引本身通过B+树实现,查起来很快.简单起见,想象一下二分查找和遍历查找的区…

[ACM训练] ACM中巧用文件的输入输出来改写acm程序的输入输出 + ACM中八大输入输出格式

ACM中巧用文件的输入输出来改写acm程序的输入输出经常有见大神们使用文件来代替ACM程序中的IO,尤其是当程序IO比较复杂时,可以使自己能够更专注于代码的测试,而不是怎样敲输入. C/C++代码中: 使用 stdio.h 中包含的另一个函数freopen函数 FILE * freopen ( const char * filename, const char * mode, FILE * stream );文件名,打开的模式,文件指针,通常使用标准流文件(stdin/stdout…

TSql 巧用Alt 键

1,查看表的信息在TSql 编辑器中,选中一个表,如图点击Alt+F1,就可以查看表的属性定义 2,使用alt批量插入逗号在Tsql中使用 in 子句,在(value_List)列表中,经常有很多数字,如何快速的添加逗号,可以使用Alt Tsql代码如下,将鼠标放置在19前面,点击Alt,并摁住鼠标左键向上将鼠标拖到2前面 select * from dbo.ta where a in ( ) 在向上拖鼠标的过程中,显示一条蓝色的竖线,释放左键,蓝色线并不会消失,如下左图,然后点击键盘,输…

前端工程师技能之photoshop巧用系列第三篇——切图篇

× 目录 [1]切图信息 [2]切图步骤 [3]实战前面的话前端工程师除了使用photoshop进行测量之外,更重要的是要使用该软件进行切图.本文是photoshop巧用系列的第三篇——切图篇切图信息在网页制作中有哪些图片是需要被切出来的呢?主要分为两类,一类是修饰性图片,另一类是内容性图片 [1]修饰性图片修饰性图片主要对网页内容进行修饰,一般会被制作为雪碧图,用在background属性中,通常保存为png24(IE6不支持半透明)和png8格式.修饰性图片主要包括以下几类: 1.…

前端工程师技能之photoshop巧用系列第二篇——测量篇

× 目录 [1]测量信息 [2]实战 [3]注意事项前面的话前端工程师使用photoshop进行的大量工作实际上是测量.本文是photoshop巧用系列第二篇——测量篇测量信息在网页制作中需要使用photoshop测量的信息分为两类,分别是尺寸信息和颜色信息 [1]尺寸信息尺寸信息主要通过矩形选框工具配合信息面板进行测量,共包括以下项目: 1.宽度.高度 2.内边距.外边距 3.边框 4.定位 5.文字大小 6.行高 7.背景图位置 [注意]测量时,画布放得尽可能大,这样结果才相对更准…

前端工程师技能之photoshop巧用系列第一篇——准备篇

× 目录 [1]作用 [2]初始化 [3]常用工具[4]快捷键前面的话 photoshop是前端工程师无法回避的一个软件,这个软件本身很强大,但我们仅仅需要通过这个工具来完成基本的切图工作即可.本文将开始photoshop巧用系列的第一篇——准备篇作用我们为什么要去切图呢?这就需要说到项目流程.一个完整的项目流程是市场进行需求分析,产品做出项目原型,UI根据项目原型出设计图,前端根据设计图制作页面,后端进行数据相关工作,网站经过测试后上线. 我们常说的切图实际上就是要把UI制作的设计图切成…

巧用CSS实现分隔线

下面是几种简单实现分隔线的方法,个人比较喜欢第二种,我也给出了最后第五种比较2的写法,请大家拍砖,或者提供其他好的方法. 单个标签实现分隔线: 点此查看实例展示 .demo_line_01{ padding: 0 20px 0; margin: 20px 0; line-height: 1px; border-left: 200px solid #ddd; border-right: 200px solid #ddd; text-align: center; } 优点:代码简洁巧用背景色实现分…

iOS开发之巧用Block和代理方法结合来传值

好久没写技术博客了,因为996的工作周期已经持续好几个月了.每天晚上回家都没有太多精力学习很多其他的东西,而且很多时候是接着完善工作的项目的模块开发.所以博客停歇了这么久,更新率也低了不少,今天补充一篇关于我巧用block传值的技术总结. 需求:在一个输入框,输入几个关键字,弹出搜索的关键字列表. 备注:通过关键字得到的完整的关键字列表的数据是通过网络请求后台返回的数据. 效果: 交互逻辑过程分析: 这个搜索关键字的带输入框的控制器中,输入关键字"河南",然后将这个关键词作为网络请求的…

鼠标 mouseover和mouseout事件

在div内想实现鼠标移入移出效果,最开始的时候是用了jquery的mouseout和mouseover事件来实现的, $('.product).mouseover(function(){ …… }).mouseout(function(){ …… }); 但是当鼠标在div内的元素移动时也触发了mouseout事件,第一时间想到的是自己代码是不是写错了,但是检查了很多遍,发现没有问题的, 既然代码没有问题,那为什么会出现这种情况?后面想不到原因就上网搜索下,结果发现确实是存在这种情况,解决方法是…

The different of mouseover and mouseenter

l论事件onmouseover 和 onmouseenter:同类比较onmouseout 和 onmouseleave; 使用onmouseover时,鼠标除了被设置事件的元素,还会触发其子元素: 而onmouseenter只会触发被设置了事件的元素,子元素不受影响. 支持度:mouseenter,mouseleavei IE8+的浏览器支持,safari 5不支持 <!DOCTYPE html> <html lang="en"> <head>…

jquery 巧用json传参

JavaScript代码,巧用JSON传参数function AddComment(content) { var comment = {}; comment.threadId = $("#span_thread_id").html(); comment.groupId = $("#span_group_id").html(); comment.groupType = $("#span_group_type").html(); comment.ti…

setTimeout用于取消多次执行mouseover或者mouseenter事件,间接实现hover的悬停加载的效果.

Mouseenter在鼠标滑上去不会对其子元素也发生监听, Mouseover在鼠标滑上去会对其子元素发生监听. 所以对于事件的监听,我们要看需求,这里是对父元素的监听,不需要对子元素做监听.就用mouseenter与mouseleave. mouseenter是不会对其里面的子元素做监听,所以我们对这个li做mouseenter和mouseleave的监听就是正确的. 带settimeout的mouseover事件 function add_color(b){ var x='#'+b; var…

mouseover事件与mouseenter事件的区别

不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件.对应mouseout 只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件.对应mouseleave 被触发的 Mouseover 事件: 被触发的 Mouseenter 事件:…

mouseover和mouseout、mouseenter和mouseleave

又一个傻傻分不清楚的东东~ 现实真是一个问题天天有的世界~本以为我对js中的事件还是比较了解的,对于早就接触的mouse事件,更是觉得得心应手了~但是现实却给了我一记重拳! 我自身工作中遇到的犯二的故事就不说了...实在太...所以就进入主题! 简单的记录一下mouse事件中比较容易搞混的: mouseover和mouseout他们是一对,而mouseenter和mouseleave是另外一对! 对于大牛们来说,我这么分组应该一目了然了,然而对于新手可能可以往下看看. mouseover和mou…

在Sqlserver下巧用行列转换日期的数据统计

在Sqlserver下巧用行列转换日期的数据统计前言在SQLSERVER 中有很多统计函数的基础语法,有使用Group By 或 partition by 后配合Sum,Count(*) 等用法.常应用于统计网站的PV流量.合同项目中月收入等业务场景中.在文中我分享下最近做过的统计小案例,和大家互相学习下:) 背景合同中行项目按月收入的统计 1.业务逻辑及需求 1.1 表业务逻辑合同是公司间互相签署的法律契约,一份合同从诞生起,就开始流转于公司的各个部门,最核心的还是盈亏的数值.盈亏是…

mouseover、mouseout，mouseenter、mouseleave区别

心情压抑的一天,我想好好的. mouseover与mouseenter 不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件. 只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件. mouseout与mouseleave 不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件. 只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件. mouseover.mouseout事件冒泡…

淘宝上倒卖新浪微盘事件来龙去脉——谈谈巧用IMEI

这是一个老黄历的事件,曾记得淘宝上的卖家卖10元卖50g网络硬盘,并且卖的相当的火,一个月就卖了500个账号.由于我也是那个事件的亲身经历者之一,这里就看到了IMEI号在项目中防止作弊是何其的重要. 是不是,觉得我说的什么云里雾里的东西吧.好吧,我这里就说整个事件的前因后果把.是这样子,那个时候,新浪的微盘还不是很火的时候,当然了新浪微盘一直都没有真正火爆过,他为了提高他的装机量,他的注册用户量.那个时候,htc的手机还是异常的火爆,他们同htc搞活动,要求内置微盘的客户端了,而htc则要求新浪…

前端工程师技能之photoshop巧用系列第五篇——雪碧图

× 目录 [1]定义 [2]应用场景 [3]合并[4]实现[5]维护前面的话前面已经介绍过,描述性图片最终要合并为雪碧图.本文是photoshop巧用系列第五篇——雪碧图定义 css雪碧图(sprite)是一种网页图片应用处理方式,它允许将一个页面涉及到的所有零星图片都包含到一张大图中.使用雪碧图的处理方式可以实现两个优点: [1]减少http请求次数 [2]减少图片大小,提升网页加载速度 (多张图片加载速度小于拼合成的图片的加载速度) 凡事都不完美,实现优点的同时也带来了缺点,即提高了网…

前端工程师技能之photoshop巧用系列第四篇——图片格式

× 目录 [1]图片格式 [2]保存设置前面的话对于前端来说,图片格式是需要重要掌握的知识.本文是photoshop巧用系列第四篇——图片格式图片格式目前在前端的开发中常用的图片格式有jpg.png.gif,png分为png8和png24.最近svg格式也开始流行起来 gif gif是无损的,具有文件小.支持动画及透明的优点.但gif无法支持半透明,且仅支持8bit的索引色,即在整个图片中,只能存在256种不同的颜色但实际上,gif是一种逐渐被抛弃的图片格式.png格式的出现就是为了替…

linux命令巧用，随手记

巧用1 一句话修改或者给用户设置密码,并且防止历史命令记住设置的密码 echo "qqxde:ioj123"|passwd --stdin Dicky && history -c 巧用2 如何查看并杀死僵尸进程? 在运行ansible的时候,可能由于机器太多,后者一些其他的未知原因,导致出现了僵尸进程,从而导致不能够让进程接着往下面来继续执行为此我们需要杀死进程,然后继续让程序进行用下面的命令找出僵死进程 ps -A -o stat,ppid,pid,cmd | g…

巧用linux服务器的/dev/shm/，如果合理使用，可以避开磁盘IO不给力，提高网站访问速度。

巧用linux服务器的/dev/shm/ 巧用linux服务器的/dev/shm/,如果合理使用,可以避开磁盘IO不给力,提高网站访问速度. 首先让我们认识一下,什么是tmpfs和/dev/shm/? tmpfs是Linux/Unix系统上的一种基于内存的文件系统.tmpfs可以使用您的内存或swap分区来存储文件.由此可见,tmpfs主要存储暂存的文件.它有如下2个优势 : . 动态文件系统的大小.. tmpfs 的另一个主要的好处是它闪电般的速度.因为典型的 tmpfs 文件系统会完全驻留在…

（转）【深入浅出jQuery】源码浅析2--奇技淫巧

[深入浅出jQuery]源码浅析2--奇技淫巧 http://www.cnblogs.com/coco1s/p/5303041.html…

mouseover 移入某个元素后停留一段时间再执行函授，我用于解决轮播图下面计数用的元素快速移入后会出BUG的问题。

var stop; $(this).bind("mouseover",function(){ stop= setTimeout(function(){ },200); }).bind("mouseout",function(){ clearTimeout(stop); })…

JQ中mouseover和mouseenter的区别

我最近也在学习JQuery,所以最近对JQ中的一些小问题进行总结,方便学习. 在对于刚开始学习JQ的初学者来说,mouseover事件和mouseenter事件总是傻傻分不清楚,毕竟刚开始学习的时候,需求没那么详细,毕竟俩事件的大致意思都一样 ---就是鼠标移上去,就执行该事件的自定义函数.其实我们自己去看下他们的概念,我想你应该可以从中发现区别于不同: mouseover:当鼠标指针位于元素上方时,会发生 mouseover 事件. mouseenter:当鼠标指针穿过元素时,会发生 mous…