Koubei UED

“国以民为本，民以食为天”，我们一直都把食物当成无尚崇高的天一样的尊敬，而且“吃”或者说是“食”在我们的历史进程中又起着载舟覆舟的重要作用。
如今川菜、粤菜、湘菜、家常菜、鲁菜、火锅……各色各样的菜系，都在争相开放。面对如此激烈的竞争，商家都在想尽各种办法，做各种自己特色，于是很多特色餐厅应运而生。搜罗一堆特色餐厅，有机会可一定要去一饱口服。
商家采用的各种方法，都是在注重用户体验，去吸引更多的顾客。 

台湾“哈里波特”餐厅
走进黑色森林，正真的魔法帽，披着一个黑色斗蓬，他们就是服务员啦。店长变成哈里波特，额头上还画着闪电伤痕，简直就是电影主角本身，相似度高达90%
 

阅读全文»

在工作中是否遇到这种情况。。
1.写好的一个html片段。暂时不需要了。。过一会又有人跑过来跟你说，刚才的那段还要。。。又过了一会他又说还是不要算了。。。。。囧。。。
2.页面错乱。。怎么查都查不出原因。。没办法只能用最土的方式。。删html逐一排查。。。

对于这类情况，我们多数是用注释去解决。。。但html复杂的注释语句真的是让人无法忍受。。。试想在第一种情况中。反复的敲打“<!–  –>”是多么的让人浮躁啊。。

来搞个注释开关吧，来快速打开和关闭注释。。。。。

在需要设置注释的上下各写两个空注释。基本格式如下图

当我们要打开注释开关，注释掉文本的时候，只需要将文本上面的空注释的结束>删除即可。见下图。

想反的当需要关闭注释的时候，只需要再把>补上即可关闭。。。

是不是很有意思。。 。。不过我更是习惯通过删除“-”来控制开关。 因为打>的时候还需要按住shift。。。太累。。。

在让我们看看其他的注释开关。 阅读全文»

在 这个页面，进入的路径是 首页>餐饮>特色餐馆：口碑最佳

粗略一看没什么问题，但是点了 上月最佳 季度最佳 年度最佳 之后呢

 问题来了：

1、西湖 口味是84.1，那么请问西湖是什么口味的？性价比83，这些数字看似很准确，但是是如何来的呢？植物园、书店、公园等等还有很多，都有类似问题。像西湖这样的，标上“口味”什么的，还有很多地方存在。

2、一个电影城 和 一个书店 如何比较哪个指数高哪个指数低呢？即使牵扯上了，又有什么意义呢？
OK，要是说他们都是文艺类的，那一个洗脚城和一个书店有什么比的呢？即使放在一起了，对浏览者来说也没什么用。
甚至，偶觉得，对于特定人群来说，中餐馆和西餐咖啡厅都不存在什么对比意义——难道吃惯中餐的中年人会因为西餐打折/便宜/有活动，就去吃西餐吗？很未必。反之依然。

上面说的2个问题，可能有专角尖的嫌疑，但是偶还是觉得有必要提。
一个大型专业的站点，出现这样的状况，专业的形象，专业的说服力就没了。也许一般人不会计较，一笑了之，但是专业、严谨、可信赖的形象就一点一点消磨掉了。

 对于上面2个问题的改进建议：
1、针对景区或者小区、地标等，应该和餐馆区别开来。设立单独的说明参数。

2、仅在相应类别中进行排行比较，跨类别比较毫无意义。

偶也觉得这些修改建议可能在执行的时候会困难重重，但是偶想起姜牙说过的一句话：“做产品的，有时候不需要太站在技术的立场”：）

至少，进行新产品规划的时候，避免再出现这样的问题了。

共勉。

这贴比较长，没有耐性的朋友请直接拖到帖子末尾的代码示例，或者直接去玩我提供的Demo。

Demo页面：主页面 iframe_a.html ，被包含页面 iframe_b.htm 和 iframe_c.html

下面开始讲：

通过Google搜索iframe 自适应高度，结果5W多条，搜索iframe 高度自适应，结果2W多条。
我翻了前面的几十条，刨去大量的转载，有那么三五篇是原创的。而这几篇原创里面，基本上只谈到如何自适应静的东西，就是没有考虑到JS操作DOM之后，如何做动态同步的问题。另外，在兼容性方面，也研究的不彻底。

这篇文章，希望在这两个方面再做一些深入。

可能有人还没接触到这个问题过，先说明一下，什么是自适应高度吧。所谓iframe自适应高度，就是，基于界面美观和交互的考虑，隐藏了iframe的border和scrollbar，让人看不出它是个iframe。如果iframe始终调用同一个固定高度的页面，我们直接写死iframe高度就可以了。而如果iframe要切换页面，或者被包含页面要做DOM动态操作，这时候，就需要程序去同步iframe高度和被包含页的实际高度了。

顺便说下，iframe在迫不得已的时候才去用，它会给前端开发带来太多的麻烦。

传统做法大致有两个： 阅读全文»