摘要:人可以通过查看网站信息了解网站的内容,但是搜索引擎只对标签感兴趣,对内容的识别能力是很低的,如何让蜘蛛通过标签认识你的文章内容呢~原文网址:http://schema.org/docs/gs.html本文地址:http://www.cnblogs.com/hustskyking/p/let-your-page-understood-by-search-engine.html译者:Barret Lee日期:2013-11-01许多站长应该对HTML标签十分熟悉,HTML标签告诉浏览器如何去呈现标签的内容,比如阿凡达,告诉浏览器用大标题的形式显示“阿凡达”。但是,HTML标签本身并没有给出任何信息 阅读全文
前端学习的那些往事
2013-10-31 17:00 by Barret李靖, 3336 阅读, 15 推荐, 收藏, 编辑
摘要:上次如何培育新人一文中也提到了自己学习前端的一些事儿,这两天几个新人问我当初是如何逐步学习前端的,因为以前也没做过什么记录,时间虽不长,记忆却开始模糊了,趁着还有些感觉,把这些往事都写下来。 之前看聂微东大哥的文章,有一篇说到了他学习前端的经历(说说我的web前端之路,分享些前端的好书),主要... 阅读全文
玩转正则之highlight高亮
2013-10-07 05:16 by Barret李靖, 5020 阅读, 10 推荐, 收藏, 编辑
摘要:程序员在编写代码的时候少不了和字符串以及“查询”打交道,两者的交集中有一个叫做正则表达式的的东西,这家伙用好了可以提高编程效率,用不好的话...你可以先去好好学一学。 关于正则的使用,举个简单的例子:var m = location.href.match(/(\w+:)\/{0,3}([^\/]+)(?:(\/[^\?#]*))?(?:(\?[^#]+|.+))?(?:(#.*))?/);var res = { protocol: m[1], host: m[2], path: m[3], search: m[4], hash: m[5]};console.... 阅读全文
阿里面试的一点感受
2013-09-26 21:30 by Barret李靖, 14347 阅读, 11 推荐, 收藏, 编辑
摘要:刚坐下不久,面试官到了,他告诉我他花名是”李牧“,表示不认识啊,囧。问我有没有写阿里的笔试题,当时就帮同事做了下,模糊记得自己也做了一份,然后他来了个干瞪眼,说:“你自己做没做都不知道,那来这儿干嘛!“,语塞了几秒钟,回答说:”我有收到不用笔试直接过来面试的短信= =||“。 先给了我四道题目,他趁我做题之际把我的博客和github都瞄了一通。面试题目都比较有深度,我觉得要构思几道不错的题目还挺难的,虽说记得原题,我就不贴出来了,就大概说说他都考核了哪些知识吧~ 1. 值类型 引用类型的理解,如var a = {"x": 1};var b = a;a.x = 2;b.x; 阅读全文
对闭包机制的深入理解
2013-09-23 21:17 by Barret李靖, 4706 阅读, 7 推荐, 收藏, 编辑
摘要:对于JavaScript初学者来说,闭包是一个很神秘的东西,不管看多少遍,依旧搞不清楚闭包是什么,更不明白其内部是什么样的处理机制(更可恶的是每次面试都会被问到)。 说的含糊一点,闭包就是代码块和该代码块上下文(context)相互作用的产物。看一个例子:function foo(){ var x = 1; return function (){ alert(++x); //2 }}var bar = foo();bar(); 先问一个问题,这里到底谁是闭包?是foo还是那个匿名函数?闭包的产生原理 在JavaScript中,函数可以用来分隔作用域,当... 阅读全文
JavaScript中需要注意的几个问题
2013-09-22 15:40 by Barret李靖, 2556 阅读, 5 推荐, 收藏, 编辑
摘要:JavaScript是一门弱语言,她使用起来不像C/C++那样有十分繁琐的内存管理、类型定义等,所以学习JavaScript的门槛相对来说也比较低。门槛低并不意味着这门语言很简单,我们在使用的时候会遇到各种千奇百怪的问题,有些是因为浏览器的兼容性引起的,有些是因为JS语法本身所引起的,还有些是因为ECMAScript标准的改变而引起的,总之,这样的问题很多,下面列举几个比较容易忽略的点 1. switch的case判断var t = event.keyCode;switch (t) { case '65': alert("Yay!"); break;} 当k 阅读全文
前端编码规范之JavaScript
2013-08-14 23:55 by Barret李靖, 13864 阅读, 12 推荐, 收藏, 编辑
摘要:上次浅谈了下关于CSS的编码规范,大部分童鞋持赞同意见,仍存在一些童鞋不太理解这些规范的意义。 如果是个人或者小作坊开发,其实这些所谓的编码规范也没啥意思,因为大家写好的代码直接就给扔到网上去了,很少有打包、压缩、校检等过程,别人来修改你代码的情况也比较少。但是,对于一定规模的团队来说,这些东西还是挺有必要的!一个是保持代码的整洁美观,同时良好的代码编写格式和注释方式可以让后来者很快地了解你代码的大概思路,提高开发效率。 那么这次,继续抛砖引玉,说说Javascript一些需要引起注意的地方(这些东西也是团队开发的时候大家集思广益总结出来的)。不规范写法举例1.句尾没有分号var is... 阅读全文
那些年,我们一起玩过的响应式布局
2013-08-11 12:17 by Barret李靖, 2688 阅读, 5 推荐, 收藏, 编辑
摘要:博客园的资源很丰富,也很精彩。不过这些精彩的东西放到一些移动终端上阅览就不堪入目了,体验相当不好。你可以忍受每一次打开博客,还得放大屏幕阅读么?整个屏幕都挤满了很小很小的文字,反正我是受够了。所以,我们需要改变!!! 先看看什么是响应式布局,你所看的这篇文章就是采用响应时布局~ (现代浏览器才能看到效果)什么是响应式布局我的理解就是,为了让用户享受更好的体验效果,给用户展现最有价值的信息,让同一个页面在不同终端上有不一样的展现效果。比如你正在阅读的这篇博客,当你缩小(放大)浏览器窗口时(先滚动顶部,因为顶部做了比较多的修改,效果比较明显),你会看到这些神奇的效果。正常情况下,顶部是这样的:稍微 阅读全文
前端编码规范之CSS
2013-08-09 14:57 by Barret李靖, 15831 阅读, 19 推荐, 收藏, 编辑
摘要:"字是门面书是屋",我们不会去手写代码,但是敲出来的代码要好看、有条理,这还必须得有一点约束~ 团队开发中,每个人的编码风格都不尽相同,有时候可能存在很大的差异,为了便于压缩组件对代码进行压缩以及书写样式的规范统一和美观,很有必要大家一起来研究一套基本规范(模板)! 我先抛砖引玉。(禁止)、(必须)等字眼,在这里只是表示强调,未严格要求。前端规范之CSS1. tab键用(必须)四个空格代替 因为在不同系统的编辑工具对tab解析不一样,windows下的tab键是占四个空格的位置,而在linux下会变成占八个空格的位置(除非你自己设定了tab键所占的位置长度)。 一些童鞋可能 阅读全文
一个不陌生的JS效果-marquee,用css3来实现
2013-07-26 22:25 by Barret李靖, 15529 阅读, 1 推荐, 收藏, 编辑
摘要:关于marquee,就不多说了,可以戳这里。毕竟他是一个很古老的元素,现在的标准里头也不推荐使用这个标签了。但平时一些项目中会经常碰到这样的效果,每次都是重新写一遍,麻烦!JS类实现marquee今天倒弄了一个类,还不全,打个草稿吧~ 下次就凑合着用吧。DEMO在这里,戳我/*** @author 靖鸣君* @email jingmingjun92@163.com* @description 滚动* @class Marquee* @param {Object}*/var Marquee = function(){ this.direction = "top"; this. 阅读全文
解读jQuery中extend函数
2013-07-20 13:59 by Barret李靖, 2636 阅读, 2 推荐, 收藏, 编辑
摘要:$.extend.apply( null, [ true, { "a" : 1, "b" : 2 } ] );//console.log(window.a);//window.location.reload();$.extend.apply( null, [ true, { "a" : 1, "b" : 2 } ].concat( { "c" : 3, "d" : 4 } ) );//console.log(window.a)一、问题: 1. null在这里是干啥? 2. w 阅读全文
字体大小自适应纯css解决方案
2013-07-04 13:18 by Barret李靖, 17209 阅读, 2 推荐, 收藏, 编辑
摘要:viewpointcss3提供了一些与当前viewpoint相关的元素,vw,vh,vim等。“viewpoint” = window sizevw = 1% of viewport width1vh = 1% of viewport height1vmin = 1vw or 1vh, 最小1vmax = 1vw or 1vh, 最大兼容性:chrome 20+/ safari 6+/ IE 10+ / FF 19+ / IOS 6+DEMO地址:http://qianduannotes.sinaapp.com/test/fontResize.html (已经用JS修正重绘bug) ... 阅读全文
浅谈叶小钗面试的几个问题
2013-06-27 19:37 by Barret李靖, 3605 阅读, 4 推荐, 收藏, 编辑
摘要:问题:链接地址:http://www.cnblogs.com/yexiaochai/p/3158443.html① 作用域问题var a = 6;setTimeout(function () { alert(a); a = 666;}, 1000);a = 66;这道题,我可耻的没有答起,我面试结束刚刚上出租就知道这道题很水了。。。。考察作用域的,当时活生生的被大神气场照住了,周围人的集体智商都减低了!!!② 语义化标签这道题我确实没辙,之前其实差点写类似的博客,却没有写,今天结束后补上吧!1)tite与h1的区别2)b与strong的区别3)i与em的区别PS:不要小看这些题,8... 阅读全文
vim操作全面讲解
2013-06-11 20:25 by Barret李靖, 17645 阅读, 9 推荐, 收藏, 编辑
摘要:目录第一讲移动光标VIM的进入和退出文本编辑之删除文本编辑之插入小结第二讲删除类命令其他删除类命令关于命令和对象对象命令的特殊情况撤消类命令小结第三讲置入类命令替换类命令更改类命令使用c指令的其他更改类命令小结第四讲定位及文件状态搜索类命令配对括号的查找修正错误的方法之一小结第五讲VIM 内执行外部命令的方法关于保存文件的更多信息一个具有选择性的保存命令提取和合并文件小结第六讲打开类命令光标后插入类命令另外一个置换类命令的版本设置类命令的选项小结第七讲 在线帮助命令第八讲 创建一个启动脚本vim 是一个具有很多命令的功能非常强大的编辑器。限于篇幅,在本教程当中就不详细介绍了。本教程的设计目标是 阅读全文
关于浏览器模式和文本模式的困惑
2013-06-08 12:10 by Barret李靖, 1542 阅读, 0 推荐, 收藏, 编辑
摘要:什么是浏览器模式和文本模式?经常使用IE开发者工具的同学,肯定见过浏览器模式和文本模式,对于这两个名词,综合相关文档解释如下:浏览器模式(Browser Mode),用于切换IE针对该网页的默认文本模式、对不同版本浏览器的条件注释解析、决定请求头里userAgent的值。它在浏览器发出请求之前就已经确定,网站没有办法修改这个值。它代表的是用户以何种浏览器访问网站。IE9支持下列浏览器模式:userAgent默认文本模式IE7MSIE 7.0IE7标准IE8MSIE 8.0 && Trident/4.0IE8标准IE9MSIE 9.0 && Trident/5.0 阅读全文