web前端
fhb19870610
这个作者很懒,什么都没留下…
展开
-
使用html5 visibility api检测页面活动状态
几年前,我们浏览网页的时候是没有选项卡浏览模式的,每一个网页都会是一个浏览器窗口,如果我没有记错,Win7之前我们都是这样浏览网页的。作为一个程序员,我们经常会同时打开10-15个网页,多的时候超过20个也不足为奇。为什么要使用这个API?早期我们没有办法确定哪些选项卡是活动状态的,但是现在通过HTML Visibility API,我们可以检测访客是否正在浏览我们的界面。转载 2014-09-17 10:18:57 · 1002 阅读 · 0 评论 -
js url encode
escape() 方法:采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码(xx等于该字符在字符集表里面的编码的16进制数字)。比如,空格符对应的编码是%20。不会被此方法编码的字符: @ * / +encodeURI() 方法:把URI字符串采用UTF-8编码格式转化成esc转载 2015-09-25 22:09:27 · 1846 阅读 · 0 评论 -
iphone media query
iPhone 6 Media QueriesiPhone 6 in portrait & landscape@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { /* STYLES GO HERE */}iPhone 6 in landscape@media转载 2015-09-28 11:26:44 · 313 阅读 · 0 评论 -
移动h5 图片字体等适配
背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿。对于移动端开发而言,为了做到页面高清的效果,视觉稿的规范往往会遵循以下两点:首先,选取一款手机的屏幕宽高作为基准(以前是iphone4的320×480,现在更多的是iphone6的375×667)。对于retina屏幕(如:转载 2015-10-08 21:58:21 · 6995 阅读 · 0 评论 -
express 笔记
路由router = require("express").Router();router.get("/XXX/:user_id",function(req,res){req.params.user_id});原创 2015-09-21 23:33:27 · 1217 阅读 · 0 评论 -
X-Forwarded-For跟X-Read-IP的区别
一般来说,X-Forwarded-For是用于记录代理信息的,每经过一级代理(匿名代理除外),代理服务器都会把这次请求的来源IP追加在X-Forwarded-For中来自4.4.4.4的一个请求,header包含这样一行X-Forwarded-For: 1.1.1.1, 2.2.2.2, 3.3.3.3代表 请求由1.1.1.1发出,经过三层代理,第一层是2.2.2.2,第二转载 2015-09-24 19:17:44 · 698 阅读 · 0 评论 -
css3 gpu加速
你知道我们可以在浏览器中用css开启硬件加速,使GPU (Graphics Processing Unit) 发挥功能,从而提升性能吗?现在大多数电脑的显卡都支持硬件加速。鉴于此,我们可以发挥GPU的力量,从而使我们的网站或应用表现的更为流畅。在桌面端和移动端用CSS开启硬件加速CSS animations, transforms 以及 transitions 不会自动转载 2015-11-13 23:22:27 · 1617 阅读 · 0 评论 -
理解js作用域原型链和执行上下文
作用域跟函数紧密相关。每个函数就是一个作用域,同时包括一个全局的作用域。作用域有上下级关系,子作用域可以访问到父作用域的变量跟函数,但是父作用域无法访问到子作用域的变量跟函数(这里说的访问是直接访问,通过闭包是可以间接访问到的)。js中一切都是对象,除了基本值类型之外。其他都是object。函数是一种特殊的对象,因为对象都是由函数生成的。执行上下文,每执行一次函数便会产生一个新的执行上下文原创 2016-02-27 22:34:36 · 1148 阅读 · 0 评论 -
js delete
delete 可以删除对象的属性,但是有两种情况无法删除。第一:变量第二:原型中的属性原创 2016-04-10 01:26:42 · 1319 阅读 · 0 评论 -
js获取url的参数的正则方式
function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i"); var r = window.location.search.substr(1).match(reg); if (r!=null) return (r[2]); return null;}转载 2015-06-11 16:08:09 · 411 阅读 · 0 评论 -
移除input type number的箭头
在chrome下:input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ -webkit-appearance: none !important; margin: 0; }Firefox下:input[type="number"]{-moz-appearance:tex转载 2015-06-26 16:15:00 · 418 阅读 · 0 评论 -
Wow! Velocity.js
How is it possible that JavaScript-based animation has secretly always been as fast — or faster — than CSS transitions? And, how is it possible that Adobe and Google consistently release media-rich mo转载 2014-09-17 11:27:31 · 474 阅读 · 0 评论 -
PHP中获取当前页面的完整URL
javascript实现:top.location.href 顶级窗口的地址this.location.href 当前窗口的地址PHP实现#测试网址: http://localhost/blog/testurl.php?id=5//获取域名或主机地址 echo $_SERVER['HTTP_HOST'].""; #localho转载 2014-09-25 18:08:34 · 301 阅读 · 0 评论 -
别用jquery做动画了
js原生动画效率其实跟css动画效率相差无异。一转载 2014-09-17 11:21:12 · 417 阅读 · 0 评论 -
微信接入自定义开发
申请公众号后,填写服务器配置文件,填写自己的服务器路径,路径需要能响应调用接口。第一次接入需要以下代码,微信才能让你的服务器路径提交成功。php代码如下/** * wechat php test *///define your tokendefine("TOKEN", "your token");$wechatObj = new wechatCallback转载 2015-06-04 10:54:50 · 550 阅读 · 0 评论 -
js字符串全部替换
orgStr.replace(new RegExp(findStr, 'g'), replaceStr)可以字符串所有的子字符串替换成新的字符串转载 2015-06-04 15:01:51 · 392 阅读 · 0 评论 -
jquery监听文本框输入改变事件
$("#dom").bind('input propertychange',function(){});转载 2015-06-04 15:45:47 · 5235 阅读 · 0 评论 -
jQuery给input绑定回车事件
$('#dataInput').bind('keypress',function(event){ if(event.keyCode == "13") { alert('你输入的内容为:' + $('#dataInput').val()); } });转载 2015-06-05 14:54:44 · 513 阅读 · 0 评论 -
移动网页标签跟输入框焦点时的外框去掉技巧
a,input{-webkit-tap-highlight-color:rgba(0,0,0,0); }转载 2015-06-26 16:09:23 · 472 阅读 · 0 评论 -
js判断字符串中是否包含汉字
js判断字符串中是否包含汉字使用正则表达式,reg = /[\u4E00-\u9FFF]+/;使用unicode方式判断是否有汉字,str.charCodeAt(i) > 255如果这个表达式为真,说明字符串中包含汉子原创 2016-08-08 14:06:57 · 1023 阅读 · 0 评论