摘要： 前言新的一天又开始了，我们对今天对未来抱有很大期待，所以开始我们今天的学习吧，在此之前来点题外话，还是爱好问题。周三的面试虽然失败，但是也是很有启迪的，比如之前我就从来没有想过爱好问题，我发现我的爱好如下：① 霹雳布袋戏完了就米有什么爱好了，其实我完全可以说自己爱好旅游什么的，我也确实爱好旅游，只不过比较穷，走的地方不多罢了，这里又扯出一个话题：学习工作与生活我们为了理想需要学习需要工作，工作完了需要生活，现在是前者分量掩盖了后者，所以以后的世界要注意了。好了进入今天的学习吧，我们今天来看看javascript里面的事件吧。事件交互javascript与html之间的交互是通过事件实现的，我们 阅读全文

摘要： 前言中午时候我去药店称了下体重，好家伙！我减肥成功了，足足比上个月瘦了10斤！于是想减肥就去郑州吧。。。然后回来迷迷糊糊睡了一会，居然想起了周三的面试，有点小遗憾有点小触动。这次回成都后，还没有正式找工作，我也在审视自己，想起了上次二面时候面试官问的一个问题：你有神马值得自豪的事情吗？你有什么能证明自己性格特点的事情吗？这个其实想让我自我吹嘘一番嘛，但是我出来工作后是有几件出彩的事情，但是感觉在他面前就说不来也不算事了，于是弱弱的说了一下自己坚持写了3个月的博客了。但是在他看来，3个月似乎不算事。。。其实想一想3个月确实不算什么，转瞬即逝。我还有很多不懂的东西，各个方面。所以下周我还是应该找一 阅读全文

摘要： 前言昨天我们学习了下javascript中函数的参数与作用域的东东，现在回过头来看，其实都是与函数相关的，所以javascript中的函数仍然是王道，我们今天大概会发二篇或者三篇博客一起来巩固我们的javascript吧！PS：各位，阿里失败啦，这个事情不必关心啦......我下周再找工作了object 类型我们有两种方式可定义一个对象：1 var object = {};2 var object = new Object();PS：根据对象字面量创建的对象不会调用Object构造函数javascript中的对象类似于我们的hashtable，是一种键值对的形式，他可以以不同维度方式展示，某些 阅读全文

摘要： 前言本来想把这个与上篇博客写到一起的，但是考虑到是两个知识点还是分开算了，于是我们继续今天的学习吧。基本类型与引用类型ECMAScript的的变量有两种类型：基本类型（值类型）：简单数据段引用类型：多个值构成的对象在变量赋值结束后，解析器必须知道这个变量时基本数据类型还是引用类型，需要注意的是string在js中是值类型。复制的差异值类型的复制会在内存中创建副本，所以彼此间不会影响，但是引用类型只是将变量的引用复制，其指向的仍然是一个对象，会相互影响：1 var a = {};2 a.a = 6;3 var b = a;4 b.a = 66;5 alert(a.a);//66这是一个典型的例子 阅读全文

摘要： 前言我最近在思考一个问题，我本身平时还是积累了不少东西，面试时候问的东西基本逃不出写的博客（当然，高级阶段的就不行了），但是真的被问到时我却不一定答得上来。知道且能回答，回答的效果都不是很好。。。。这是一个让人很囧的事情，另外，按道理说阿里面试是完蛋了，后面再慢慢找工作吧，休息一下也不错的。除了记忆力意外，心态也是一个问题，比如我最常说的一句话就是：恩，你说这个我知道，我还特意学习过，写了demo，但是给忘了！！！哎哟，我听到这句话都可耻的笑了，你忘了和我有一毛线关系？忘了是很多原因造成的，最直接原因应该是不够深刻，所以最近我们便抛开其它杂念，由最基础的HTML+CSS+Javascript学 阅读全文

摘要： 前言这段时间我在河南一家公司当了一段时间的前端主管，最后可耻的匿了，原因各种各样，最主要的就是不想呆在郑州了。其实这里的同事还是很不错的，面对老总最后的挽留我不是没有动心，而是这个地方确实不太好，我一个月就瘦了10斤不是白说的。。。所以就离职了，最后又加入了无工作大军，于是开始今天的故事吧。离职种种... 阅读全文

摘要： 前言昨天我们整理了14到js的题，今天我们再来整理14到CSS相关的题目，昨天整理时候时间有点晚了我便有点心浮气躁，里面的一些题需要再次解答，好了看看今天有些什么吧。PS：我这里挑一点来做就好了，各位也可以作答题目一览1、标签上title属性与alt属性的区别是什么？2、分别写出以下几个HTML标签：文字加粗、下标、居中、字体3、写出一个文本输入框，属性为只读，最大输入字符为20个4、CSS左边固定，右边可变的布局实现方法；要求在源码顺序中左边必须在前。5、图片和文字一起如何通过css实现居中6、请简述一下CSS中的样式继承和CSS的选择器7、请简述一个各个选择器之间的优先级8、在同等优先级的 阅读全文

摘要： 前言今天本来准备先了解下node.js的，但是，看看我们一个小时前与一个小时后的差距：既然如此，我们继续来搜集我们的前端面试题大业吧！！！特别感谢玉面小肥鱼提供哟，@玉面小飞鱼题目一览JavaScript编程题1、实现输出document对象中所有成员的名称和类型；2、如何获得一个DOM元素的绝对位置？（获得元素位置，不依赖框架）3、如何利用JS生成一个table？4、实现预加载一张图片，加载完成后显示在网页中并设定其高度为50px，宽度为50px；5、假设有一个4行td的table，将table里面td顺序颠倒；6、模拟一个HashTable类，包含有add、remove、contains、 阅读全文

摘要： 前言此篇文章估计不会太长，有移除首页的风险，但是老夫（称老夫是因为我们真正的叶小钗其实都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 阅读全文