叶小钗 - 博客园

2013年5月15日

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

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

2013年5月10日

【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 叶小钗阅读(2911) 评论(6) 推荐(7) 编辑

2013年5月9日

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

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

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

2013年5月6日

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

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

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

2013年5月5日

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

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

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

2013年5月4日

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

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

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

2013年5月1日

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

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

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

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

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

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

2013年4月29日

【实战HTML5与CSS3 第一篇】初探水深，美丽的导航，绚丽的图片爆炸！！

摘要：目录【实战HTML5与CSS3 第一篇】初探水深，美丽的导航，绚丽的图片爆炸！！【实战HTML5与CSS3 第二篇】绚丽的快速导航！【实战HTML5与CSS3 第三篇】我第一个HTML5网页诞生了(提供源码)前言先八卦一下，我昨天离职了，把电脑也退了，离职前，我发了一封邮件给整个部门，陈述自己的不舍与团队管理问题（估计传说中的leader要抓狂了），然后就昏昏的回家了，所以昨天没有什么产出。最近经常有朋友惊叹我的发帖速度很快，其实是有原因的，我最近两周要离职，所以就不太理我那传说中的leader了，每天多出很多时间可以学习。但是，下周后便会入职一家新公司了，我已经有感觉进去一段时间会很忙，会很阅读全文

posted @ 2013-04-29 20:03 叶小钗阅读(5622) 评论(15) 推荐(15) 编辑

2013年4月27日

【正视CSS】他山之玉可以装B之细说margin

摘要：前言因为我最开始是搞服务器端代码的，刚开始根本不看好CSS，甚至认为js抄一抄改一改就完了！由于这种错误的认识，所以CSS功底很水，曾经认为将图片做成页面是件很神奇的事情。时至今日，我能轻易将一张图形成页面，我还能用js写出简单的插件，但有一个是没有变化的：我依旧认为CSS很神奇！很难，比js难......一方面是自己布局的项目经验不足，另一方面就是没有经过系统的学习，所以这块仍然是我的短板，是问题就需要突破，我不行但有人行！我最近领悟了一个学习方法，针对某个问题，搜集几篇高质量文章阅读，然后吸收，做实验，形成文章！这样的学习效果我感觉针对还行！所以这次用到我的短板CSS上试试！引用资料css 阅读全文

posted @ 2013-04-27 16:44 叶小钗阅读(1113) 评论(6) 推荐(2) 编辑

【CSS3初探之Media Queries】终于完成了的CSS3，我们来个终章总结！

摘要：前言无论如何，学到这里，我可以自豪的告诉自己，我HTML5与CSS3学完了，不管我现在还记得住多少，我确确实实将他们学完了，还做了不少demo。回想几个月前，我一直在纠结自己应该学习HTML5与CSS3，我应该加强js与css，却一直没有任何产出！但是，我最近在两个星期就完成了HTML5与CSS3的初步学习，就此慢慢迈入HTML5与CSS3的大门，而且重新找回了学习的感觉，这些都为一个目标：两年内，我要成为国内优秀的前端工程师！我就发现理想与目标的力量是不可评估的，自从我有了明确的目标后，感觉做什么事都比较有干劲，我相信不久的将来我一定可以实现自己的目标！！！好了，会话结束，我们来看看今天的主阅读全文

posted @ 2013-04-27 14:16 叶小钗阅读(961) 评论(1) 推荐(0) 编辑

【CSS3初探之变形与动画】令人惊叹的CSS3

摘要：前言这个标题比较狗血了，我一直知道CSS3可以做很多事情，但是我昨天看到一个人用CSS3华丽的画了一个太极八卦！若是这个还可以接受，那么我今天就看见一个人用CSS3画了一个叮当猫！！！我突然就在想，你们究竟要闹哪样，实在太BT了！我在想我最近几天是不是应该试试呢？虽然我CSS比较水了。。。CSS3中的变形在CSS3中，可以利用transform功能来实现文字或者图像的旋转、缩放、倾斜、移动这四种变形处理。transform基础知识在CSS3中，通过transform属性来达到功能需求，我们这里来看一个例子：<html xmlns="http://www.w3.org/1999/ 阅读全文

posted @ 2013-04-27 11:49 叶小钗阅读(2468) 评论(9) 推荐(2) 编辑

2013年4月26日

Web前端优化初探，小弟抛砖引玉，期待高手共破难关！

摘要：前言其实没想过写前端优化这篇文章来的，因为我自知现在水平达不到这个高度！但是，你知道面试官很烦的，他每次面试非要问你浏览器兼容与前端优化......，所以我又不得不在这两个上面做一定研究。上面几个问题，没一定功力的前端不可能答得好的。对于优化这块东西，我也很多正在摸索，实在觉得现在拿不出手啊！但是时间不等人。比如这段时间参加的一个面试，面试官就非要将我做的页面想象得很卡，而且指定就是前端卡，让我优化，还问我平时会不会注意一些优化的东西。说实话，平时写代码时候，我惊奇的发现一个事实：1 我会不自主的将css写成一排：#tabs { border-bottom: 1px solid #1C87D5 阅读全文

posted @ 2013-04-26 12:57 叶小钗阅读(2127) 评论(14) 推荐(6) 编辑

2013年4月25日

【初窥javascript奥秘之面向对象】封装与继承

摘要：前言javascript是一种基于对象的语言，意思是我们遇到的所有东西几乎都是对象（函数也是）。虽然class为js的保留字，但是他没有任何实际意义（当他有实际意义了，我们很多代码又要重新写啦。。。），因为js并不是真正意义上的变相对象编程语言，所以class名存实亡。js面向对象的路在何方？本人才... 阅读全文

posted @ 2013-04-25 13:11 叶小钗阅读(3422) 评论(6) 推荐(5) 编辑

2013年4月24日

摘要： PS:注意标题党哦前言本章主要介绍CSS3中与背景和边框相关的一些样式，其中包含与背景相关的属性，比如如何在一个元素背景中使用多个图片文件，如何绘制圆角边框以及如何给边框添加图片。这章的知识点都是很有意义的，是我们一定会用到的知识点，所以学习本章内容后需掌握：1 背景相关属性：background-clip、background-origin、background-size以及background-break2 如何在背景中使用多个图片完成负责背景的图像绘制3 设计圆角4 图像边框PS：奇葩的一天：今天算是我工作这么久以来最奇葩的一天，因为今天发生了两件事情：1 传说中的leader主动找我吵阅读全文

posted @ 2013-04-24 22:56 叶小钗阅读(2785) 评论(20) 推荐(3) 编辑

【初窥javascript奥秘之Ajax】简述下你所知道的Ajax？

摘要：前言ajax已经流行很多年了，现在来说它是否已经晚了呢？？？特别是有这样框架那样框架后，还有几个人认识原生ajax呢？我们每天都会用到的东西你到底对他了解吗？在最近一次面试上不幸被问到了，原以为很熟悉的东西你会发现你对他根本不熟悉！要说熟悉AJAX的话你需要毫不犹豫回答以下问题：1 不同浏览器下ajax实现上的差异2 一次ajax请求过程中有哪几种状态值,不同状态值之间含义是什么3 ajax在跨域的情况下会出现什么状况，以及解决方案4 ajax和后台数据交互时会有什么编码问题吗？5 最后可以说说XMLHttpRequest2有什么新东西怎么样？各位能轻易的答上以上4点，便可直接忽略此文，若是只阅读全文

posted @ 2013-04-24 13:31 叶小钗阅读(7497) 评论(37) 推荐(49) 编辑

2013年4月23日

【CSS3初探之盒相关样式】我们一人一个框。。。

摘要：前言本章将介绍CSS3中各种盒的知识点；主要包含以下内容：CSS3中各种各样盒的类型概念、浏览器支持情况；当盒中内容超出容纳范围时，如何利用属性来让浏览器按照自己想要的方式对盒中内容进行显示；掌握给盒添加阴影的属性；掌握几种“box-sizing”属性值的不同含义，能够正确的使用box-sizing属性来定义样式中给定的元素的宽度值和高度值中是否包含内部补白区域，以及边框的高度和宽度；盒的类型inline-blockcss中我们使用display来定义盒的类型，总体上分为block与inline类型。css2.1追加了一个盒类型：inline-block，他属于block类型之一，但在显示上具阅读全文

posted @ 2013-04-23 20:17 叶小钗阅读(724) 评论(2) 推荐(0) 编辑

【初窥javascript奥秘之事件冒泡】那些年我们一起冒的泡

摘要：前言若是我说会有此文又是因为一次面试的话，我自己都不知道该怎么形容我的心情了，好似我的所有动力皆来自于面试似的。其实不是这样的，我原来一个项目经理对我说，隔一两个月出去面试下，一来你会知道自己的不足知道怎么提高，二来你就知道自己涨价没。现在回想起来他说的是很对的，面对这次的团队解散，我反而不那么着急，因为我不太惧怕面试，走到哪里都能找到工作，当然这里没有鼓励大家出去面试的意思啦。回到本文，当时面试官问了我一个问题，我当时就支支吾吾的答不上来，其实细细思考的话这道题还是有点意思的：在一个div上画div（绝对定位），然后再在刚刚那个div里面（上面更合适）画一个div，现在去拖到div，你知道你阅读全文

posted @ 2013-04-23 15:40 叶小钗阅读(1822) 评论(3) 推荐(8) 编辑

2013年4月22日

【CSS3初探之字体、文本相关】让人开不了始的CSS3。。。

摘要：前言2010年MIX大会上微软的工程师在介绍IE9时，以前端角度讲互联网发展分为了三个阶段：1 以内容为主的web1.0网络，前端主流技术为html与css2 以ajax为首的异步数据加载技术，热门技术是js/dom/异步数据请求3 便是即将迎来的HTML5+CSS3的时代PS：我记得大概08年的时候，ajax便在大事宣扬，但我私下发现周围会的人真心不多，应用也不多！！！到今天5年过去了，你页面不是ajax的都不好意思拿出来说，于是我在想5年后若是页面不是html5的，好意思拿出来说吗？？？因为，我css水平比较水，所以学习CSS3时候也顺便复习下css2的东西，真是一举两得啊！因为这个系列都阅读全文

posted @ 2013-04-22 23:29 叶小钗阅读(1729) 评论(6) 推荐(3) 编辑

【初窥javascript奥秘之让人捉摸不定的this】你知道现在this指向哪里吗？？？

摘要：前言之所以会有此篇文章当然还要从最近的一次面试说起，很抱歉居然又扯到面试上去看，其实不要说，平时不注意的东西，往往在面试时便会立马给你揪出来哪里有问题。比如我当时就小小的栽了个跟头，栽跟头不要紧，要紧的是我确实对js的一些问题没有了解透彻。俗话说的好，半灌水响叮当，我就那种一直认为自己js功底好的人，但真的拿出手来说，其实真的有点水了......此时再不好好学习一番，岂不是坐井观天，所以让我们开动吧！小弟最近的文章基本都是边写边发，若是各位发现什么问题，或者感觉废话太多，请包涵。闲扯作用域你了解javascript的作用域吗？真的了解吗？那来试试这道题吧：1 if (!("a&quo 阅读全文

posted @ 2013-04-22 15:43 叶小钗阅读(3939) 评论(24) 推荐(32) 编辑

2013年4月21日

一道面试题带来的前端优化——实现星星点评

摘要：前言人人都会失业，这不巧小的这里就准备失业了，团队解散不是病，突然解散要人命。我们工作中面对这种突然团队解散的问题，对职业生涯规划是有很大问题的，他可以让你一夜回到革命前：比如我几年的工龄（<=1）没了；比如我今年年底年终奖又只有半年的了，比如我在这里努力的结果付诸东流了......说来说去，就一个结果，小的需要找工作了。于是那天就把简历挂了出来，也恰好有个招聘，就过去了，应该说毫无感觉，带着及其失落的感情过去了......面试过程中的题基本全知道，不管有印象的没印象的，反正全知道......但是知道不等于了解，了解不等于深入！这里又要为自己平时的不积累埋单了。根据那次面试，我这里有两个阅读全文

posted @ 2013-04-21 15:43 叶小钗阅读(4812) 评论(42) 推荐(47) 编辑

Web前端浏览器兼容初探，小生浅文抛砖引玉，期待高手攻破难关！

摘要：前言浏览器兼容是前端开发人员必须掌握的一个技能，但是初入前端的同学或者其他后台web开发同学往往容易选择忽略，而形成两个极端：1 我最开始都是使用IE6，IE6上没问题，其它浏览器坑爹（多出现与前端后端一起搞的同学，小生2年前就这种状态，鼓励人家用ie6.。。。）2 我要遵循标准，我只要ff就好，IE就是坑爹的玩意，我不必去理他（小生一年前的心态。。。）现在看来，之前的想法都是不对的，我们诚然应该追求最新的浏览器使用最新的技术，但是渐进增强，向后兼容的思想一定要有，因为就现在IE6在中国的份额也是不容小视的。抛开之前的大道理，我们说点实际的问题，哪次前端面试不问兼容性问题？哪次我们又能回答的很阅读全文

posted @ 2013-04-21 11:57 叶小钗阅读(5949) 评论(27) 推荐(42) 编辑

2013年4月20日

【HTML5初探之Geolocation API】让我们获取女神的地址

摘要：导航【初探HTML5之使用新标签布局】用html5布局我的博客页！【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放【HTML5初探之绘制图像（上）】看我canvas元素引领下一代web页面【HTML5初探之绘制图像（下）】看我canvas元素引领下一代web页面【HTML5初探之多媒体元素】视频播放HTML5、Flash谁才是王道？【HTML5初探之本地存储】如果没有数据库。。。【HTML5初探之离线应用】如何打造零请求、无流量的网站？【HTML5初探之通信API】跨域门槛不再高、数据推送不是梦【HTML5初探之Web Workers】网页也能多线程【HTML5初探之Geo 阅读全文

posted @ 2013-04-20 20:30 叶小钗阅读(2316) 评论(7) 推荐(1) 编辑

【HTML5初探之Web Workers】网页也能多线程

摘要：导航【初探HTML5之使用新标签布局】用html5布局我的博客页！【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放【HTML5初探之绘制图像（上）】看我canvas元素引领下一代web页面【HTML5初探之绘制图像（下）】看我canvas元素引领下一代web页面【HTML5初探之多媒体元素】视频播放HTML5、Flash谁才是王道？【HTML5初探之本地存储】如果没有数据库。。。【HTML5初探之离线应用】如何打造零请求、无流量的网站？【HTML5初探之通信API】跨域门槛不再高、数据推送不是梦【HTML5初探之Web Workers】网页也能多线程【HTML5初探之Geo 阅读全文

posted @ 2013-04-20 17:09 叶小钗阅读(3615) 评论(1) 推荐(3) 编辑

【HTML5初探之通信API】跨域门槛不再高、数据推送不是梦

摘要：导航【初探HTML5之使用新标签布局】用html5布局我的博客页！【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放【HTML5初探之绘制图像（上）】看我canvas元素引领下一代web页面【HTML5初探之绘制图像（下）】看我canvas元素引领下一代web页面【HTML5初探之多媒体元素】视频播放HTML5、Flash谁才是王道？【HTML5初探之本地存储】如果没有数据库。。。【HTML5初探之离线应用】如何打造零请求、无流量的网站？【HTML5初探之通信API】跨域门槛不再高、数据推送不是梦【HTML5初探之Web Workers】网页也能多线程【HTML5初探之Geo 阅读全文

posted @ 2013-04-20 14:20 叶小钗阅读(2436) 评论(5) 推荐(2) 编辑

【HTML5初探之离线应用】如何打造零请求、无流量的网站？

摘要：导航【初探HTML5之使用新标签布局】用html5布局我的博客页！【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放【HTML5初探之绘制图像（上）】看我canvas元素引领下一代web页面【HTML5初探之绘制图像（下）】看我canvas元素引领下一代web页面【HTML5初探之多媒体元素】视频播放HTML5、Flash谁才是王道？【HTML5初探之本地存储】如果没有数据库。。。【HTML5初探之离线应用】如何打造零请求、无流量的网站？【HTML5初探之通信API】跨域门槛不再高、数据推送不是梦【HTML5初探之Web Workers】网页也能多线程【HTML5初探之Geo 阅读全文

posted @ 2013-04-20 13:00 叶小钗阅读(1371) 评论(5) 推荐(1) 编辑

2013年4月19日

【HTML5初探之本地存储】如果没有数据库。。。

摘要：导航【初探HTML5之使用新标签布局】用html5布局我的博客页！【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放【HTML5初探之绘制图像（上）】看我canvas元素引领下一代web页面【HTML5初探之绘制图像（下）】看我canvas元素引领下一代web页面【HTML5初探之多媒体元素】视频播放HTML5、Flash谁才是王道？【HTML5初探之本地存储】如果没有数据库。。。【HTML5初探之离线应用】如何打造零请求、无流量的网站？【HTML5初探之通信API】跨域门槛不再高、数据推送不是梦【HTML5初探之Web Workers】网页也能多线程【HTML5初探之Geo 阅读全文

posted @ 2013-04-19 17:19 叶小钗阅读(3123) 评论(8) 推荐(4) 编辑

【HTML5初探之多媒体元素】视频播放HTML5、Flash谁才是王道？

摘要：导航【初探HTML5之使用新标签布局】用html5布局我的博客页！【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放【HTML5初探之绘制图像（上）】看我canvas元素引领下一代web页面【HTML5初探之绘制图像（下）】看我canvas元素引领下一代web页面【HTML5初探之多媒体元素】视频播放HTML5、Flash谁才是王道？【HTML5初探之本地存储】如果没有数据库。。。【HTML5初探之离线应用】如何打造零请求、无流量的网站？【HTML5初探之通信API】跨域门槛不再高、数据推送不是梦【HTML5初探之Web Workers】网页也能多线程【HTML5初探之Geo 阅读全文

posted @ 2013-04-19 14:42 叶小钗阅读(1611) 评论(2) 推荐(0) 编辑

【HTML5初探之绘制图像（下）】看我canvas元素引领下一代web页面

摘要：接上一篇：【HTML5初探之绘制图像（上）】看我canvas元素引领下一代web页面导航【初探HTML5之使用新标签布局】用html5布局我的博客页！【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放【HTML5初探之绘制图像（上）】看我canvas元素引领下一代web页面【HTML5初探之绘制图像（下）】看我canvas元素引领下一代web页面【HTML5初探之多媒体元素】视频播放HTML5、Flash谁才是王道？【HTML5初探之本地存储】如果没有数据库。。。【HTML5初探之离线应用】如何打造零请求、无流量的网站？【HTML5初探之通信API】跨域门槛不再高、数据推送不阅读全文

posted @ 2013-04-19 12:02 叶小钗阅读(1984) 评论(5) 推荐(1) 编辑

2013年4月17日

【HTML5初探之绘制图像（上）】看我canvas元素引领下一代web页面

摘要：弧度一块可能有误，需要再研究导航【初探HTML5之使用新标签布局】用html5布局我的博客页！【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放【HTML5初探之绘制图像（上）】看我canvas元素引领下一代web页面【HTML5初探之绘制图像（下）】看我canvas元素引领下一代web页面【HTML5初探之多媒体元素】视频播放HTML5、Flash谁才是王道？【HTML5初探之本地存储】如果没有数据库。。。【HTML5初探之离线应用】如何打造零请求、无流量的网站？【HTML5初探之通信API】跨域门槛不再高、数据推送不是梦【HTML5初探之Web Workers】网页也能多阅读全文

posted @ 2013-04-17 22:17 叶小钗阅读(2141) 评论(1) 推荐(1) 编辑

Fiddler真乃前端大杀器！！！

摘要：前言在老夫还在搞服务器端时候，老夫觉得能读能改js代码就差不多了吧；当老夫刚刚踏入前端会想js能设置断点该多好呢？当老夫手拥firebug、google、ie浏览器开发插件（叫不出名字...）时，老夫是多么的高兴啊！！！但是有些项目就会让你不自主的感觉痛苦，因为改动非常痛苦！！！比如我对项目做了一点修改，但是我没办法在正式环境测试；换个方式，若是qq首页哪里出了js错误，要马上定位、马上解决该怎么办呢？前端杀器Fiddler其实老夫也是最近才开始使用该软件的，其实老夫很多不懂，但是我就用其中一点东西就好了，只一眼便已爱如心扉！！！先来个截图：请注意矩形框位置，我就会用这个。。。。大杀器在线编辑阅读全文

posted @ 2013-04-17 12:58 叶小钗阅读(11628) 评论(71) 推荐(28) 编辑

2013年4月16日

【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放

摘要：导航【初探HTML5之使用新标签布局】用html5布局我的博客页！【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放【HTML5初探之绘制图像（上）】看我canvas元素引领下一代web页面【HTML5初探之绘制图像（下）】看我canvas元素引领下一代web页面【HTML5初探之多媒体元素】视频播放HTML5、Flash谁才是王道？【HTML5初探之本地存储】如果没有数据库。。。【HTML5初探之离线应用】如何打造零请求、无流量的网站？【HTML5初探之通信API】跨域门槛不再高、数据推送不是梦【HTML5初探之Web Workers】网页也能多线程【HTML5初探之Geo 阅读全文

posted @ 2013-04-16 23:04 叶小钗阅读(3472) 评论(0) 推荐(4) 编辑

【初探HTML5之使用新标签布局】用html5布局我的博客页！

摘要：导航【初探HTML5之使用新标签布局】用html5布局我的博客页！【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放【HTML5初探之绘制图像（上）】看我canvas元素引领下一代web页面【HTML5初探之绘制图像（下）】看我canvas元素引领下一代web页面【HTML5初探之多媒体元素】视频播放HTML5、Flash谁才是王道？【HTML5初探之本地存储】如果没有数据库。。。【HTML5初探之离线应用】如何打造零请求、无流量的网站？【HTML5初探之通信API】跨域门槛不再高、数据推送不是梦【HTML5初探之Web Workers】网页也能多线程【HTML5初探之Geo 阅读全文

posted @ 2013-04-16 13:32 叶小钗阅读(18098) 评论(7) 推荐(4) 编辑

2013年4月15日

两年内，我要成为国内优秀的前端技术人员！

摘要：我发现我自己变懒了，我发现自己变得贪生怕死了，因为我不想付出，因为我贪图安逸。但结果是，我离自己的目标越来越远了，甚至在过程中，我模糊了自己的目标，最后我发现：我没有了目标，甚至我没有了理想！祸不单行，其实我从未拥有安逸的生活，我是在做死吗？是的，我认为我确实在做死，这样下去迟早把自己做死了......我曾经的目标很简单，就想找个好点的工作安逸度日，但期望很快就在之上了，原因是因为我的能力在之上，原因是因为曾经大学踏实的积累。但当我还想的更多的时候，我发现自己折腾来折腾去，就还是这个样子，之前我没有思考过，于是我很不服气的继续折腾了一段时间后，发现效果不佳。现在我想到了，我的能力不在之上了，而阅读全文

posted @ 2013-04-15 16:38 叶小钗阅读(11001) 评论(82) 推荐(23) 编辑

2013年4月11日

一次上机面试题带来的感悟【学习的感觉、学习的方法】

摘要：前言最近团队面临解散，上面感觉想把我们一刀切，当天心里就很郁闷，于是想到了换工作，哎不想换现在也不行了。。。。当时联系到一个我认为不错的大哥，他给了我一道题，我一看，感觉有点水平，大概和HTML5有关系，但是我工作中一直想学但没机会学习，现在也只能硬着头皮做做了。访问地址我给关了，今早一来，磁盘空间都要挂了，图片“应有尽有”，好吧，伟大的程序员不差...这是一道面试题此次考察题目：1.用户可以选择1个或多个图片进行上传，支持拖拽文件上传和弹出文件选择窗口2种方式；2.用户可以看见上传的过程，清楚每个文件上传的进度；3.上传后，用户可以选择不同的图片进行裁剪；4.裁剪选择区域的时候，用户可以查看阅读全文

posted @ 2013-04-11 14:07 叶小钗阅读(6694) 评论(47) 推荐(18) 编辑

2013年4月1日

基于jQuery的下拉菜单菜单【02】，诸位上眼！！！

摘要：前言接上次的话题，仍然是团队近期将会有大变化，最近确实有点蛋疼，对以后的规划神马的乱成一团，晚上也不想学习神马的了，有时候就什么都不做发现一晚上就莫名其妙的过去了......但是上班时候不行，没事必须找点事情来做，反正现在做的东西多少有点......，所以闲暇中提炼了**过程中觉得有意义的东西。上一版本上周这个东东就基本完成了，反正也是菜鸟水平的东西，献丑什么的也没时间怕了，这次就上次留下的几个问题做了简单处理，形成了今天的东西，若是再优化的话应该是性能上的东西了吧。① 菜单在窗口最下方拉长窗口问题:解决后：② 关于异步数据加载的问题：比如一个表格数据，每次鼠标移动上去才加载数据，生成菜单；我阅读全文

posted @ 2013-04-01 16:48 叶小钗阅读(2618) 评论(7) 推荐(5) 编辑

2013年3月29日

基于jQuery的下拉菜单插件，诸位上眼！！！

摘要：前言很久没有写博客了，话说真的工作后才发现很多需要学的，有很多不足。加之最近工作没有什么沉淀，现在团队又面临解散，反正闲着也是闲着，就自己写了个插件，反正水平就这样，当时自我总结吧！应用背景在我们工作中，经常会遇到这种需求：① 鼠标点击某个文本框时出现下拉菜单② 常用的操作鼠标划上出现下拉菜单③ 按钮类应用我们会用到这种功能往往原因是因为地方小了，按钮多了，这往往说明产品设计一般出问题了。。。但是，我辈屁民豪不关注产品（没资格插手），所以需要完成以上功能；其实总的来说，这些功能还是非常实用的。于是，为了应对以上场景，我工作中先是做了一个，然后又遇到了，然后又遇到了，所以最后就写了这么一个东西阅读全文

posted @ 2013-03-29 15:09 叶小钗阅读(2978) 评论(11) 推荐(4) 编辑

2013年1月5日

工作中碰到的一些东西【弹出窗口】【拖放】【异步文件上传】

摘要：久不出技术类文章，我都忘了自己是一程序员啦......今天写一点工作中遇到的东西，大家共同学习，反正也比较浅显了。弹出窗口我们在工作中，经常会碰到弹出窗口类应用，有时候还需要一点遮盖层：这类圆角弹出框其实用得还是很广泛的，用CSS3可以很容易的出现，但是考虑到浏览器兼容问题，这类还是需要用图片实现了主要代码如下： //弹出层剧中 function popup(popupName) { var _scrollHeight = $(document).scrollTop(); //获取当前窗口距离页面顶部高度 _windowHeig... 阅读全文

posted @ 2013-01-05 16:01 叶小钗阅读(3343) 评论(4) 推荐(4) 编辑

2012年6月7日

【jquery模仿net控件】简单分页控件1.0，附上gridview使用测试

摘要：前言最近项目需求需要用到jquery的分页功能，所以就自己模仿着其它地方的写了一个，现在配合着原来写的gridview一起使用看看效果。我们项目有个地方有点痛苦，他不能返回数据的总记录数，这个bug不修复我这边都只能动态附初始值，另外首页尾页等因为刚刚写起皆暂时未实现，等后面点调整后，有必要便一起发出来。截图分页代码使用示例<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd 阅读全文

posted @ 2012-06-07 22:04 叶小钗阅读(2563) 评论(6) 推荐(4) 编辑

2012年6月4日

求【javascript设计模式】【高性能网站建设指南】PDF！哪位有给下啊！！！

摘要：快哟，等下版主就给我移除了，就没有了啊......强烈推荐：《JavaScript设计模式》理由：异常生猛的一本书，看书名带“设计模式”就知道，这本书想要读明白有点困难，本人自己感觉，只要某书一带“模式”这两字，反正就简单不了。本书对JS的“模仿接口”，“封装”，“继承”，“链式调用”，“工厂模式”等各种具体的设计模式及其在JavaScript 语言中的应用进行了详细的介绍，运用设计模式使代码更模块化、更高效并且更易维护。评论：书不厚，可真的是内容丰富且高深，强烈建议购买。推荐：《高性能网站建设指南》《高性能网站建设进阶指南》理由：在读完前几本书之后我们对前端的性能和自己的代码的效率已经达到阅读全文

posted @ 2012-06-04 23:21 叶小钗阅读(1073) 评论(1) 推荐(0) 编辑