laokdidiao的专栏

???? ???? ???? 项目源代码，点击【Github 原文链接】所有项目如下所示：#项目在线演示01Expanding CardsLive Demo02Progress StepsLive Demo03Rotating Navigation AnimationLive Demo04Hidden Search WidgetLive Demo05Blurry LoadingLive Demo06Scroll Animation

一直以来，web移动端都有这么几个问题困扰着我：单位太多，除了px、rem，其他单位到底啥意思？ 设计师经常会问前端，我到底按照什么尺寸出设计稿？高清图怎么做出来的？边框1px，为什么在不同手机中粗细完全不同？妈蛋，为何移动端总要在meta中width=device-width, initial-scale=1…写这么一句什么是viewport？我相信我的问题也困扰着你，且听我娓娓道来

今天想着做一件事情，给自己的收藏夹分类。结果做着做着，发现这个任务的工作量超乎我的想象。有一些文章，可能很难界定说，它是哪一类的；而且自己还没有特别去梳理自己对前端知识结构的理解，使得在分类的时候层级也有些模糊。所以在这里梳理一下自己理解中的知识结构。这既是一篇总结，也是一篇指南，有些地方我自己亲身经历可能丰富一点，就说的多一些；有些地方自己没什么实践，就少说话，简单提一提，免得贻笑大方。

1、请写出以下几个alert的值：var a =100;       function fn(){alert(a);var a = 200;alert(a);}fun();alert(a);var a;alert(a)var a = 300;alert(a)2、请写出以下程序的输出var obj1 = {name:'obj1' ,

视觉稿在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点：1）首先，选取一款手机的屏幕宽高作为基准(以前是iPhone4的320×480，现在更多的是iphone6的375×667)。2）对于retina屏幕(如: dpr=2)，为了达到高清效果，视觉稿的画布大小会是基准的2倍，也

记得面试现在这份工作的时候，一位领导语重心长地谈道——当今的世界是互联网的世界，IT企业之间的竞争是很激烈的，如果一个网页的加载和显示速度，相比别人的站点页面有那么0.1秒的提升，那也是很大的一个成就。然后我不知道怎么写下去了，就在群里问了那群狗头军师，结果是这样的。。。好的，是时候“语锋一转”切回主题了 —— 如何提升我们站点页面的访问速度、减少等待时间，从而最大化地提升

今天我们要来分享一些设计非常独特的人物和动物动画效果，它们都是通过HTML5和CSS3制作而成，有一些动画是利用纯CSS3实现的，一起来看看。1、纯CSS3绘制可爱的蚱蜢 还有眨眼动画今天我们要分享一个利用纯CSS3绘制的蚱蜢动画，非常可爱，之前我们也分享过很多利用纯CSS3绘制的人物、动物等很有特点的效果，比如纯CSS3绘制可爱小男孩动画、纯CSS3 Android Logo

作者：Lucida微博：@peng_gong豆瓣：@figure9原文链接：http://lucida.me/blog/sublime-text-complete-guide/摘要（Abstract）本文系统全面的介绍了Sublime Text，旨在成为最优秀的Sublime Text中文教程。前言（Prologue）Subl

最近项目刚好用到这种效果，也就是有点像刮刮卡一样，在移动设备上，把某张图片刮掉显示出另一张图片。效果图如下：扫描下方二维码查看DEMO演示这种在网上还是挺常见的，本来就想直接网上找个demo套用下他的方法就行了，套用了才发现，在android上卡住了，因为客户要求，在android不要求特别流畅，至少要能玩，但是网上找的那个demo实在太卡，根本就是没法玩的情况。于是就想自

经常可以在网上或者电视上看到被马赛克模糊的图片或者视频，今天我们要利用HTML5 Canvas技术来实现图片的马赛克模糊效果。在演示中我们可以拖动滑竿来设置马赛克模糊的程度，你可以在不同的值下观察图片被马赛克后的效果。HTML5的确非常强大。HTML代码如下 定义了一个滑竿和3张待模糊的图片。JavaScript

通过媒体查询的设置，我们可以根据屏幕宽度、屏幕方向等各个属性来加载不同场景下不同的CSS文件来渲染页面的视觉风格。具体的使用方法有以下两种：1、通过link标签：2、CSS中直接设置：@media screen and (max-width:479px) {    　　/* 具体的CSS属性设置 */　　}正常我们需要响应式Web设计的页面，

欢迎大家收看我的在线Java全套免费教学超清视频：http://v.youku.com/v_show/id_XODQ1NjU0NDc2.html 这是其中的一个视频连接，大家可以拖动到优酷视频下方，订阅我的账号，因为以后我会有更多视频免费提供百度搜索：输入Fcs_D调的码农 ，或者输入"胡博君"就能看到我的很多视频或者加我的微信号：fcsboy 我可以及时通过微信通知你们QQ学习群：237053693