hao_fe的专栏

原创 我的微博账号

https://segmentfault.com/u/seasonhao

转载 修改Host为什么不生效

Update:如果浏览器使用了代理工具，修改 Hosts 也不会生效。这里是因为，浏览器会优先考虑代理工具（如添加 pac 文件、SwitchySharp等）的代理，建议调试的时候先关闭这些代理。使用 pac 文件代理有的时候部分文件的代理不生效，应该是 pac 对应的代理服务器上，做了部分处理。部分浏览器也有 DNS 缓存，如 chrome(chrome://dns)，这是为什么重启浏览

转载 小米手机抓包

因为测试工作需要抓取手机app的http/https的数据包，所以遇到了这个问题。我的抓包软件Fiddler Web Debugger (v2.4.6.1)我的手机小米2sAndroid版本：4.1.1 JRO03LMIUI版本：MIUI-JLB28.0第一步：配置FiddlerTools->Fiddler Options...

转载 Web移动端Fixed布局的解决方案

移动端业务开发，iOS 下经常会有 fixed 元素和输入框(input 元素)同时存在的情况。 但是 fixed 元素在有软键盘唤起的情况下，会出现许多莫名其妙的问题。 这篇文章里就提供一个简单的有输入框情况下的 fixed 布局方案。iOS下的 Fixed + Input BUG现象让我们先举个栗子，最直观的说明一下这个 BUG 的现象。 常规的 fixed 布局，可能

原创 项目中遇到的bug总结

1、小米UC浏览器中display:inline-block实现并列会换行  解决方案:目前是通过浮动实现2、img图片下面出现莫名的下边距解决方案：将图片的垂直对齐方式设置为 top

原创 读书笔记之-node入门

12月26日  构建HTTP服务器var http = require("http");http.createServer(function(request, response) {  response.writeHead(200, {"Content-Type": "text/plain"});  response.write("Hello World");  re

转载 DNS地址栏输入网站的“域名”，而不用输入网站的“IP地址”。然后电脑系统会利用 DNS 来把“域名”翻译成“IP地址”。这个翻译的过程术语叫“域名解析/DNS解析”。原理

DNS:直译就是“域名系统”有了域名，地址栏输入网站的“域名”，而不用输入网站的“IP地址”。然后电脑系统会利用 DNS 来把“域名”翻译成“IP地址”。这个翻译的过程术语叫“域名解析/DNS解析”。域名的缓存：　大伙儿平时使用的域名服务器，技术术语叫“递归域名服务器”。“递归服务器”是面向普通网友的。刚才介绍“域名解析”的时候提到的服务器就是“递归服务器”。　　“递归服务器”

原创 网址

http://www.cnblogs.com/hustskyking/http://ntx.me/2015/05/21/IconFont/http://segmentfault.com/a/1190000003690140http://jerryzou.com/posts/aboutNormalizeCss/http://segmentfault.com/a/11900

转载 img图片下面出现莫名的下边距解决办法

今天在制作一个网页的时候又碰到以往曾经碰到的问题，在图片下面会出现莫名的下边距，刚好这次制作不像以往那么急，所以抽出空来测试了下，发现，在FF中下边距大概是多出了3像素左右，而IE6更多，在IE8中展示却是完好的，以往的做法只需要将img定义为块状级就解决了问题，而对于其原理却一直都不知道，今天google了下很荣幸的找到了答案：“图片底部的空隙实际上涉及行内元素的布局模型，图片默认的垂直对齐方式

原创 浏览器

正常的网页加载流程是这样的。浏览器一边下载HTML网页，一边开始解析解析过程中，发现script标签暂停解析，网页渲染的控制权转交给JavaScript引擎如果script标签引用了外部脚本，就下载该脚本，否则就直接执行执行完毕，控制权交还渲染引擎，恢复往下解析HTML网页也就是说，加载外部脚本时，浏览器会暂停页面渲染，等待脚本下载并执行完成后，再继续渲染。原因是J

原创 移动端事件

在移动端，手指点击一个元素，会经过：touchstart --> touchmove -> touchend --》click。那能不能只触发touch事件，不去触发click事件呢？查阅相关资料， 发现了preventDefault()的方法，阻止事件的默认行为。

原创 CSS

多加5万元.tj_tiplogrel {    position: relative;    display: inline-block;    *zoom:1;*display: inline;    height: 24px;    overflow: hidden}.tj_tiplogo p {    line-height: 14px;

原创 outerHTML

jQuery(test)[0].outerHTMLouterHTML是部分浏览器提供的原生DOM属性，可返回包括元素本身在内的html代码。如果不需要标签本身，可用jQuery的html方法来获取html文本

原创 性能

jq.mibiler 换成 zepto js用一个模板压缩图片压缩，转成base64CSS写在页面里首屏后加载JS减少大的图片手Q那里可以拿到网络情况CSS按需加载

原创 分享到QQ空间的icon的坑

原创 vertical-align

特别提醒：vertical-align只对行内元素有效，对块级元素无效。　　middle的时候，是该元素的中心对齐周围元素的中心。这里“中心”的定义是：图片当然就是height的一半的位置，而文字应该是基于baseline往上移动0.5ex。但是很多浏览器往往把ex这个单位定义为0.5em，以至于其实不一定是文字的正中心。

原创 photoshop 快捷方式

快速复制图层1、Ctrl + Alt 拖动复制  或直接拖动你要复制的图层到图层窗口右下角靠删除按钮的那个新建按钮，只要拖到新建按钮那边2、撤消  ctrl+alt+z

原创 动态追加的元素绑定不了事件

自己的代码：        $(data).each(function(i){          var _index=i;                $(this).bind("click",function(){                                      sendOneMlistClick(_index,"pn"+ _this.currPag

原创 2015.4.8 应该多写些正则了

//ios6以下的系统才执行    var ua = navigator.userAgent;    var matchs = ua.match(/iPhone\sos\s*(\d)/i);    var num = matchs && matchs[1];    if(num !=null && parseInt(num)   match() :它将返回一个数组，其中存放

转载 CSS中的EM属性之弹性布局

http://www.jb51.net/css/77406.html

转载 script标签的async属性是用来异步加载

一般的script标签（不带async等属性）加载时会阻塞浏览器，也就是说，浏览器在下载或执行该js代码块时，后面的标签不会被解析，例如在head中添加一个script，但这个script下载时网络不稳定，很长时间没有下载完成对应的js文件，那么浏览器此时一直等待这个js文件下载，此时页面不会被渲染，用户看到的就是白屏（网页文件已下载好，但浏览器不解析）而使用async属性，浏览器会下载js文件

转载 2015-3-31 浏览器本地缓存问题

今天被一个问题困扰了，PM要做一个专题页，前两周让先做个敬请期待的页面，然后做了二维码指向此页面，印了海报贴到了公共场所，后面内容完善后又重新上线了，结果因服务器缓存问题没更新，后来让运维部门手动清理了服务器缓存，我又担心手机浏览器本地的缓存，经过一上午询问及查资料后放心了。　浏览器缓存机制　　浏览器缓存机制，其实主要就是HTTP协议定义的缓

转载 2015-3-27 今天写下json吧

JSON字符串:var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象:var str2 = { "name": "cxh", "sex": "man" };一、JSON字符串转换为JSON对象要使用上面的str1，必须使用下面的方法先转化为JSON对象：//由JSON字符串转换为JSON对象var

原创 2.15.3.19 今天才知道absolute | fixed ： 元素就被重置为了区块元素

positon 与 display元素分为内联元素和区块元素两类（当然也有其它的），在内联元素中有个非常重要的常识，即内两元素是不可以设置区块元素所具有的样式，例如:width | height。relative : 原来是什么类型的依旧是什么类型。absolute | fixed ： 元素就被重置为了区块元素，例如：打算为span元素指定大小，并绝对定位     span这是完全

原创 判断是否是微信端

var userAgent = navigator.userAgent;    var isWx = /MicroMessenger/i.test(userAgent);

原创 好记性不如烂笔头，记录点滴，开始新的旅程！

很高兴能有这片属于我自己的空间，希望坚持下来，记录下工作中的点点滴滴！ fighting！