2013 年 5月随笔档案 - 叶小钗

【javascript培训第三天】查遗补漏

摘要：前言先说说最近的工作吧，我刚进了一个新的团队，工作了快两周了，感觉新团队还是不错的，最重要的一点就是大家都在做事情，没人“偷懒”。因为后端同事很多原来没有互联网开发经验，所以对前端的一些东西不是很熟悉，我开始还认为彼此配合可能会出问题呢，但是我是错误的！后端老大哥很照顾人的，至少最近的工作中，后端同事表现出来的友好与担当就是我应该学习的，而且后端同事对我很尊重，有几次都提出了要向我学习前端知识，说实话我感觉到了团队的温暖，也感觉到了自己的责任，所以还得加油呢！这个团队是很有前途的，这是一个好的开始。然后，我开始担任着前端组长的角色，我认为我最近做的不够好，今天产品经理和组员聊天过程中，我突然意阅读全文

posted @ 2013-05-29 22:48 叶小钗阅读(1365) 评论(3) 推荐(1)

【javascript培训第二天】DOM与BOM

摘要：前言接上一次的话题，我们今天继续学习，对于上一篇文章，有朋友认为这种文章满大街都是（老实说，我也没想到这么多朋友愿意读），想学javascript不如自己买一本javascript高级程序设计来读读，其实这些朋友的想法是正确的。但无奈这是上面下的任务，而且我认为学习有两个最为困难的阶段：1 入门2 飞升我所说的飞升到不是说非常非常厉害，也就是我两年后想达到的水平罢了。诚然入门不难，认为不难的同学其实是错误的，说他不难只能说你已经入门了，其实入门真的很难的！就拿我来说，我入门CSS就花了很大的功夫，连现在我都觉得CSS很精秒。我自己js入门没有我没有办法断定。什么程度算是入门，什么程度算是精通，阅读全文

posted @ 2013-05-28 22:15 叶小钗阅读(5162) 评论(11) 推荐(22)

【写漂亮的博客】让我们的博客更加漂亮，让我们的博客支持响应式布局！

摘要：前言很多朋友问我的博客是什么软件写的，嘻嘻，其潜台词是我的博客页面还挺好看的呢！！！心里美滋滋的，这里就把方法共享出来吧定制样式而已我的博客主要是对H1的样式做了一点改变，给H1加上了背景色，并且对其文字做了一点改变，我们来看看我的博客的页面；其中的centercontent就是博客的主体，我们博客园其实是设置了地方可以定制样式的：在这个地方设置就可以了，我这里是这样写的：<style type="text/css"> #cnblogs_post_body { color: black; font: 0.875em/1.5em "微软雅黑" 阅读全文

posted @ 2013-05-27 12:23 叶小钗阅读(6772) 评论(19) 推荐(30)

【javascript培训第一天】语言基础

摘要：前言因为公司要进行前端团队建设，这一培训任务就落到了我手里，有时候会望着后端几个工作5年甚至10年的同事，心里还是有点虚的，虚完事情还是要做的，所以首先需要先复习复习，后面再根据最近的博客形成PPT吧，所以“本老师”来了。。。这次培训的内容由CSS、javascript、jquery组成，按道理说该先写CSS的，但是我CSS很水已经是默认的标准了，所以还是先看看js吧，希望我js不这样水javascript基本数据类型这次培训对象还是会有新人，所以还是需要介绍基本数据类型的，话说我现在也不能完全说出来呢。。。javascript数据类型分为两种：原始类型与对象类型原始类型：数字、字符串、布尔值阅读全文

posted @ 2013-05-26 23:23 叶小钗阅读(5153) 评论(33) 推荐(33)

【web前端优化】前端无优化，庸人自扰之！

摘要：前言我发现一个人厉害不只是他厉害，他的名字也一定要跟着厉害才行，比如我刀狂剑痴叶小钗了，若是老夫叫做刀狂剑痴叶小草，估计就缺少气势了！！！又如百世经纶一页书，如果叫做百世经纶一本书估计也不会是绝代高手了！说了我给标题取了个很霸气的名字：“前端无优化，庸人自扰之”，其实我也不知道他是什么意思了，好了，啰嗦结束进入正题。最近遇到一个有意思的东西，是关于考试题相关的东东，其实就是我有很多试题，需要生成试卷让人来做了（真实应用有点不同），但是他却让我想起了我的初恋！我原来花了一年时间做的考试系统，所以有了这篇文章。PS：本人前端水平很水，在此就是大言不惭罢了，甚至想引出真正的高手解决问题，各位看到我的阅读全文

posted @ 2013-05-24 23:00 叶小钗阅读(3812) 评论(22) 推荐(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 叶小钗阅读(6635) 评论(18) 推荐(24)

各位周末玩了一天累了吧，我们一起来做两道面试题吧（据说淘宝的哟）！

摘要：前言我的CSS一直是一块短板，原因就是前几年对CSS不重视，现在重视了项目经验又不足，所以在这块上我是下了很大功夫的，也看了一点书，做了点东西，希望在几个项目后CSS水平有所提高！完了，我最近在思考自己的CSS是短板，那么JS就是强项了吗？却发现自己前端水平貌似也不是很高，于是又开始走老路开始自卑起来了，于是这个时候我们要嘛做点实事做点项目，不然就在网上搞几道面试题来干干，这对个人提高很不错的。我之前有一段时间有点迷茫，并且找不到学习的方向与方法，却在一次面试过程中从新获得了专注的力量，所以我们不要小看了面试题带来的冲击，面试题是帮助前端人员提高的非常好的途径呢！我不CSS是短板吗，好的那就上阅读全文

posted @ 2013-05-18 17:20 叶小钗阅读(4372) 评论(26) 推荐(15)

【探索HTML5第二弹05】响应式布局（中），一步一步响应式布局

摘要：前言前天初步探究了一次响应式布局，虽然花了一天功夫，做出来的东西还是不行，在此我还是认为要做响应式布局设计应该先行，应该先制作3个以上的设计图出来，但是对于手机来说，图片流量也是个问题，但是这个我们暂时不管了，还是先拥抱移动互联网吧，继续我们的响应式布局！固定宽度布局在飞之前，我们还是应该先爬一爬，先来个固定宽度布局的页面吧，我今天还是先搞了一本书，看看系统的响应式布局是怎么回事的吧：理论上，我们应该从移动开始设计慢慢到屏幕但是现在我们无视这个理论吧我们今天要做的一个页面搞简单点大致如此布局即可：好了，具体做什么我还没想到呢，我们具体就做一个电影简介吧，于是开始布局： 1 <!DOCTY 阅读全文

posted @ 2013-05-17 15:05 叶小钗阅读(4052) 评论(12) 推荐(20)

【探索HTML5第二弹04】响应式布局（上），让我们一起来响应式布局吧

摘要：前言第一次看到响应式布局这个东西的时候，我还以为又出了新东西呢，稍微研究了下才发现其实也是现有资源的组合而出的创新，中国什么时候也搞一个这种创新呢？所谓响应式布局，大意是在不同设备上（不同尺寸下）都能以比较合理的方式显示，大家千万不要觉得iphone上的显示感觉还不差，我们就说说博客园吧，其实园子该改成响应式布局，只不过要花点功夫。我们首先进入博客园后，手机对整个页面是有一定缩放的，所以看上去还是全屏呢，然后你要看其中一个内容还要滑大，左边完了要看右边又要滑过去，哎真是费力不讨好啊，不注意点到一个a标签又不见了，所以这真不是比较友好的界面。响应式布局的提出是比较有意思的，根据不同的尺寸做不同的阅读全文

posted @ 2013-05-15 17:41 叶小钗阅读(3665) 评论(12) 推荐(9)

【Google Fusion Tables API 初探】地图与云计算

摘要：前言这次当然又是标题党啦！我和云计算扯不上关系的。。。。最近公司有个需求，类似于将中国各个省市给列出来（图标），这个应用其实很广泛我说的是原需求的变形，再扩散一点我们可以获得各个城市具有苹果专卖店的地址然后显示出来，比如：这个的实现原理是客户端渲染技术，浏览器指定在哪些地方打上标记，便在哪些地方打上<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <style type="text/css 阅读全文

posted @ 2013-05-10 17:06 叶小钗阅读(3010) 评论(6) 推荐(7)

【探索HTML5第二弹03】走近地图应用的世界，看我们google地图可以看些什么！

摘要：前言昨天，前天都有一些事情了，自己的学习任务有所耽搁，但这不是主要原因，主要原因是昨天和前天都在搞canvas相关东西，这个东东怎么说呢？我是越搞越不能确定自己是否会用到，所以过程中有点纠结，然后慢慢时间就过去了。另外，我本来想重新学习HTML5的，但是发现在走之前的老路，重复的过程就没必要了，我要从新思考一下最近的学习计划。最近开始接触了google地图应用，那确实叫一个不错啊！！！可以完成很多事情了，这里用到的是GMaps.js，这里将其简单说下吧！进入Gmaps的世界简单应用 1 <!DOCTYPE html> 2 <html xmlns="http://ww 阅读全文

posted @ 2013-05-09 09:31 叶小钗阅读(1500) 评论(2) 推荐(6)

【探索HTML5第二弹01】HTML5的前世今生以及来世

摘要：前言新入职的团队，每天工作强度很大，我感觉在那里待一天要干原来1.5天的事情，虽然才去两天就深刻的感受到了什么是“程序员”了，原来我一直不是一个称职的程序员。新团队加班很厉害，但是我现在却不在意，我现阶段需要这种高强度的工作量历练，一年下来再看其他吧。但是，我期间还是有一定忐忑与不自信的，因为阅读全文

posted @ 2013-05-06 23:00 叶小钗阅读(1973) 评论(1) 推荐(3)

【实战HTML5与CSS3】免费制作威客页面啦（附源码）

摘要：前言接着昨天的写，居然有圆友找到了网站原网址，这里也一并弄出来了，发现他们做出来其实和原型图还有一点差异呢：http://www.tmtpost.com/原型图今天我们要做的是这张图，我在威客上面找了好久，终于找到一张较合适的图呀，今天我们就来无偿奉献下吧，有图有真相，先上图吧！！这里也对自己提出要求，希望做出来的页面与设计图完全一致，但估计有点玄，希望大致一致吧，于是我们开始动手吧！开始切图第一步，让我们先把背景图给搞下来吧，这个尺寸与大小我感觉应该合适吧。第二步，将logo剪切了第三步，我们看看会用到哪些小图标，先全部给抠下来吧，暂时只弄了这么多需要再弄吧：我PS水平更加水到没边了，完全初阅读全文

posted @ 2013-05-05 17:26 叶小钗阅读(5571) 评论(19) 推荐(15)

【实战HTML5与CSS3】用HTML5和CSS3制作页面（上）

摘要：前言周一离职并且入职了，于是开始了做新项目，那天我问了下前端大哥，我们做的项目需要兼容哪些浏览器，他说需要兼容IE9以上与chrome，ff，我一下就诡异的笑了。。。。这不是HTML5与CSS3项目的温床吗？这次真的捡到宝了，再也不用担心IE678的问题了，可以肆意的使用最新的技术了。紧接着问题也来了，我现在需要切图了，对于我这种前端，css一直是短板，更何况切图！！！说实话我还真没有完整的切一张图来试试，于是今天让我们来试试吧！！！原型图今天我们要做的是这张图，我在威客上面找了好久，终于找到一张较合适的图呀，今天我们就来无偿奉献下吧，有图有真相，先上图吧！！这里也对自己提出要求，希望做出来的阅读全文

posted @ 2013-05-04 19:08 叶小钗阅读(3771) 评论(6) 推荐(5)

【实战HTML5与CSS3 第三篇】我第一个HTML5网页诞生了(提供源码)

摘要：目录【实战HTML5与CSS3 第一篇】初探水深，美丽的导航，绚丽的图片爆炸！！【实战HTML5与CSS3 第二篇】绚丽的快速导航！【实战HTML5与CSS3 第三篇】我第一个HTML5网页诞生了(提供源码)前言昨天的进度有点延缓，只做了快速导航特效，都是晚上回来一点多才基本结束，其中很多问题也没有修正，就只有一个白板特效。今天是假日的最后一天，所以需要有一个结果了，看来这次只能做首页了，乐观情况下需要把整个首页布局弄出来，再优化了。回顾特效，为什么absolute我们回顾下之前的几个特效，无论是导航上跟着走的背景，还是爆炸的图片，到昨天做的快速导航特效，他们全是采用绝对定位！然后来看看我们马阅读全文

posted @ 2013-05-01 16:07 叶小钗阅读(6172) 评论(18) 推荐(10)

【实战HTML5与CSS3 第二篇】绚丽的快速导航！

摘要：目录【实战HTML5与CSS3 第一篇】初探水深，美丽的导航，绚丽的图片爆炸！！【实战HTML5与CSS3 第二篇】绚丽的快速导航！【实战HTML5与CSS3 第三篇】我第一个HTML5网页诞生了(提供源码)前言今天9点就起来了，因为下午出去有个聚会，所以就早点起来进行，否则这个进度有点吃紧啊，昨天初略的完成了导航以及爆炸的图片，这里来回顾下：1 导航为一个div背景跟着导航栏目移动，并有一定抖动感觉，这个完全是jquery的东西了，若是用css3我暂时没有想到解决方案；2 图片爆炸功能，这个功能就现在来说都是有很多问题的，都不能用瑕疵来说，第一效果不能达到我的要求，第二性能上恐怕有问题，这块阅读全文

posted @ 2013-05-01 01:28 叶小钗阅读(5181) 评论(14) 推荐(6)