摘要： 前言此篇文章估计不会太长，有移除首页的风险，但是老夫（称老夫是因为我们真正的叶小钗其实都100多岁啦）是不会怕滴。所以，我来了哟！题外话：今天我们一起还看了一道前端的面试题，而后我本来还想多找几道来做做，但是没找到什么合适的，各位有什么好的前端面试题请给我留言哦，我们一起来分析面试题进步哟！前端时间，我与我们的产品有一次讨论，是针对图片压缩的，因为我对图片或者说PS这块是个小白，所以当时做了一个广告图片有100来k也直接给传上去了，结果被我们的同事搞起来一压缩，便只有50多k了，此次交流对图片压缩这块有了一点点心得，并且为第二次交流埋下伏笔，第二次便是图片由模糊变清晰的研究了。网页图片格式此处 阅读全文

摘要： 前言最近小叶子有点疲惫，主要是在外地工作生活上不太适应，吃一样的东西，我居然会拉肚子，而且是一个星期一个星期的。。。。脸上长了一个豆豆一个星期还没消，我那个去啊。昨天上午上班后，本来想继续研究javascript方面的东西的，但是下午要开会，结果一开就是4.5小时，哎哟，我那个怎么感觉很累啊，明明是坐着的啊，开完会腰酸背痛的，回来吃过饭，本来想接着学习，却迷迷糊糊的睡着了......按照进度我们本来想要开始做小窗口的，但是也碰到点问题，除了各大微博，其它数据全部是RSS，与我想象的数据源不一样，所以这块还需要点时间，加之今天起来还是有点疲惫，那我们不如这个周末就休息下吧，来做几道有意思的面试题 阅读全文

摘要： 前言今天搞的有点快，因为上午简单研究了下MVC，发现MVC不太适合前端开发，然后之前看几位前端前辈都推荐前端使用MVVM，但是我对其还不甚了解，所以我觉得下午还是应该先看看他是神马先，后面再决定要不要继续深入下去。神马是MVVM？借用我们百科一张美图，所谓MVVM就是model-view-viewmodel模型。他是微软带来的一项新的技术体验，最先用于WPF，最后发现其模式对前端开发尤其比较合适，所以便在前端流行起来了。MVVM是对MVC的一个改进，用以适应当代Web开发。model为数据或者业务逻辑，完全与UI无关，它存储了状态并对问题领域做出处理，model可以写在代码里面或者用json表 阅读全文

摘要： 前言之前我们遇到了这么一个项目，也就是我们昨天提到的，有很多的小窗口的，昨天说的太抽象了，今天我们再来理一理什么是小窗口（后面点说下），当时由于js有一点复杂，我自己也装B跟风用了一下传说中MVC！！！PS：最后读寒冬老师的文章说是MVC不合适用到前端，但是为什么用以及为什么不能用可能是我半年后才能理解的问题了。其实，我当时对MVC的理解就停留在model view control的地步。。。。项目几个月后，核心功能都实现了，但是不得不面临js文件激增的问题，有时候其它同事要插入进来，便有点困难，于是当时对核心的框架进行了一点重写，缓解了一些问题，但并未解决问题。。。。后来的后来我就离开了，该 阅读全文

摘要： 前言之前我做过一个web app（原来可以这么叫啦），在一个页面上有很多小窗口，每个小窗口都是独立的应用，比如：① 我们一个小窗口数据来源是腾讯微博，需要形成腾讯微博app小窗口② 我们一个小窗口数据来源新浪微博，需要形成新浪微博的小窗口我们注意到以上2个的数据源与处理方式较一致，但是需要做处理，而且其鉴权也不尽相同，所以这个js代码有相同的，也有不相同的。③ 我们的一个小窗口数据来源于百度RSS，需要形成点击标题展开的功能④ 我们一个小窗口数据来源于XXX，其表现形式为选项卡......⑤ 我们一个小窗口是flash，需要......⑥ 我们一个小窗口是个综合应用，里面还会有定时器，自动的更 阅读全文

摘要： 前言接着昨天的内容写，为了保证内容连续性，这里还是把昨天的内容拷了过来。请用现代浏览器测试引出问题有图有真相，我们来看一个智联招聘里面经常出现的图层：他这个是没有什么问题的，我们来简单看看其实现：<div id="zbwJobSearch"> <div style="width: 710px;" class="sPopupDiv"> <div class="sPopupTitle213 sPopupTitle"> <h1> 选择职位</h1> <di 阅读全文

摘要： 前言周五时同事有一个关于弹出层的问题没有解决，但是面临下班问题，我有点不舒服，便叫回去周六过来解决，但是上周六病了，所以请了个假，于是故事发生啦。。。。今天上班时候，组员们卡到了那个地方，然后结果就是前端组拖慢了进度，额。。。。这是事实。于是早会结束，我便投入处理这个问题，因为这个项目原来是外包出去的，后面点要重构，现在只是优化工作，我便一直不太关注，有两个同事主要负责。但是今天一看到代码我就哭了。。。那家伙，这个还不单单是弹出层的问题呢，里面很有点东西！好了我们进入正题，来一起看看这个问题吧。请用现代浏览器测试引出问题有图有真相，我们来看一个智联招聘里面经常出现的图层：他这个是没有什么问题的 阅读全文

摘要： 前言事情还要回答一个月前，当时寒冬老师搞了一道position的面试题，我当时有幸给看到了，而且正是我要去外地的那天。于是我那天上午便开始入魔了，写完了博客才急急忙忙上飞机：各位周末结束后都累了吧，那我们一起来看看【寒冬】的面试题吧（据说阿里的哟）当时只是草草的回答了那道题，却没想到今天会再拿出来说事！对的，我还是搞不懂为什么float会导致元素坍塌！！！！近期状况我CSS的名师是：张鑫旭（自认入门的）最近引导者：寒冬我CSS方面的东西除了之前的积累，基本来源于此两人，各位可以关注下。多数知识来源于张鑫旭，寒冬让我把整个知识串了起来，虽然素不相识，在此谢过了。引出问题我最近一直在思考float 阅读全文

摘要： 前言咳咳，叶大侠病了，昨天晚上回家时候在车上就不舒服，果然回来就挂了，本来还想今天接着上班撑下去的。但是昨天又看到一个IT巨子挂了，所以果断请了一个假！！！但是早上7.00左右就迷迷糊糊的醒了，于是我在想我是不是该“身残志坚”一番。。。。咳咳，以上玩笑，我们最近一起学习了很多CSS的东西，相信大家的CSS水平必定提高了吧？？？所以我们接下来一段时间来看看javascript吧，今天我们一起来看看闭包这个家伙！本文参考：http://www.cnblogs.com/TomXu/http://www.cnblogs.com/lhb25/archive/2011/09/06/javascript-s 阅读全文

摘要： 前言最近学习CSS有点走火入魔了，CSS一直是自己的短板，没想到最近居然能静下心来学了这么多CSS的东西，着实值得表扬。俗话说得好，不疯活不成魔，我最近真有点刀狂剑痴的味道了。有时候晚上学习结束后，一晚上睡得很浅，我感觉下雨了，但下的雨居然全部是html标签！我在电梯里面看到了一张手机中的图片，我诡异的笑了，因为我好像看到了他的布局了！于是，我魔杖了，是的，这是入魔的征兆！凡是皆有其度，之前的过度就导致了我今天的问题。我今天居然不知道该学习什么了。。。。学习如逆水行舟，所以我们都要放平心态，一起再来看看吧，一起建设我们的CSS世界观啦！本文参考：http://www.zhangxinxu.co 阅读全文

摘要： 前言我们很小的时候什么都不知道，于是什么都会是别人对我们解释，也许是父母，也许是师长，但是随着年龄的增大，我们会逐步形成自己的世界观，并且当我们有小孩时候，他会问我们很多问题，我们会为他解答，那么我们的答案有何而来呢？我们的答案来自我们自己的世界，来自我们自己形成的世界观！我们初学CSS时候什么也不知道，于是我们从书上、博客上获取了很多知识，那么我们是不是也应该形成自己的世界观呢？我们碰到的问题是不是都可以用我们形成的世界观解释呢？以上是我最近思考的问题，我觉得我们有必要形成自己的世界观了，形成世界观才是长大的标志，我形成的世界观可以不坚固，可以很小但是他必须存在，你们的也必须存在。我们需要捍 阅读全文

摘要： 提问不知道大家发现没有，运行时候浏览器或者电脑会变得很卡哦。根据我们之前的学习，你知道是什么原因导致的吗？若是各位有兴趣，请你回答卡的原因，并提出优化方案。前言PS 各位要看效果还是使用ff或者google吧，ie7以下好像有问题。最近大家都在坦克大战，我突然想了下我是不是也应该坦克大战一番呢？于是，我们就有了今天的东西。其实做坦克大战并不是为了坦克大战，而是为了javascript面向对象！所以我这里并不会完成这个游戏，做到哪步是哪步吧。怎么说呢？javascript面向对象大家都听得很多了，但能真正理解的人并不多，我事实上也是水的，知道一点皮毛是没用的，所以想以此提升面向对象的思想。PS： 阅读全文

摘要： 前言我的记忆力不行，所以会花很多时间研究相同的事物，这不我又来了。我研究CSS有一段时间了，却无情的发现一个事实，学的越多，懂的越少，卑微的人类啊！回想我几次看CSS权威指南，第一次草草而过毫无所获，第二次醍醐灌顶，第三次迷迷糊糊鲜有所得，第四次却变得疑惑了！当你发现你将书翻来翻去找不到答案时候，那就是一个恐怖的开始！事实上无论js或者CSS或者其它慢慢的找不到答案了。。。比如，其实此文其实应该叫CSS04的，怎么变为05了呢？因为04的名字叫做：我当时准备做个什么来着呢？我想知道我们的常用表情在不具有CSS时候的表现，比如ul的margin与padding，比如h1的字体大小，他的margi 阅读全文

摘要： 前言今天白天的时候我们一起学习了块级元素，晚上的时候本来想继续学习CSS，但是发现还是有一点累，所以我们还是来研究点大家都感兴趣的东西，前端优化。什么是reflow？这个单词字面意思就是回流，这里举一个例子：我们这里有个dom树： 1 <p> 2 <span class="title"></span> 3 <label class="checkbox"> 4 <input type="checkbox" value="足球" /> 5 red 6 < 阅读全文

摘要： 前言一件非常重要的事情！！！很多朋友问我是不是妹子！！！哎，想我刀狂剑痴叶小钗堂堂七尺男儿居然一而再再而三的被调戏，真是愧对中原剑圣之名，所以今后请不要再问我性别啦！独在异乡为异客！哎，出门在外啊！今天过节，我这里牢骚几句。今年职业规划上发生了很大的变化，前段时间失业了。毫无预料的失业带来的就是近两年的计划付诸东流，这里我就不得不思考一个问题我现在会面临失业问题，今后可能也会，我现在年轻还无所谓，之后年纪大一点呢？工作不那么好找了呢？所以我很是惶恐啊！因为家庭上一些原因，我从小就很敏感，缺乏安全感，而公司从来就不是有情有义的存在，创造价值你就留下，创造不出价值你就滚蛋这是很合理的，所以我们得武 阅读全文

摘要： 前言那是一个很久之前的故事了。。。之前我一直认为CSS最重要的是布局，将一个图片很好的以网页显示出来就是王道。但是，经过后来慢慢入门后，才发现其实布局感觉不是很难了，倒是行内元素这个家伙深藏不露。行内元素属于那种很仁慈的主，你了解他你能做得更好，你不了解他，你的页面也不会过于乱，所以我们就容易忽略他的威力，所以今天我们一起来好好的审视一番吧那一年，你未娶我未嫁在那一年我会写这样的代码：<p> 霹雳布袋戏中最广为人知的主角之一。叶小钗一生悲情，命运多舛，亲人恩人朋友一个个离他而去，遭遇令人心酸，却也因此练就了超绝的禅定功夫。耿直专一、守信重诺的侠客，虽为侍童出身，但不屈不挠的个性，丰 阅读全文

摘要： 前言距离上次有几天时间了，其实我这段时间也多多少少在看这块，但是效果不好啊！我就在那里捣鼓捣鼓，搞了半天还是一头雾水，可能是老夫真的老了吧，学习新东西还是不行了！所以老夫这里就要开始无耻了，我准备一点一点的研究之，有时候抄袭官网大家就多包涵了哦。我最近也使用了bootstrap来布局，来搞导航。但是效果很不理想，所以我这里先来系统的看看这两块，若是仍然一头雾水的话，那么。。。。我就再学习就完了。好了，废话结束，我们进入今天的学习吧。栅格系统说道栅格系统，我们还是先解释一下他吧，虽然大家都知道：栅格系统英文为“grid systems”，也有人翻译为“网格系统”，其实是一回事。不过从定义上说，栅 阅读全文

摘要： 前言这周上班上得够伤的啊！然后我上周又在加班，周日下午的时候头就开始有点疼了，于是便回去睡了一会，今天又到周五了，我发现长时间没有双休还是吃不消的，好在端午要来了，可以好好的调节一番。最近我开始真正的接触到SEO这块的东西。首先是上周，我们一个项目开发结束，让seo主管来看看有什么可以优化的，他来看了一会说了一堆东西，虽然我也不知道在说什么。。。但是总感觉不太爽，然后最经典一句话就是让把aspx的后缀统一改为html，说是什么aspx的不能识别什么的。我当时确实是没有理解到，后端的大哥听到后直接无视他了，让他去找产品负责人说，因为项目不是谁说改就改的，然后我手里唯一一个女程序员（真性情哦），还 阅读全文

摘要： 前言图片延迟加载技术其实应该被用得很多了，令人汗颜的是我居然之前一直没有用过，今天还是一个后端的大哥给提出来的，于是我便趁着中午休息的时间做了一下研究，这里提出来和大家讨论一下。PS：小生初学，各位有问题可以提出来讨论延迟加载原理延迟加载有多种实现，我选择了其中一种：为img标签src设置统一的图片链接，而将真实链接地址装在自定义属性中。所以开始时候图片是不会加载的，我们将满足条件的图片的src重置为自定义属性便可实现延迟加载功能当然还有其它的方案，里面我还比较青睐的就是将dom结构装入textare，满足条件时候将之载入，这里我便不讨论了。来看看我们用到的共用图片：问题其实这种方案不能说没有 阅读全文

摘要： 前言接着昨天的写：【web前端培训之前后端的配合（上）】以我们熟悉的Datalist说明问题吧经过昨天晚上的学习，我们形成了一个伪datalist，但是他没有事件绑定，甚至每个datait还多出了一个无意义的div！！！其实datalist多出一个div我是可以接受的，但是dataitem多出一个我这里就不太能接受了，所以里面还有很多东西可以继续深入。昨天说了那么久也没有扯到和后端的配合，今天需要补足，于是进入今天的学习吧。题外话今天碰到一个有趣的东西，也许各位已经知道了，但是我这里还是提出来，老夫脸皮厚是不怕人笑话的哟。解析HTML结构。加载外部脚本和样式表文件。解析并执行脚本代码。构造HT 阅读全文

摘要： 前言白天的时间我们一起学习了bootstrap，虽然是刚开始学习，但是我们还是不得不承认他做得好，其中就我们到底是否使用一些朋友提出了自己的想法，我在讨论之中也受益啦！所以感谢各位的留言，我们不管用不用，还是得学习的，所以后面我们应该还会继续一起学习bootstrap。好了，进入今天的正题吧，我这边前端培训的时间被再次压缩了，压缩到只有6天啦，我是这么想的：第一天介绍CSS第二天介绍JS第三天介绍jquery第四天介绍jquery easyui第五天介绍ajax，并逐步将之前的成果形成最后的实例第六天便直接进行实例讲解，也就是今天的内容因为我们的后端同事是搞.net的，所以我这里搬出了大家都比 阅读全文

摘要： 前言我感觉自己的眼界没有打开，关注的东西前前后后都是那么几样，诚然不精一门何以精前端，但是对前端新技术的关注还是需要的，就拿我们今天要说到的。bootstrap，说实话，知道的或者说用过的人肯定不多，认为自己入门了但是没听过的bootstrap朋友可以留个言，我们来统计一下，若是人数众多的话，我们应该欣慰国内前端的专注原生或者感叹国内朋友的闭塞呢？扯远了，我也是最近才接触到这块，也不说令人汗颜之内的话，不懂学就完了，我不懂的可多了，这里就来简单看看吧。什么是bootstraphttp://www.bootcss.com/bootstrap是一套现成的CSS样式集合（做得还是很友好的）。是两个推 阅读全文

摘要： 前言接着昨天的写：工作了一个星期各位一定累了吧，那我们一起来表单验证一番吧！因为昨天写到后面确实写不动了，就停下了，今天我们继续吧，看看能不能解决昨天提出的几个问题，由于今天看了下别人写的插件，在里面找到了一些很不错的点子，这里也应用起来了，慢慢改造我们的程序吧。现状经过今天的奋战，我们的界面变成了这个样子啦：代码变成了这个样子：js代码/// <reference path="jquery-1.7.1.min.js" />(function ($) { var FormValidator = function () { this.regexEnum = { . 阅读全文

摘要： 前言对于前端来说，没有做过表单验证是不可能的，但是，我们一般都是用的别人写好的插件，反正都周末了，我们今天晚上就试着看看自己能不能写一个出来试试呢？PS：该产物纯粹实验产品，丑陋之处请多见谅！验证的类型常见的表单验证一般有以下几个：① 非空验证② 身份证验证③ 数字验证（数字范围验证）④ 邮件验证⑤ 手机验证⑥ QQ验证⑦ 中文/英文用户名验证（可能含有AJAX类型验证）⑧ 密码验证/重复密码验证⑨ 单选框/下拉菜单/多选框验证......我那个去，简简单单一写怎么会有这么多东西呢！！！！看来今天晚上有点吃紧了，没事我们一步步来试试，确实不行也不会罚款，确实错了也没人责备，我们错得起。表单提示 阅读全文

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

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

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

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

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

摘要： 前言虽然我CSS水平很水，但是水不是不学好的理由。最近寒冬大哥针对面试发了一点“闹骚”，我们来看看他的微博是怎么说的呢？面试的时候问个css的position属性能刷掉一半的人这是啥情况……其实这问题我本来打算的是可以顺着一路扯到normal flow、containing block、bfc、margin collapse，base line，writing mode，bidi，这样一路问下去的，奈何第一个问题（亲我真的只问了position有哪些取值和行为啊）就悲剧了……position属性常用的取值static、relative以及absolute和它们的基本行为是每个前端都应该掌握的。 阅读全文

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

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

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

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

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

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

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

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

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

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