前端的一周mark(2016-04-05~04-10)

2016-04-05 周一 天气晴朗 有点热

清明节

清明节回家乡祭拜祖先,才知道不是所有地方都是清明节回去祭拜祖先,有些地方是重阳,有些地方是冬天时候;才知道清明节来源于晋公为纪念一片丹心的介子推而创立的一个节日,为的是感恩,在人们渐渐忘记了节日的渊源而流于形式的时候,应该记住本源,学会感恩。

爷爷前年去世了,三年不能上山祭祖,只需上香烧纸,让远在外地拼搏的亲人不用千里迢迢赶过来,但我还是回家乡了,想家了,或者说家想我了。虽然来回跑让人很疲惫,但是看到老爸老妈那高兴的样子,自己也开心,下一次估计要到国庆甚至过年了。

老爸在吃饭的时候和我说,孩儿,社会是个人的社会,你不能靠一个人去完成所有事情,多和人家接触,才能正真学习社会这门大学。

一个待我如儿子般的叔叔听到我天天快餐饭盒,让我多注意身体,过热过冷的食物要少吃,养好身体才是根本,少熬夜多运动,多接触身边的事物,多染染自己。

Houdini

不太懂的一篇关于css的文章,大概的意思是css会提供API供开发者去定义自己的css规则和解析方法,比较新的概念,mark以下。

css3 loading(SVG loading)动画集合

加载时动画的一些库和资源,mark待研究。
loader.css

feday的ppt

之前有mark相关参与人员的笔记,这次是相关的ppt

前端的数据驱动

目前在做前端单页面,涉及到了设计模式的应用,mark

浅谈浏览器http的缓存机制

百度的缓存延伸出来的缓存机制详情

2016-04-06 ~ 2016-04-08 天气晴朗

跑去湖南考驾照科目一,傻傻的报了市外班,速度是快了,但是累死人,十一个小时的火车乘以2,真不是盖的。

科目一并不难,把一千多道题目刷一遍再过一下错题基本稳过,不会做的记得跳过因为一旦点了下一题它自动给分的,到最后算了下有九十以上,最后几道题都是盲选了。

前两年是说省外的好考,不过由于近几年大家都发现这现象,纷纷涌到了湖北江西等地方去考驾照,结果就是省外的人反而多起来,有些省份直接不给办临时居住证,从而杜绝了过来考驾照的人,然后就是一堆人全部涌到了湖南来考,导致考场人数过多,本来人多就排队嘛,但是监管不严,有关系的 提前考,没关系的排你的队,然后我就目睹了排队的和考官开骂的场景,我也是从早上六点半到排到了下午才轮到,中间已经考了不下几百人,可想而知插队的到底有多少,还有些直接由人带进去考,连等都不用。

老以为家乡那边重人情,毕竟是生意之乡,才发现中国很多地方都是关系人情的社会,而且严重得多。听同行过来考试的人说不仅仅是湖南,很多地方都是如此,没有关系的基本没法走程序,反而像深圳这样的大城市,人们更多地自觉遵守秩序,监管的严格让走关系变得更难,从而吸引了更多人过来发展。

最后想说,如果还想考驾照的朋友就不用考省外的了,现在省外的人多,而且因为人多反而严格审查,不再像几年前一样轻松了,省内想深圳今年已经实行宽松政策,考试反而变得容易,如果不是很赶时间的,不如报考省内更加方便。

2016-04-09 周六 天气晴朗

扩展可点击区域

伪元素before和after可以用来自动生成目录、作为背景图、还可以用来生成border边框图而不改变元素的大小、也可以用来生成蒙层,今天发现它还可以用来扩展可点击区域。

自定义复选框

以后不要再说无法自定义表单样式的sb话了

响应式图像

html标签中直接实现了响应式图像,浏览器根据设置的属性来选择加载的图像,目前有几种:

  • 基于设备像素比:srcset属性
  • 基于viewpoint选择:使用srcset搭配w描述符以及sizes属性
  • picture:基于Art direction(美术设计)选择
  • source:基于图片格式选择
浏览器支持方面:

Firefox,Chrome和Opera的最新稳定版本均支持picture
。Safari和IE本身均不支持picture
。srcset
的情况稍微好一点,Firefox、Chrome和Opera的最新稳定版本完全支持,Safari8和Internet Explorer Edge部分支持,可以使用x
描述符用于根据分辨率切换,但不支持w
描述符。Safari9已经完全支持srcset了(译者注)。
现有不少polyfills解决支持性问题,最知名的恐怕是Scott Jehl的picturefill。目前我(原作者)在我自己的网站上使用Alexander Farkas的respimage。目前的状况是,我们已对响应式图像的处理方案达成一致,并且这些解决方案逐渐被所有的主流浏览器实现。尽管该规范仍在不断完善之中,但原生的响应式解决方案离我们越来越近了。
一个相关的库:http://scottjehl.github.io/picturefill/

酷酷的css3文本效果

博客样式可以用一用

    原文作者:陈坚生
    原文地址: https://www.jianshu.com/p/b3426635ee0c
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞