web前端 - 随笔分类(第7页) - 北斗极星

关于前端学习和笔试面试的总结

摘要：前沿以前总是希望在技术论坛和博客能有人关注，最近收到一些小伙伴请教问题的来信和私信，在深感荣幸的同时也深知自己技术和经验的不足，怕会误人子弟，所以现在打算以应届生的身份尽自己的一点绵薄之力给大家一点建议，其实也谈不上建议，只是个人的一些观点和做法，谢谢大家的关注和支持~关于前端学习一、多看书CSS方面：CSS权威指南，CSS禅意花园，CSS设计指南第三版也不错，比较基础。JavaScript方面：JavaScript权威指南或JavaScript高级程序设计（这两本圣经必须要看一本），JavaScript语言精粹（小马哥翻译的，推荐反复阅读），比较深入的有高性能JavaScript，Java 阅读全文

posted @ 2013-11-15 22:46 北斗极星阅读(495) 评论(0) 推荐(0)

关于ecshop中jquery与js冲突解决的方案

摘要：ECShop把AJAX事件和JSON解析的模块放在common/transport.js之中，可以说它也有自己封装的一套工具，这其实是很正常的。但恰恰的，在封装JSON各种方法的同时对object的模型进行了重写，这个就跟jQuery冲突了。因为众所周知的，jQuery对各种JavaScript对象进行了扩展。这一切其实都很容易理解，各有各的理由十分自然，但头痛和无奈的就变得在我们这些使用者身上了。在ECShop论坛上原来也有很多朋友提出了这个问题，也提出了各种各样的方法，我尝试了一些，不好或者甚至无用，所以只好自己动手了。解决思路大概就是屏蔽ECshop扩展的toJSONString方法，用阅读全文

posted @ 2013-10-24 17:17 北斗极星阅读(756) 评论(0) 推荐(0)

学习Javascript闭包（Closure）

摘要：闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。 var n=999; function f1(){ alert(n); } f1(); // 999另一方面，在函数外部自然无法读取函数内的局部变量。 function f1(){ var n=999;... 阅读全文

posted @ 2013-10-23 11:46 北斗极星阅读(241) 评论(0) 推荐(0)

JS全局变量VAR和THIS

摘要：（注意）JS全局变量VAR和THIS很多人都觉得在javascript声明一个变量，加var和不加var没有什么区别，实际上是一个错误的观点，如果在函数外面，也就是说在window区域加不加var确实是一样，因为都会是全局变量的效果，而如果在函数内部，加var就是局部变量，不加是全局变量。 function test(){ var1 = 2; alert(var1); } test(); alert(var1); 这样可以显示为2 function test(){ var var1 = 2; alert(var1); } test(); alert(var1);... 阅读全文

posted @ 2013-10-23 11:40 北斗极星阅读(1896) 评论(0) 推荐(0)

浏览器的工作原理：新式网络浏览器幕后揭秘

摘要：一篇一年前的文章，讲的非常细致，说实话，没怎么全看懂，但是可以大体上了解一下里面的内容。文章比较长。因为HTML5 ROCKS网站的css文件好像被墙了，所以决定把这篇文章搬运过来，也算是个存档吧。那么，下面开始复制 and 粘贴。（这也是体力活！！！！！！！）原文地址：http://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/序言这是一篇全面介绍 Webkit 和 Gecko 内部操作的入门文章，是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中，她查阅了所有公开发布的关于浏览器内部机制的数据（请参见阅读全文

posted @ 2013-10-14 11:44 北斗极星阅读(464) 评论(0) 推荐(0)

jQuery的威力

摘要：jQuery如此之好用，和其在获取对象时使用与CSS选择器兼容的语法有很大关系，毕竟CSS选择器大家都很熟悉（关于CSS选择器可以看看十分钟搞定CSS选择器），但其强大在兼容了CSS3的选择器，甚至多出了很多。选择器有了CSS选择器基础后，看jQuery的选择器就很简单了，不再详细一一说明基本选择器$(‘*’)匹配页面所有元素$(‘#id’)id选择器$(‘.class’)类选择器$(‘element’)标签选择器组合/层次选择器$(‘E,F’)多元素选择器，用”,分隔，同时匹配元素E或元素F$(‘E F’)后代选择器，用空格分隔，匹配E元素所有的后代（不只是子元素、子元素向下递归）元素F$( 阅读全文

posted @ 2013-10-09 14:06 北斗极星阅读(264) 评论(0) 推荐(0)

100个直接可以拿来用的JavaScript实用功能代码片段(转)

摘要：http://www.cnblogs.com/wxydigua/p/3314274.html 阅读全文

posted @ 2013-09-12 11:58 北斗极星阅读(136) 评论(0) 推荐(0)

一句命令快速合并 JS、CSS

摘要：在项目开发环境下，我们会把 JS代码尽可能模块化，方便管理和修改，这就避免不了会出现一个项目自身 JS 文件数量达到 10 个或者更多。而项目上线后，会要求将所有 JS 文件合并为 1 个或者几个，手动的操作虽然也不是问题，但每次修改更新都要手动操作合并一遍，这就肯定是个噩梦了。这种情况下，一些工具也就随之产生，比如在线合并，一些网站提供js文件上传，然后合并，但这还是很麻烦，如果开发环境没有网络呢？这会我就想到了 windows 系统下的 cmd 里的 copy命令，它虽然是个复制的功能，但实则也是可以实现合并文件的需求，下面就看下这句代码：?copy a.js+b.js+c.j... 阅读全文

posted @ 2013-08-31 14:07 北斗极星阅读(329) 评论(1) 推荐(0)

推荐25款很棒的 HTML5 开发框架和开发工具【上篇】

摘要：HTML5 在不同的领域让网页设计更强大的。快速，安全，响应式，互动和美丽，这些优点吸引更多的 Web 开发人员使用 HTML5。HTML5有许多新的特性功能，允许开发人员和设计师创建应用程序和网站，带给用户桌面应用程序的速度，性能和体验。这篇文章整理了25款优秀的 HTML5 框架和开发工具可以帮助你开发项目更快，更容易。您可能感兴趣的相关文章推荐10款非常优秀的 HTML5 开发工具2012年最经典的10款 HTML5 游戏集锦35款非常优秀的基于 HTML5 网页游戏20个惊艳的 HTML5 Canvas 应用试验8个惊艳的 HTML5 和 JavaScript 特效SonicSon. 阅读全文

posted @ 2013-08-28 09:43 北斗极星阅读(304) 评论(0) 推荐(0)

读书节选

摘要：http://www.cnblogs.com/huang0925/p/3280807.html 阅读全文

posted @ 2013-08-25 22:16 北斗极星阅读(115) 评论(0) 推荐(0)

新浪微博顶部新评论提示层效果——position：fixed

摘要：fix顶部阅读全文

posted @ 2013-08-16 10:06 北斗极星阅读(305) 评论(0) 推荐(0)

clearfix 清除浮动的问题

摘要：今天看一篇博文，发现其实有很多方法实现清除浮动，各有利弊采用伪类:after进行后续空制的高度位零的伪类层清除采用CSS overflow:auto的方式撑高采用CSS overflow:hidden的方式产生怪异适应采用display:table将对象变成table形式采用div标签，以及css的clear属性采用br标签，以及css的clear属性采用br标签，以及其自身HTML的clear属性粗略的看，他们都能将问题解决；然而他们另外一方面又有着各自的利弊。（一一对应）优点结构语义化完全正确，不会产生其余的怪异问题。缺点复用方式不当容易造成代码量急剧增大。建议最外层轻浮动时使用，或清阅读全文

posted @ 2013-08-16 10:04 北斗极星阅读(727) 评论(0) 推荐(0)

选择器代码

摘要：aiQuery test 用户名: //使用方法alert(aiQuery('.aaa .bbb [type=text]'));alert(aiQuery('.aaa label + input'));alert(aiQuery('#username')); 选择器代码http://www.cnblogs.com/yexiaochai/p/3258279.html 阅读全文

posted @ 2013-08-14 23:08 北斗极星阅读(253) 评论(0) 推荐(0)

css的使用技巧资料

摘要：http://www.instantshift.com/2010/03/15/47-css-tips-tricks-to-take-your-site-to-the-next-level/http://www.cnblogs.com/youxin/archive/2011/10/30/2229251.htmlhttp://www.cnblogs.com/Qzhou/archive/2013/04/29/3050373.html 阅读全文

posted @ 2013-08-14 16:38 北斗极星阅读(144) 评论(0) 推荐(0)

毫秒必争，前端网页性能最佳实践

摘要：最佳实践我们引用的来自yahoo前端性能团队总结的35条黄金定律。原文猛击这里。下面我们分门别类将每条的关键点总结一下。网页内容减少http请求次数减少DNS查询次数避免页面跳转缓存Ajax延迟加载提前加载减少DOM元素数量根据域名划分内容减少iframe数量避免404服务器使用CDN添加Expires 或Cache-Control报文头Gzip压缩传输文件配置ETags尽早flush输出使用GET Ajax请求避免空的图片srcCookie减少Cookie大小页面内容使用无cookie域名CSS将样式表置顶避免CSS表达式用代替@import避免使用FiltersJavascript将脚本置阅读全文

posted @ 2013-08-12 09:34 北斗极星阅读(189) 评论(0) 推荐(0)

setAttribute一个兼容性问题

摘要：前几天工作中遇到一个js问题，本来js就不大会，倒腾了好长时间，并在做弹窗的时候用到了setAttribute，出现了不兼容的问题，在网上查了好多，真是郁闷，看来啥都得学啊。主要的工作是做一个根据时间段变化图片的背景色，并在每一个时间段开始的同时同步进行倒计时，唉，两个分开来做都很好做，但是整合到一起的时候就麻烦了，倒计时的时候不会进行刷新......先说这个弹窗问题，在不是上述时间段的时候，不能购买产品，弹出一个弹窗来提示用户，我是用setAttribute做的，但是在做成效果之后，遇到了有些浏览器不兼容的问题。下面来说说：本来写的代码是但是这样写后在tt中并没有弹窗，这就涉及到某.. 阅读全文

posted @ 2013-08-08 17:34 北斗极星阅读(975) 评论(0) 推荐(0)

【总结】IE和Firefox的Javascript兼容性总结

摘要：【总结】IE和Firefox的Javascript兼容性总结http://www.cnblogs.com/wiky/archive/2010/01/09/IE-and-Firefox-Javascript-compatibility.html#t3 阅读全文

posted @ 2013-08-08 17:31 北斗极星阅读(138) 评论(0) 推荐(0)

web前端调试工具

摘要：1、firebug入门指南 http://www.ruanyifeng.com/blog/2008/06/firebug_tutorial.html2. Console命令详解,让调试js代码变得更简单 http://www.cnblogs.com/see7di/archive/2011/11/21/2257442.html 阅读全文

posted @ 2013-08-08 15:52 北斗极星阅读(214) 评论(0) 推荐(0)

console.log的一个应用 -----用new方法生成一个img对象和document.createElement方法创建一个img对象的区别

摘要：我用两种方法来生成img对象，第一种方法是用new方法，第二种方法是用document.createElement方法。[javascript] view plaincopyprint?varimg1=newImage();varimg2=document.createElement('img');var img1 = new Image();var img2 = document.createElement('img');其实，乍一看，感觉有些不同，但是具体什么不同，一下子也说不上来。在console窗口，比较看看，都是生成img对象，节点名称都一样。接下来，阅读全文

posted @ 2013-08-08 15:47 北斗极星阅读(699) 评论(0) 推荐(0)

Web Api 在线参考文档

摘要：参考文档：https://developer.mozilla.org/zh-CN/docs/Web/API 阅读全文

posted @ 2013-08-08 15:31 北斗极星阅读(276) 评论(0) 推荐(0)

北斗极星

随笔分类 - web前端

公告