Web前端 - 轩枫阁 – 前端开发

如何判定浏览器的类型（jQ和原生js）

在早期的jquery版本中，如1.4.2版本，我们很容易的就能判断浏览器的类型，好做兼容。但是后面的版本如1.8.0就不支持了，但是我们还要做判断，这可怎么办？接下来我们可以看下jquery关于这个的源码及使用方法。

var userAgent = navigator.userAgent.toLowerCase();

jQuery.browser = {

version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [])[1],

safari: /webkit/.test( userAgent ),

opera: /opera/.test( userAgent ),

msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),

mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )

};

以上是jq实现的源码，通过正则来匹配userAgent判断浏览器的种类和版本. 查看全文

2013/08 10 周六

2013-8-8

发现好像没对网站进行改版了？刚才有空改了下文艺青年分类的代码，之前是通过js限制每个内容块的字数的，同时把img移到文章的后面，后面发现这样做有缺点，因为之前把html标签的代码给过滤了。所以现在想通过li对格式进行控制就不好办，刚才就改回来了，对于过长的说说就在文章手动截断，这样子还挺好的，主要是为了方便格式的统一美化。

对于后期，好像觉得之前的代码有点臃肿了，但是好像现在还没精力重构，毕竟在做响应式的时候，也进行了一番的调整。然后刚才也注意到之前引用的reset.css有点不好的地方就是它把span也转换成了block元素，怪不得之前的那些样式都生效呢。现在想改回来，但是之前的页面太多，就怕页面会直接乱了，所以等有时间了统一进行调整吧。

目前是相对某些页面进行调整，比如关于&留言的页面，设计风格不是很好，有待改进。然后首页也是，风格得改一改。先有个想法，等待灵感出现，一鸣惊人~

2013/08 08 周四

实习任务

学习清单终于内测完成，在WWW上线了，前期的入口会比较隐蔽，不过算是上线了，调试了许多bug。优化了很多代码。

前一段时间都在忙着学习清单的功能，和郭宁、解帅，主力就我们仨，作为第一个练手的项目，还挺不错的，学到了许多，虽然说表现不出来，但还是有进步。

做个小总结，代码一定要养成良好的编写风格，不仅是有利于自己的开发速度，方便调试，也有利于后面的维护，不然真的很蛋疼。所以还是先定好规范，一部一部的来，语义化、模块化、重用，利于维护，SEO，性能等当面都要考虑。

然后接下来就是开发小组功能了，20多个PSD图，然后实现起来挺复杂的，惊呆了。开始第一天就分析了一天的数据结构和数据库，因为比较庞大，所以先铺垫好。然后开始真心碉堡了，我们4个前端对一个后台。。。果断我们的工作完成的比较快~后面来了个后台加进来，明天就和他调试小组话题页面了。

2013/08 08 周四

20130808

今天算是接入LEE周刊一个月的日子了，然后今天也是第二次开月会。记得刚加入的时候，很巧的，刚好赶上技术组的月会和周刊的大年会，然后就是在群讨论，主编总结上半年的事项，各个小组的调整之类的。然后当时应该是7月9号，技术组的月会，当时刚好是嘉祥生日吧，去外边吃个饭，回来去操场散散步，结果就把8点开会的事情给忘记了 – – 。还好大家也有点迟，会议继续进行。

刚开始进去的时候，他们正准备开发图库，然后用的是一个开源的PHP图库，我去看的时候，觉得用的技术挺老的，很多地方用的是table，而且设计风格也很老。他们已经开始由图编各种测试收集意见了，，但是对于一个前端开发人员来说，怎么能使用这么旧的网站呢，所以当时就提议说开发一个新版的图库。查看全文

2013/08 08 周四