Category Archives for 前端
[转帖]在同一站点下，跨子域进行ajax通信的一种解决方法
处于安全的考虑，浏览器对于ajax请求是有限定的，他要求发起和相应请求的双方处于相同的域名。 一种比较容易的方式就是在当前的域名下设置一个代理页面，通过它来发送请求和转接回复的数据，从而实现ajax的跨域请求。这种方式的优势在于可以跨站点而不仅限于跨子域，不过这样做还有一个弊端就是客户端的session信息将会丢失，在一些需要session的情形(比如需要用户登录验证的情况)就不能适用。 这里介绍的是另一种方法。 解决办法其实和上面的代理页面方式有些类似，上面的方式我们实际上是借用代理页面来发送请求和接受数据，从而绕开浏览器的安全设定。而在这里我们将借用代理页面所处的环境，通过它来实现功能。 首先在想要进行通信的那个子域下设置一个”代理”页面，在这个页面中我们是能对这个子域下的数据进行ajax请求的。 接着就是需要建立一个通道来使用”代理”页面的这一权限，我们在需要使用跨子域的页面中通过iframe引入代理页面，然后通过javascript就能获得代理页面的javascritp环境(iframeEle.contentWindow)，不过这里有个前提就是代理页面需要和当前页面处于同一域中(document.domain需要一致)。由于对于document.domain的值设定时有一个规定就是，域只能提升，不能降低层级或者跳到同级中(比如 home.blueidea.com 只能设为blueidea.com 而不能设为 bbs.blueidea.com或者 xx.home.blueidea.com)，所以这里可以在两个页面中同时把document.domain提升为站点的主域。 通过以上的实现，我们就可以在页面中调用想要进行通信的子域下的”代理”页面来进行ajax通讯了。 上面的图基本能解释的很清楚了，如果有疑问，可以查看原文， 原文来自 blueidea ——2011 年 12 月 27日—– ps: 英文原文 yahoo
参加D2
先唠叨下，邀请函没有 会场的地点和会议开始的时间 ，觉得有点不爽。。。 《用户行为》百度的土拨鼠的演讲内容还是很丰富的，整一个产品设计过程～～～，讲的也很不错，前面的淘宝同学讲的的有点太空了～～～ 《html5》大城小胖语速好快哈哈～～～（飞舞环游记他应该是看了好多遍，里面的主人公就是现实生活的他哈哈），没有怎么接触过html5游戏，但是看到他演示的demo 很惊叹～～～html5的游戏潜力无限,商业的应用希望早日到来 当时写了一半，下次d2的时候再补充，希望越办越好
成长的轨迹－－被废弃但是还活着的项目
最近看口碑线上的产品，发现有一个自己负责前端的项目， 但是外部前台的入口完全没有了（影响中没有了，可能有的，很早前还是有导航上还是有的） 当时在原来行业化平台（xlst）上添加的一个活动类目， 很多表单项要通过额外的自定义来实现，当时想死的心都有了， 维护xlst已经一件很头疼的事，还要这个能动那个不能动。。。 回想回来发现其实该类目根本不是通用的表单，还不如直接重新也一个post 但是后期运营同学维护字段文案，调整表单项位置，表单项类型的时候 不需要再有开发同学介入，直接通过配置后台，第一天即可生效 我忘了这个项目是什么时候应该2009年底或者是2010年初把，大概是这个时间 当时上线之后还是不错的～～～应该有500－600的有效线上活动 页面上有一块是猜你喜欢～～～没有“电子商务推荐算法” 复杂，好像是开发同学很简单的算法推荐。。。还是有点效果的～～ 公司有专门的运营，品客团还是很火热的，可以免费去合作的商家品尝美食或是服务，结束后把完成体验感受的“作业”～～ 之后记得有些人喜欢放鸽子，为了减少遮挡事发生～～～ 推出了 “口碑网友信用升级~放鸽子机制上线了！请看详细说明书！” 还有图标 （有个白鸽在脑袋瓜上，。感觉挺漂亮滴，哈哈） 刚刚看到数据 共找到549个活动 完全自我生长的方式存在～～～但是它还活的很好～～～ 其实还有很多花样，可惜～～～ 今天跟当时的活动产品经理提起说 我们当时的活动还活的挺好～～，但是很可惜 她说 毕竟坚挺过～～ 杭州活动首页的入口 hd.koubei.com(http://hangzhou.koubei.com/huodong/index) 杭州活动list http://hangzhou.koubei.com/huodong 口碑头部发布入口 进入到发布选择“发起活动” 之后就是post表单 图片是base64的 哈哈 现在看以前做的东西，还有很多可以改进的地方，哈哈～～～
ie6-7 的display：inline-block文字隐藏（text-indent:-xxxx）
一般纯背景图表示内容的时候，会放一些文字说明，有利于机器的阅读（有需要借助机器才能“阅读”的人，听说win7 自带就有屏幕阅读器） 但是有不想文字露出来，所以要把他们隐藏掉。 一般我们会使用 font-size:0; line-height:0; display:inline-block; text-indent:-99999px; ie6－7有bug，导致都显示不出来 IE 的 text-indent Bug和当inline-block与text-indent在IE6、7下相遇 上面得俩个文章基本能说明ie6－7下在display：inline or inline-block；得时候text-indent的bug； text-indent会传递父级。 <style type=”text/css”> a{ display:inline-block; margin-left:150px; width:150px; height:35px; text-indent:-9999em; background: red; } </style> <div><a>下一步</a></div> 上面的代码在ie6－7上看不到红色的背景 <style type=”text/css”> a{ display:inline-block; margin-left:150px; width:150px; height:35px; text-indent:-9999em; background: … Continue reading
“今天”的工作结束了
今天完成的代码，冻结在没有关闭的电脑显示屏上。 加班是手段,不是目的 下一步， 把事做漂亮，并且不加班。 ps：发至芒果小站CEO的ip4，严书同学告别晚餐 严书同学一路顺风 —23:33—- 最近比较忙，忙的不可开交，还有开始有点焦躁。 目前情况特殊，尽量赶上进度，尽快我们的环节（中途还要面临，“细微”的变更和调整，边前进，边迭代） 熬过这一段，胜利就在前方 一群朝气的年轻人一起干有意义的事。 我们的f2e是最棒的。。。
导航头的100%背景 ，需要添加magin:0 auto;min-width:xxx
导航头的100%背景 ，需要添加magin:0 auto;min-width:xxx update：20101019 16:42 国内的大部分网站页面使用的宽度950px或者960px作为页面主要的宽度 其中有些头部的一小块的宽度是width:100%，带一个背景，随着页面自适应。 浏览器或者屏幕显示的区域小于950或者960px 浏览器的底部会滚动条，如图所示 滚动条拉到最右边的时候看页面width:100%部分的背景，有些时候显示不全 demo
ie6下的hover
在CSS1中此伪类仅可用于a对象。且对于无href属性（特性）的a对象，此伪类不发生作用。 在CSS2中此伪类可以应用于任何对象。 a:hover span{display:inline-block;} ie下死活就是出不来。。。 上网找了下原因。 网上确实有好多跟我碰到同样问题的人。。。。 解决方案 添加样式 a:hover{}具体的大括号里面要添加什么样式，有一定的依据但是又找不出规矩。。。期待有人解释下。。。 当a:hover {}的属性跟a {}中的是一样的时候，也就是说a:hover没有发生属性的改变，完全继承a的属性的时候，就会产生此BUG。 也就是说a:hover和a样式不同的时候才会有能触发hover的效果。 zoom, display, padding, background,border:none,position。。。 都能使得ie6 a:hover span{display:inline-block;}起作用。 但是如果 a.demo{color:green;} a.demo1:hover{color:red;} a.demo2:hover {border:none;} a.demo span{display:none;} a.demo:hover span{display:inline-block;} demo demo1:ie6下a:hover span没有出来。。。 其实a:hover效果出来的时候，a:hover span的样式不一定就会出来。。。猜测是应该是触发盒模型的时候就可以了 ——-华丽分割线————- update:由于之前的demo是写在wordpress的正文中，模板引入了一个小于ie7的css样式，导致演示的结果出错。 明天4月1日，最近天气多变，注意身体健康