随笔分类 - javascript
摘要：最近做项目在前端我使用了很多新技术，这些技术有bootstrap、angularjs，不过最让我兴奋的还是使用了HTML5的技术，今天我想总结一些HTML5的技术，好记性不如烂笔头，写写文章可以很好的整理思路，写到博客里还能做个备忘。 1) 跨域通讯 现在做企业项目，前端很不自然的会大量使用ifra
阅读全文
摘要：前后端分离的主题虽然讲完了，但是前后端分离的内容并没有结束，本篇将继续前后端分离的问题，只不过这次前后端分离的讲述将会围绕着本系列的主题网站静态化进行。在讲本篇主题之前，我需要纠正一下前后端分离主题讲述中会让朋友们产生误导的地方，这种误导就是对时下流行的一些前后端分离方案（没有使用nodejs的...
阅读全文
摘要：我第一次听说nodejs技术大概是在2009年年末，不过我真正认真在网络上进一步了解nodejs还是在2010年年中，当时对nodejs的认识和我现在对nodejs的认识有着天壤的区别，开始想了解nodejs我只是为了感慨谷歌公司开发的V8引擎居然如此强大，它不仅仅可以作为chrome浏览器的j...
阅读全文
摘要：上篇里我讲到了一种前后端分离方案，这套方案放到服务端开发人员面前比放在web前端开发人员面前或许得到的掌声会更多，我想很多资深前端工程师看到这样的技术方案可能会有种说不出来的矛盾心情，当我的工作逐渐走向越来越专业化的前端开发后，我就时常被这套前后端分离方案所困惑，最近我终于明白了这个困惑的本源在...
阅读全文
摘要：前文讲到了CSI技术，这就说明网站静态化技术的讲述已经推进到了浏览器端了即真正到了web前端的范畴了，而时下web前端技术的前沿之一就是前后端分离技术了，那么在这里网站静态化技术和前后端分离技术产生了交集，所以今天我将讨论下前后端分离技术，前后端分离技术讨论完后，下一篇文章我将会以网站静态化技术...
阅读全文
摘要：在存储瓶颈的开篇我提到像hao123这样的导航网站只要它部署的web服务器数量足够，它可以承载超大规模的并发访问量，如果是一个动态的网站，特别是使用到了数据库的网站是很难做到通过增加web服务器数量的方式来有效的增加网站并发访问能力的。但是现实情况是像淘宝、京东这样的大型动态网站在承担高并发的情...
阅读全文
摘要：支付宝十周年推出了一个新产品：支付宝的十年账单，我也赶个时髦查看了一下我的支付宝十年账单，哎，感慨自己真是太屌丝了，不过这只是说明我使用淘宝少了，当我大规模网上购物时候，我很讨厌慢速的快递，所以我大部分消费都贡献给了像京东这样具有火箭般快递速度的电子商城了。不过在支付宝十年账单里，有个统计数据引...
阅读全文
摘要：4) this、new、call和apply的相关问题 讲解this指针的原理是个很复杂的问题，如果我们从javascript里this的实现机制来说明this，很多朋友可能会越来越糊涂，因此本篇打算换一个思路从应用的角度来讲解this指针，从这个角度理解this指针更加有现实意义。 下面我...
阅读全文
摘要：3) 作用域链相关的问题 作用域链是javascript语言里非常红的概念，很多学习和使用javascript语言的程序员都知道作用域链是理解javascript里很重要的一些概念的关键，这些概念包括this指针，闭包等等，它非常红的另一个重要原因就是作用域链理解起来太难，就算有人真的感觉理解了它...
阅读全文
摘要：1) 引子 前不久我建立的技术群里一位MM问了一个这样的问题，她贴出的代码如下所示：var a = 1;function hehe(){ window.alert(a); var a = 2; window.alert(a);}hehe(); 执行...
阅读全文
摘要：如何能做出高效的web前端程序是我每次做前端开发都会不自觉去考虑的问题。几年前雅虎里牛逼的前端工程师们出了一本关于提升web前端性能的书籍，轰动了整个web开发技术界，让神秘的web前端优化问题成为了大街的白菜，web前端优化变成了菜鸟和大牛都能回答的简单问题，当整个业界都知道了惊天秘密的答案，...
阅读全文
摘要：深入研究某项技术，了解使用这些技术的细节，其实最终目的都是为了完成一个选择问题：当我们要使用这些技术解决某个具体的问题时候我们到底该如何去选择。如果碰到有两种技术可以让我们达到同样的目的，我们就会不自然的去比较它们之间的差异，通过对这些差异的梳理，我们就能得出在使用它们时候我们到底该如何取舍。 ...
阅读全文
摘要：标题里的技术都是web开发里最常见的技术，但是我想这些常用的技术有很多细节是很多朋友不太清楚的，理解这些细节是我们深入掌握这些技术的一把钥匙，今天我就讲讲我使用这些技术时体会到的这些细节。 同步提交是指通过对页面的form表单执行submit操作，将用户在页面上录入的数据提交到服务器，服务器处...
阅读全文
摘要：我在以前的文章里提到promise和deferred，这两个东西其实是对回调函数的一种写法，javascript的难点之一是回调函数，但是我们要写出优秀的javascript代码又不得不灵活运用回调函数，大型javascript代码里都会大量运用回调函数，大量的标准回调函数写法的坏处就是使得代码...
阅读全文
摘要：在我上篇文章里，我提到一种使用iframe完成无阻塞脚本加载的方式，因为我对iframe的偏见很大，所以上篇文章里我没有展开讨论这个问题。 文章发表后有位网友问了我这样一个问题，下面是他问题的原文，如下所示：我一个电商后台系统，用的表格控件是flexigrid，，里面是个iframe来的，每一...
阅读全文
摘要：下面的图片是我使用firefox和chrome浏览百度首页时候记录的http请求下面是firefox：下面是chrome： 在浏览百度首页前我都将浏览器的缓存全部清理掉，让这个场景最接近第一次访问百度首页的情景。 在firefox的请求瀑布图里有个表现非常之明显：就是javascript文件...
阅读全文
摘要：前不久有个网友问我在前端使用requireJs和seajs的问题，我当时问他你们公司以前有没有自己编写的javascript库，或者javascript框架，他的回答是什么都没有，他只是听说像requirejs和seajs是新东西新技术，很有价值所以想用它。 这位网友的问题引起了我对javas...
阅读全文
摘要：如果以后公司再能让我独立做一套新的完整系统，那么我肯定会为这个系统再写一个前端框架，那么我到底该如何写这个框架呢？ 在我以前的博客里我给大家展示了一个我自己写的框架，由于当时时间很紧张，做之前几乎没有完整的思考过我到底该如何去写这个框架，所以事后对于这个框架我有很多遗憾之处，当我重构过一次代码...
阅读全文
摘要：最近我研究技术的一个重点是java的多线程开发，在我早期学习java的时候，很多书上把java的多线程开发标榜为简单易用，这个简单易用是以C语言作为参照的，不过我也没有使用过C语言开发过多线程，我只知道我学习java多线程开发是很难的，直到现在写这篇文章的时候，虽然我对java多线程里的API比...
阅读全文
摘要：在前面的文章里我谈到了前后端分离的一些看法，这个看法是从宏观的角度来思考的，没有具体的落地实现，今天我将延续上篇文章的主题，从纯前端的架构设计角度谈谈前后端分离的一种具体实现方案，该方案和我原来设想有了很大的变化，但是核心思想没变，就是控制层是属于Web前端的。 在以前文章里我说道前后端分离的...
阅读全文