【HTML5&CSS3进阶04】CSS3动画应该如何在webapp中运用
摘要：动画在webapp的现状webapp模式的网站追求的就是一个体验，是HTML5&CSS3浪潮下的产物，抛开体验不说，webapp模式门槛比较高；而体验优化的一个重点便是动画，可以说动画是webapp的一个亮点。但也是一个难点，一个痛点，主要原因是：移动端手机的碎片化严重。设备、型号、版本、分辨率等差...
阅读全文
posted @
2014-11-19 09:32
叶小钗
阅读(8313)
推荐(7) 编辑
【HTML5&CSS3进阶03】Jser与Csser如何一起愉快的翻新老组件
摘要：上次，我们形成了两种header的布局，一种flexbox，一种float，最后与身边做重构的同事交流下来，选择了float的布局。事实上布局的选型不需要我关注，我的参与或者一些意见多数是自我提升，但要说html结构完全控制于csser的话就不一定了在整个header组件的代码过程中，我与重构同事就...
阅读全文
posted @
2014-11-14 07:11
叶小钗
阅读(2342)
推荐(6) 编辑
【HTML5&CSS3进阶学习01】气泡组件的实现
摘要：前言气泡组件在实际工作中非常普遍，无论是网页中还是app中，比如：我们这里所谓气泡组件是指列表型气泡组件，这里就其dom实现，css实现，js实现做一个讨论，最后对一些细节点做一些说明，希望对各位有用小钗最近初学CSS，这里做一个专题，便于自身CSS提升，文章有不少问题与可优化点，请各位指导组件分类...
阅读全文
posted @
2014-11-03 08:10
叶小钗
阅读(7796)
推荐(6) 编辑
【前端盲点】DOM事件流论证CSS盒模型是否具有厚度
摘要：前言很久没有扯淡了，我们今天来扯淡吧。我今天思考了一个问题，我们页面的dom树到底是如何渲染的，而CSS盒模型与javascript是否有联系，于是便想到一个问题：CSS的盒模型具有厚度么？？？该文只是一种帮助理解的说法，与官方定义不一定统一，权当扯淡盒模型稍微入门点的前端都知道CSS盒模型，于是我们不厌其烦的偷图来用：这个就是我们传说中的盒模型，我们这里先把盒模型放一放，来看我们的DOM事件流DOM事件流在上一篇博客中，我们详细说了下javascript的事件机制：【移动端兼容问题研究】javascript事件机制详解（涉及移动兼容）今天也不知道怎么发神经了，突然对其中两个事件参数产生兴趣：
阅读全文
posted @
2013-12-11 00:26
叶小钗
阅读(2152)
推荐(12) 编辑
【初探HTML本相】道之真谛不过自然，html标签脱俗还真
摘要：前言须弥般若有无空，阴阳道化真虚同；洗尽前恩本非相，还吾面目下九重。咳咳，其实老夫对佛教文化有点点研究啦，说以我们这里来了一点很有哲理的东西，因为我这里准备干一件很戳的事情，我准备来看看我们的html标签没有样式时候的表现，为什么要做这件事呢？当然不是无聊了，我今天突然意识到，不同的标签表现有所不一样，他们这样也是有意义的，当CSS不存在时候，他们的表现你知道吗？？？所以我们一起来研究研究吧，看看能不能有什么收获。常用元素到底有多少元素，我这里也说不清，因为我记忆力有点差啦，我甚至现在都记不得substr怎么用！！！所以我们上资料吧。PS：我这里列出来的就是我们后面会研究的，若是没有列出来就暂
阅读全文
posted @
2013-07-05 17:41
叶小钗
阅读(2800)
推荐(26) 编辑
【正视CSS 08】巅峰对武之float你为什么要坍塌我的元素！！！
摘要：前言事情还要回答一个月前，当时寒冬老师搞了一道position的面试题，我当时有幸给看到了，而且正是我要去外地的那天。于是我那天上午便开始入魔了，写完了博客才急急忙忙上飞机：各位周末结束后都累了吧，那我们一起来看看【寒冬】的面试题吧（据说阿里的哟）当时只是草草的回答了那道题，却没想到今天会再拿出来说事！对的，我还是搞不懂为什么float会导致元素坍塌！！！！近期状况我CSS的名师是：张鑫旭（自认入门的）最近引导者：寒冬我CSS方面的东西除了之前的积累，基本来源于此两人，各位可以关注下。多数知识来源于张鑫旭，寒冬让我把整个知识串了起来，虽然素不相识，在此谢过了。引出问题我最近一直在思考float
阅读全文
posted @
2013-06-15 15:36
叶小钗
阅读(2122)
推荐(15) 编辑
【正视CSS 07】再看vertical-align
摘要：前言最近学习CSS有点走火入魔了，CSS一直是自己的短板，没想到最近居然能静下心来学了这么多CSS的东西，着实值得表扬。俗话说得好，不疯活不成魔，我最近真有点刀狂剑痴的味道了。有时候晚上学习结束后，一晚上睡得很浅，我感觉下雨了，但下的雨居然全部是html标签！我在电梯里面看到了一张手机中的图片，我诡异的笑了，因为我好像看到了他的布局了！于是，我魔杖了，是的，这是入魔的征兆！凡是皆有其度，之前的过度就导致了我今天的问题。我今天居然不知道该学习什么了。。。。学习如逆水行舟，所以我们都要放平心态，一起再来看看吧，一起建设我们的CSS世界观啦！本文参考：http://www.zhangxinxu.co
阅读全文
posted @
2013-06-14 23:44
叶小钗
阅读(1374)
推荐(4) 编辑
【正视CSS 06】构建我们自己的世界观！
摘要：前言我们很小的时候什么都不知道，于是什么都会是别人对我们解释，也许是父母，也许是师长，但是随着年龄的增大，我们会逐步形成自己的世界观，并且当我们有小孩时候，他会问我们很多问题，我们会为他解答，那么我们的答案有何而来呢？我们的答案来自我们自己的世界，来自我们自己形成的世界观！我们初学CSS时候什么也不知道，于是我们从书上、博客上获取了很多知识，那么我们是不是也应该形成自己的世界观呢？我们碰到的问题是不是都可以用我们形成的世界观解释呢？以上是我最近思考的问题，我觉得我们有必要形成自己的世界观了，形成世界观才是长大的标志，我形成的世界观可以不坚固，可以很小但是他必须存在，你们的也必须存在。我们需要捍
阅读全文
posted @
2013-06-13 12:00
叶小钗
阅读(2557)
推荐(15) 编辑
【正视CSS 05】我们错过了些什么，为何叶小钗？
摘要：前言我的记忆力不行，所以会花很多时间研究相同的事物，这不我又来了。我研究CSS有一段时间了，却无情的发现一个事实，学的越多，懂的越少，卑微的人类啊！回想我几次看CSS权威指南，第一次草草而过毫无所获，第二次醍醐灌顶，第三次迷迷糊糊鲜有所得，第四次却变得疑惑了！当你发现你将书翻来翻去找不到答案时候，那就是一个恐怖的开始！事实上无论js或者CSS或者其它慢慢的找不到答案了。。。比如，其实此文其实应该叫CSS04的，怎么变为05了呢？因为04的名字叫做：我当时准备做个什么来着呢？我想知道我们的常用表情在不具有CSS时候的表现，比如ul的margin与padding，比如h1的字体大小，他的margi
阅读全文
posted @
2013-06-12 01:15
叶小钗
阅读(2385)
推荐(8) 编辑
【正视CSS 03】block与position，出门在外的朋友端午节快乐
摘要：前言一件非常重要的事情！！！很多朋友问我是不是妹子！！！哎，想我刀狂剑痴叶小钗堂堂七尺男儿居然一而再再而三的被调戏，真是愧对中原剑圣之名，所以今后请不要再问我性别啦！独在异乡为异客！哎，出门在外啊！今天过节，我这里牢骚几句。今年职业规划上发生了很大的变化，前段时间失业了。毫无预料的失业带来的就是近两年的计划付诸东流，这里我就不得不思考一个问题我现在会面临失业问题，今后可能也会，我现在年轻还无所谓，之后年纪大一点呢？工作不那么好找了呢？所以我很是惶恐啊！因为家庭上一些原因，我从小就很敏感，缺乏安全感，而公司从来就不是有情有义的存在，创造价值你就留下，创造不出价值你就滚蛋这是很合理的，所以我们得武
阅读全文
posted @
2013-06-10 14:31
叶小钗
阅读(1739)
推荐(9) 编辑
【正视CSS 02】inline与line-height、float、absolute的故事
摘要：前言那是一个很久之前的故事了。。。之前我一直认为CSS最重要的是布局，将一个图片很好的以网页显示出来就是王道。但是，经过后来慢慢入门后，才发现其实布局感觉不是很难了，倒是行内元素这个家伙深藏不露。行内元素属于那种很仁慈的主，你了解他你能做得更好，你不了解他，你的页面也不会过于乱，所以我们就容易忽略他的威力，所以今天我们一起来好好的审视一番吧那一年，你未娶我未嫁在那一年我会写这样的代码：<p> 霹雳布袋戏中最广为人知的主角之一。叶小钗一生悲情，命运多舛，亲人恩人朋友一个个离他而去，遭遇令人心酸，却也因此练就了超绝的禅定功夫。耿直专一、守信重诺的侠客，虽为侍童出身，但不屈不挠的个性，丰
阅读全文
posted @
2013-06-09 14:27
叶小钗
阅读(4224)
推荐(9) 编辑
各位周末结束后都累了吧，那我们一起来看看【寒冬】的面试题吧（据说阿里的哟）
摘要：前言虽然我CSS水平很水，但是水不是不学好的理由。最近寒冬大哥针对面试发了一点“闹骚”，我们来看看他的微博是怎么说的呢？面试的时候问个css的position属性能刷掉一半的人这是啥情况……其实这问题我本来打算的是可以顺着一路扯到normal flow、containing block、bfc、margin collapse，base line，writing mode，bidi，这样一路问下去的，奈何第一个问题（亲我真的只问了position有哪些取值和行为啊）就悲剧了……position属性常用的取值static、relative以及absolute和它们的基本行为是每个前端都应该掌握的。
阅读全文
posted @
2013-05-20 10:09
叶小钗
阅读(6610)
推荐(24) 编辑
【正视CSS】他山之玉可以装B之细说margin
摘要：前言因为我最开始是搞服务器端代码的，刚开始根本不看好CSS，甚至认为js抄一抄改一改就完了！由于这种错误的认识，所以CSS功底很水，曾经认为将图片做成页面是件很神奇的事情。时至今日，我能轻易将一张图形成页面，我还能用js写出简单的插件，但有一个是没有变化的：我依旧认为CSS很神奇！很难，比js难......一方面是自己布局的项目经验不足，另一方面就是没有经过系统的学习，所以这块仍然是我的短板，是问题就需要突破，我不行但有人行！我最近领悟了一个学习方法，针对某个问题，搜集几篇高质量文章阅读，然后吸收，做实验，形成文章！这样的学习效果我感觉针对还行！所以这次用到我的短板CSS上试试！引用资料css
阅读全文
posted @
2013-04-27 16:44
叶小钗
阅读(1124)
推荐(2) 编辑
