随笔分类 - js记录
摘要：提问： 1.为什么要使用switch方法 ==> (替换冗长的if和else判断) 2.什么场景下使用 ==> (在判断布尔值的) 3.switch有什么优点 ==> (简化了代码，语法更清晰) 4.switch有什么缺点 ==> (太多的case和break关键字，出现bug时难于调试) 5.还有
阅读全文
posted @ 2016-08-21 19:46
AlanTao
摘要：1.循环方法 2.数组的indexOf()方法,需要做IE兼容 3.ES5方法的forEach()方法 4.判断类型(能去除个对象组成的数组) 5.对象的重写覆盖特性(最快的) 另一种函数定义方法(以上同理) 测试
阅读全文
posted @ 2016-08-01 15:23
AlanTao
摘要：HTML5实现全屏API【进入和退出全屏】
阅读全文
posted @ 2016-07-24 21:09
AlanTao
摘要：最近项目中需要添加播放视频的功能，视频文件是flv格式的。在网上找了一些jQuery视频播放插件，还是觉得“flowplayer”要好一些。特将使用方法记录一下。 flowplayer也有html5版本的，但由于网站为了支持IE较低版本，还是选择了flash版本的。 flowplayer官网：htt
阅读全文
posted @ 2016-07-23 12:16
AlanTao
摘要：1.FlipClock.js能够自动定义计数,时钟的翻牌效果,调用简单,下面简单记录下用法 2.官网地址:http://www.flipclockjs.com/ 3.调用2个文件 4.HTML 5.js调用 6.flipclock.css修改基本样式 7.时间显示类型(天,时,分,12小时制,24小
阅读全文
posted @ 2016-06-06 11:58
AlanTao
摘要：以chrome的firebug为例 1.找到其dom元素,然后右键"break on"-->"subtree modification"等,设置后元素旁边会有蓝色小圆点 三个属性分别是 Subtree modification : 结构修改 Attributes modifications : 属性
阅读全文
posted @ 2016-05-29 16:43
AlanTao
摘要：前段时间在多文本输入textarea中遇到点小问题，textarea在HTML是没有value属性的，但在js里的可以获取其value值。 textarea禁止拉伸resize:none; (为了兼容IE低版的padding)可以将textarea的border去掉，禁止拉伸，在外层包个div层给p
阅读全文
posted @ 2016-04-08 17:58
AlanTao
摘要：//字符中的字符从左向右进行索引，由0开始，字符串中的空格也算在内 //返回该字符串
阅读全文
posted @ 2016-04-08 15:19
AlanTao
摘要：var test1 = new Boolean(1);var test2 = new Boolean(0);var test3 = new Boolean(true);var test4 = new Boolean(false);var test5 = new Date();var test6 =
阅读全文
posted @ 2016-04-08 14:49
AlanTao
摘要：mCustomScrollbar 是个基于 jQuery UI 的自定义滚动条插件，它可以让你灵活的通过 CSS 定义网页的滚动条，并且垂直和水平两个方向的滚动条都可以定义，它通过 Brandon Aaron jquery mouse-wheel plugin 提供了鼠标滚动的支持，并且在滚动的过程
阅读全文
posted @ 2016-03-03 16:57
AlanTao
摘要：一：背景通常情况我们调试移动端页面最常用的方法就是：切换pc端浏览器的userAgent来模拟手机或其他移动设备调试页面 然后用手机打开要调试的页面 刷新页面查看调试结果但是这就存在两个问题 在pc浏览器模拟手机可能造成调试不准 用手机直接调试 又多一步刷新 那怎么能达到在pc端修改代码 在手机上直
阅读全文
posted @ 2016-02-26 14:43
AlanTao
摘要：本来想用在北京欢乐谷手机上用touch事件来模拟局部左右内容滚动里，但在touchmove上下滚动时由于禁止了默认事件而body滚动条不能滚动，虽然可以根据touchmove的坐标来判断方向，但体验效果不理想。 后来在查询相关资料后原来可以直接在css中使用overflow:auto;出来的滚动条用
阅读全文
posted @ 2016-02-26 10:17
AlanTao
摘要：1.css的hover事件2.url事件(或者click事件),激活当前项3.第一导航与第二导航的移入移出事件（可以通过left,top值来显示，也可以变化宽度，高宽来显示）4.有二级导航的另外给class来触发事件5.一级导航onmouseover,onmouseout事件，激活时，离开时又调2，
阅读全文
摘要：一.Window视图属性（window对象）这些属性可以获取住整个浏览器窗体大小。微软则将这些API称为“Screenview 接口”innerWidth 属性和 innerHeight 属性pageXOffset 属性和 pageYOffset 属性screenX 属性和 screenY 属性ou...
阅读全文
posted @ 2016-01-08 18:05
AlanTao
摘要：实现原理：一大一小的图片分别有个限制宽高容器，小容器中有个遮罩层做为事件的触发，还有个透动遮罩用来要显示大图的坐标宽高,透动遮罩的宽高通过（大图的图片与大图的容器来计算得出）通过偏移小图中透动遮罩的坐标的比例来计算出大图中显示的比例代码(function(){ var $=function(i...
阅读全文
posted @ 2016-01-08 09:28
AlanTao
摘要：最近我在打开淘宝，发现它里面实现以一些非常奇特的效果。我打开淘宝浏览器的控制台，看到了下面的信息：安全警告!请勿在此控制台输入或粘贴你不明白的代码，以避免攻击者窃取你的信息来冒充你。在控制台(console)里看到这些信息内容我并不奇怪，让我感到奇怪的是，“警告”两个字是红色的，而且背景色是黄色的。...
阅读全文
posted @ 2016-01-07 11:17
AlanTao
摘要：1.offsetParentoffsetParent属性返回一个对象的引用，这个对象是距离调用offsetParent的元素最近的（在包含层次中最靠近的），并且是已进行过CSS定位的容器元素。 如果这个容器元素未进行CSS定位, 则offsetParent属性的取值为根元素(在标准兼容模式下为htm...
阅读全文
posted @ 2016-01-04 16:26
AlanTao
摘要：$(function(){ var navLi = $(".top_nav").find("li"), conDiv = $(".top_con").find(".t_con"), resulte = [], currentId = ""; //...
阅读全文
posted @ 2015-12-29 15:02
AlanTao
摘要：Embed （一）、基本语法： embed src=url 说明：embed可以用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU、MP3等等， Netscape及新版的IE 都支持。url为音频或视频文件及其路径，可以是相对路径或绝对路径。 示例： （二）、属性设置： 1...
阅读全文
posted @ 2015-12-28 14:31
AlanTao
摘要：一.touch事件1.touchstart：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。2.touchmove：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。3.touchend：当手指从屏幕上离开的时候触发。4.to...
阅读全文
posted @ 2015-12-25 14:55
AlanTao
浙公网安备 33010602011771号