摘要: 问题的引出是这样的,在一个项目中有大量的页面主体是table做数据展示,所以就封装了一个table的组件,提供动态渲染的方案。有个问题是数据类型中有图片,对于图片的加载失败我们需要做容错。一般我们的思路都是对img绑定error事件,替换该图片为一个默认的图片。但是error事件是不会冒泡的,我们渲 阅读全文
posted @ 2016-07-18 19:57 happycloud~~ 阅读(1424) 评论(2) 推荐(1) 编辑
 
摘要: 最近做一个项目,应用在移动端,其中涉及一个评论组件。按照现有的趋势,是有评论的地方必有点赞。当然我们的组件也未免于难。大概操作部分设计如下如此简low的设计,点个赞加个一这效果实在是简直是捞比啊!!!_(:з」∠)_(我知道设计不会看到这篇文章)怎么办,一世英名不能毁于此啊(╯‵□′)╯︵┻━┻,如... 阅读全文
posted @ 2015-10-28 23:44 happycloud~~ 阅读(5639) 评论(9) 推荐(3) 编辑
 
摘要: 1.user-scalable问题写手机页面都会加一个meta标签maximum-scale=1.0, user-scalable=0通过禁止用户手动缩放和最大放大比例是1来防止用户手指动作导致页面放大页面失衡。然而这个对uc并没有什么卵用。。。如下图(被拉伸淘宝wap页面):2.apple-tou... 阅读全文
posted @ 2015-08-24 01:30 happycloud~~ 阅读(5500) 评论(1) 推荐(0) 编辑
 
摘要: 关于uc 的flex 和textarea 的width:100%;这些天再做一个wap的项目,本想着手机上不用考虑兼容性问题,可以大刀阔斧搞,fuck ie678!在pc上完成页面开发,在chrome模拟器上做页面的矫,good!一切看起来... 阅读全文
posted @ 2015-06-18 13:55 happycloud~~ 阅读(3936) 评论(8) 推荐(1) 编辑
  2017年5月23日
摘要: object-fit 解决图片指定大小被压缩问题 第一次遇到这个属性,是在给video 写 poster的时候,选取的作为poster的img的尺寸有点小,导致video播放器两边有留白。在控制台查看video默认样式的时候看到了这个属性。 chrome中默认是object-fit:contain, 阅读全文
posted @ 2017-05-23 14:12 happycloud~~ 阅读(3221) 评论(2) 推荐(0) 编辑
  2015年10月26日
摘要: 最近帮忙学弟学习前端知识,留了几期作业,暴露出很多问题。把他的总结分享出来,大家一起看下:总结:一:百度首页面的总结:盒子居中用margin:0 auto;选择器的名称要语义清楚,(增强代码可读性)除了制作表格,页面布局尽量要用div关于颜色的定义要用十六进制表示,少用red,black这种输入框的... 阅读全文
posted @ 2015-10-26 17:28 happycloud~~ 阅读(597) 评论(0) 推荐(0) 编辑
  2014年3月26日
摘要: 登陆http://httpd.apache.org/download.cgi到apache的官方下载页面。选择一个版本,以最新版为例,点击Binaries。进入下面这个页面,选择win32然后选择一个msi文件即可,然后像安装其他软件一样,指定路径神马的。如果本机80端口已被占用,安装过程会有一个CMD窗口提示。安装完,在httpd.conf文件中将Listen: 80 端口修改,可以改为Listen:8080;不想默认的指定网站文件路径,可以修改上文件中的webroot改为自己指定的文件路径,还有xxxx也要改为你指定的路径。然后重启apache就好了。 阅读全文
posted @ 2014-03-26 00:49 happycloud~~ 阅读(450) 评论(0) 推荐(1) 编辑
  2013年12月26日
摘要: 有简历,为何还要自我介绍?一个常规的面试,寒暄之后考官提出的第一个面试问题几乎千篇一律:“请你简单地做一下自我介绍”。有些被面试者都会问:简历中情况已经写得很清楚了,这是否多此一举?要回答这个问题,首先搞清楚为什么面试官要请你做自我介绍?面试官通过自我介绍想考察被面试者什么?只有了解面试官的目的,被面试者才能做好自我介绍。面试官通过面试自我介绍考察应聘者以下五方面内容:第一,考察自我介绍内容和递交简历内容是否相冲突。如果简历是真实的,口述自我介绍就不会有明显出入。如果简历有假,自我介绍阶段一般就会漏马脚。如被面试者反问:“我的经历在简历里都写了”,面试官对这人的印象分会一下子降为负数。第二,考 阅读全文
posted @ 2013-12-26 20:33 happycloud~~ 阅读(343) 评论(0) 推荐(0) 编辑
  2013年11月12日
摘要: 2013-02-04 13:40:36背景 之前接触过移动端项目的网页,过程中遇到不少问题,也犯了些错误,现在有时间来总结下。对于移动端我们更要关注什么呢,是设备的各种分辨率,还是device-width呢?移动端设备为什么会有2个视口(visual viewport&layout viewport)?何谓是Retina屏,标准是什么?图片在Retina屏上为什么会模糊以及怎么处理?如何更好的为Retina屏幕设计呢?我们在移动端上用手指放大缩小的究竟是什么呢?为什么要使用,以及使用此改变的究竟是什么呢?怎么更好的使用媒体查询(Medai query)?怎么检测移动端设备的性能,以及如 阅读全文
posted @ 2013-11-12 23:16 happycloud~~ 阅读(473) 评论(0) 推荐(0) 编辑
  2013年11月7日
摘要: 原文地址:http://sporto.github.io/.../comparison-angular-backbone-can-ember/ 原文作者:Sebastian Porto@Twitter 本文译者:@李松峰,感谢@林永坚jake推荐 版权声明:经作者授权翻译,转载请注明原文及译文出处选择JavaScript MVC框架很难。一方面要考虑的因素非常多,另一方面这种框架也非常多,而要从中选择一个合适的,还真得费一番心思。想知道有哪些JavaScript MVC框架可以选择?看看TodoMVC吧。我用过其中4个框架:Angular、Backbone、CanJS和Ember。因此,可以对 阅读全文
posted @ 2013-11-07 10:56 happycloud~~ 阅读(228) 评论(0) 推荐(0) 编辑