随笔分类 -  JS

摘要:小tip: 子元素scroll父元素容器不跟随滚动JS实现 本文地址(转载):http://www.zhangxinxu.com/wordpress/?p=5092 一、开场暖身 网上常见蹲来蹲去的小段子,比方说:“李代沫蹲,李代沫蹲,李代沫蹲完黄海波蹲;黄海波蹲,黄海波蹲,黄海波蹲完宁财神蹲;宁财 阅读全文
posted @ 2017-12-18 15:49 hubgit 阅读(5023) 评论(0) 推荐(0)
摘要:修改 Class 而不是 Style 我在不久前做过一个导航栏,要求其滚动到屏幕顶端后固定。很常见。开始的时候没问题,很快就可以搞定。 运行很流畅。 做好,我自然就忙着网页内容去了。没曾想,随着页面 JS 的不断增加,导航栏在固定时出现了可怕的闪动。 唔,就是 一下看得见 一下看不见 的东西! 应该 阅读全文
posted @ 2017-12-18 15:46 hubgit 阅读(22127) 评论(0) 推荐(1)
摘要:body很长,可以滑动,body头部有一个模拟下拉的选择框,下拉选择有滚动轴 我给body一个overflow:hidden和高度是没有用的。手机网站上背景还是可以滑动,然后我给body一个touchmove的preventdefault()阻止事件,body滑动阻止了,PC上面是可以了,但是手机上 阅读全文
posted @ 2017-08-18 17:55 hubgit 阅读(9281) 评论(0) 推荐(0)
摘要:一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 Js代码 var n=999; function f1(){ alert(n); } f1(); 阅读全文
posted @ 2017-06-26 17:41 hubgit 阅读(470) 评论(0) 推荐(0)
摘要:1、安卓浏览器看背景图片,有些设备会模糊。 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480 阅读全文
posted @ 2017-06-26 17:18 hubgit 阅读(923) 评论(0) 推荐(0)
摘要:循环结构之for循环(一) 在很多编程语言中都有一种直接、简单的循环,它的一般形式为: 它的执行过程如下: 第一步:执行表达式1,对循环变量做初始化; 第二步:判断表达式2,若其值为真(非0),则执行for循环体中执行代码块,然后向下执行;若其值为假(0),则结束循环; 第三步:执行表达式3; 第四 阅读全文
posted @ 2017-05-31 11:18 hubgit 阅读(342) 评论(0) 推荐(0)
摘要://处理事件冒泡,阻止默认事件工具类,兼容IEvar eventUtil={ // 添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListe... 阅读全文
posted @ 2017-05-23 16:56 hubgit 阅读(373) 评论(0) 推荐(0)
摘要:定义: 0级DOM 分为2个:一是在标签内写onclick事件 二是在JS写onlicke=function(){}函数 1) 2) 2级DOM 只有一个:监听方法,原生有两个方法用来添加和移除事件处理程序:addEventListener()和removeEventListener()。 它们都有 阅读全文
posted @ 2017-05-23 15:28 hubgit 阅读(1097) 评论(0) 推荐(0)
摘要:在某网站看到一道js题,觉得有点意思 Some numbers have funny properties. For example: 89 --> 8¹ + 9² = 89 * 1 695 --> 6² + 9³ + 5⁴= 1390 = 695 * 2 46288 --> 4³ + 6⁴+ 2⁵ 阅读全文
posted @ 2017-05-23 10:59 hubgit 阅读(351) 评论(0) 推荐(0)
摘要://不允许js代码。。。。。。。,直接写在这了var intDiff = parseInt(0);//计时总秒数量 function timer(intDiff){ window.setInterval(function(){ var day=0, hour=0, minute=0, second= 阅读全文
posted @ 2017-05-10 17:12 hubgit 阅读(276) 评论(0) 推荐(0)
摘要:前端是庞大的,包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的,针对方方面面的资源都有不同的方式。那么,前端优化的目的是什么 ? 1. 从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。 2 阅读全文
posted @ 2017-03-21 19:05 hubgit 阅读(312) 评论(0) 推荐(0)
摘要:演示地址:http://weber.pub/demo/160902/test.html 测试源码下载:http://pan.baidu.com/s/1nvPKbSP 密码:r147 解决问题所使用的知识(可以跳过直接看下面的解决方案) 1、setInterval setInterval() 方法可按 阅读全文
posted @ 2016-12-14 10:41 hubgit 阅读(24423) 评论(0) 推荐(2)
摘要:监听微信,支付宝等移动app等内置浏览器的返回事件方法 阅读全文
posted @ 2016-11-22 10:03 hubgit 阅读(5767) 评论(0) 推荐(0)
摘要:1 15 只要你定义了这些键的动作,你在浏览器里按下这些键就会响应,兼容目前所有浏览器。 1 js 里面的键盘事件经常用到,所以收集了键盘事件对应的键码来分享下: 2 keyCode 8 = BackSpace BackSpace 3 keyCode 9 = Tab Tab 4 keyCode 12 = Clear 5 keyCode 13 = Enter 6 k... 阅读全文
posted @ 2016-11-17 11:32 hubgit 阅读(36313) 评论(1) 推荐(1)
摘要:键盘 Key Code对照表 阅读全文
posted @ 2016-08-22 11:10 hubgit 阅读(5644) 评论(0) 推荐(0)
摘要:页面埋点的作用,其实就是用于流量分析。而流量的意思,包含了很多:页面浏览数(PV)、独立访问者数量(UV)、IP、页面停留时间、页面操作时间、页面访问次数、按钮点击次数、文件下载次数等。而流量分析又有什么用处: 1、提高网站的转化率 根据页面埋点可得到一些重要信息,它告诉你用户对网站的反应,以及如何 阅读全文
posted @ 2016-08-17 10:21 hubgit 阅读(2560) 评论(0) 推荐(0)
摘要:一,HTML部分 <div id="rating-star"> <a href="#">0</a> <a href="#">1</a> <a href="#">2</a> <input type="hidden" id="goodLevel" /> </div> 二,CSS部分 接着给rating- 阅读全文
posted @ 2016-08-15 22:45 hubgit 阅读(1011) 评论(0) 推荐(0)
摘要:一,HTML部分 二,CSS部分 三,JS部分(重点) 阅读全文
posted @ 2016-08-15 22:40 hubgit 阅读(624) 评论(0) 推荐(0)
摘要:一,jquery方法 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>图片轮播 jq(左右切换)</title> <style typ 阅读全文
posted @ 2016-08-15 22:33 hubgit 阅读(2743) 评论(0) 推荐(0)
摘要:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><ul id="list"> <li><label><input type="checkbox" valu 阅读全文
posted @ 2016-08-10 23:23 hubgit 阅读(1005) 评论(1) 推荐(0)