码字的农民

摘要： Introduction 由于Ajax技术在Gmail中的成功应用和高性能的V8引擎的推出使得编写Web应用变得流行 起来，使用前端技术也可以编写具有复杂交互的应用。相对于native应用，Web应用具 有如下优点：跨平台，开发和维护成本低；升级和发布方便，没有版本的概念，随时随地发布，用户没有感知，不需要安装；响应式设计(Responsive Design)使得Web应用可以跨平台，同一份代码自适应各种 屏幕大小即使最终不采用Web应用方案，也很适合开发原型 当然，Web应用也不是没有缺点。由于不同平台和厂商的浏览器并不完全一样，跨平台 也有一些兼容成本。另外，Web应用的性能不如nat.. 阅读全文

摘要： Jquery的$.ajax方法可以实现ajax调用，要设置url,post,参数等。如果要提交现有Form需要写很多代码，何不直接将Form的提交直接转移到ajax中呢。以前的处理方法如Form代码如下：名称：密码：手机：说明：当提交后，会跳转到action.aspx页面。并可以通过Request.Params["name"]可以取到值。思考如果不想刷新页面使用ajax，就又要在$.ajax中指定url,等信息，不好维护。在网上查了一下，老早以前老外就有解决方案了。使用ajax直接按照Form信息直接提交。不刷新页面。参考资料：http://jquery.malsup.co 阅读全文

摘要： 当前在互联网上，任何一个稍微复杂的网站或者应用程序都会包含许多HTML、CSS和JavaScript。随着互联网运用的发展以及我们对它的依赖性日益增加，设定一个关于组织和维护你的前端代码的计划是绝对需要的。 当今的一些大型互联网公司，由于越来越多的人会接触到日益增加的前端代码，它们会试图去坚持代码的模块化。这样更改程序的部分代码，并不会无意中过多地影响后续不相关部分的执行过程。 防止意想不到的后果不是一个容易解决的问题，尤其是HTML，CSS和JavaScript本质上是相互依赖的。更糟糕的是，当涉及到前端代码时，一些传统计算机科学原则，比如关注分离，这一长期运用在服务端开发中，很少... 阅读全文

摘要： 预加载器（Pre-loader）可以说是提高浏览器性能最重要的举措。Mozilla 官方发布数据，通过预加载器技术网页的加载性能提升了19%，Chrome测试了 Alexa 排名前2000名网站，性能有20%的提升。 它并不是一门新技术，有人认为只有 Chrome 才具备这个功能。也有人认为它是有史以来提升浏览器性能最有效的方法。如果你第一次接触预加载器，也许心中已经有了无数个问号。什么是预加载器？它是如何提升浏览器性能的？　首先需要了解浏览器是如何加载网页的 一个网页的加载依赖于脚本文件、CSS样式文件。让我们看看浏览器加载网页的过程。首先，浏览器下载 HTML 并开始解析。如果浏览器... 阅读全文

摘要： 用CSS创建打印页面，不必为打印而专门建立一个HTML文件，可以节省一些体力，其前提是按“WEB标准”用CSS+DIV布局HTML页面。第一、在HTML页面加入为打印机设置的CSS文件 media="screen" ，是面向屏幕的；media="print" ，是面向打印的；第二、建立打印版本的页面，去除不必要的页面元素，如导航、侧栏、广告、版权等。这时就可以体现出按“WEB标准”做页面的优势了，用CSS换个版式很容易。/* 隐藏不打印项 start */h1 span { /* 副标题 */display: none;}#sidebar {/* 侧栏 阅读全文

摘要： 这篇文章将向你分享一些不为人知的但很有用的JavaScript小建议，对那些刚涉及使用JavaScript编程语言的初级开发者应该有很大的帮助。1. 用数组长度截取数组 我们都知道，对象都是通过使用JavaScript引用的，但这并不是唯一的准则，请看下面的检验案例：var arr1 = arr2 = [1, 2, 3]; //Change arr1arr1 = [];// arr2 will still be [1,2,3] 最初，arr1和arr2都指向了数组[1,2,3]，之后当arr1重新指向[ ]的时候，arr2的引用并没有发生什么变化，仍然指向[1,2,3]。但是如果我们想... 阅读全文

摘要： 现在的浏览器里,有一个十分有趣的功能，你可以在不刷新页面的情况下修改浏览器URL;在浏览过程中.你可以将浏览历史储存起来，当你在浏览器点击后退按钮的时候，你可以冲浏览历史上获得回退的信息，这听起来并不复杂，是可以实现的，我们来编写些代码。来看看它是如何工作的。var stateObject = {};var title = "Wow Title";var newUrl = "/my/awesome/url";history.pushState(stateObject,title,newUrl); History 对象pushState() 这个方法有3个 阅读全文

摘要： 此文根据Steven Bradley的《How Well Do You Understand CSS Positioning?》所译，整个译文带有我自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。 当人们刚接触布局的时候都比较倾向于使用定位的方式。因为定位的概念看起来好像比较容易掌握。表面上你确切地指定了一个块元素所处的位置那么它就会坐落于那里。可是定位比你刚看到的时候要稍微复杂一点。对于定位来说，有一些东西会绊倒新手，所以在它成为你的惯用技巧前你需要掌握它们。 一旦你更深入地了解了它是怎么运作的，你就能够做出一些更棒的事情来。 CSS盒模型和定位的类型 为了搞清楚定位首先你... 阅读全文

摘要： 大多数网站的内容都存在数据库里，用户通过请求来访问内容。数据库非常的快，有许多技巧能让你优化数据库的速度，使你不浪费服务器的资源。在这篇文章中，我收录了十个优化数据库速度的技巧。 1、小心设计数据库 第一个技巧也许看来理所当然，但事实上大部分数据库的问题都来自于设计不好的数据库结构。 譬如我曾经遇见过将客户端信息和支付信息储存在同一个数据库列中的例子。对于系统和用数据库的开发者来说，这很糟糕。 新建数据库时，应当将信息储存在不同的表里，采用标准的命名方式，并采用主键。 来源: http://www.simple-talk.com/sql/database-administrati... 阅读全文

摘要： Web应用程序开发是倾向于在客户端运行所有用户逻辑和交互代码，让服务器暴露REST或者RPC接口。编译器是针对JS作为一个平台,第二版ECMAScript正是考虑到这一点在设计。客户端框架例如Backbone, Ember和Require鼓励创建功能丰富的应用程序，不仅有丰富的代码，而且各个组件，组件与数据之间有很多相互作用。 这真的很好，或许还能产生一些优秀的用户体验，但是毫无疑问的是，这是很难开发web应用程序和web页面。 根本原因是在互联网上服务你的代码和数据，运行在一些随机的浏览器上，在javascript中，这是一种你需要特别小心的语言，它是一个完全缺乏代码部署的平台。而且... 阅读全文

摘要： 1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。普通的dom对象一般可以通过$()转换成jquery对象。如：$(document.getElementById("msg"))则为jquery对象，可以使用jquery的方法。 阅读全文

摘要： 如果你的代码易于阅读，那么代码中bug也将会很少，因为一些bug可以很容被调试，并且，其他开发者参与你项目时的门槛也会比较低。因此，如果项目中有多人参与，采取一个有共识的编码风格约定非常有必要。与其他一些语言相比（比如Python示例），JavaScript没有一个权威的编码风格指南，取而代之的是一些流行的编码风格： Google的JavaScript风格指南（以下简称Google）NPM编码风格（以下简称NPM）Felix的Node.js风格指南（以下简称Node.js）惯用（Idiomatic）的JavaScript（以下简称Idiomatic）jQuery JavaScript风格指南（ 阅读全文

摘要： 1.重置浏览器的字体大小重置浏览器的默认值 ，然后重设浏览器的字体大小你可以使用雅虎的用户界面重置的CSS方案 ，如果你不想下载9MB的文件，代码如下：body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p, blockquote,th,td {margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite, 阅读全文

摘要： 今天发现个很有趣的js判断全世界最短的代码，想想之前自己写的判断ie浏览器的，这个实在简单多了 var ie = !+"\v1"; 仅仅需要7bytes！参见这篇文章，《32 bytes, ehr ... 9, ehr ... 7!!! to know if your browser is IE》，讲述外国人是如何把IE的判定从32 bytes一步步缩简成7 bytes!的故事 但这纪录今年1月8日被一个俄国人打破了，现在只要6 bytes!它利用了IE与标准浏览器在处理数组的toString方法的差异做成的。对于标准游览器，如果数组里面最后一个字符为逗号，JS引擎会自动剔 阅读全文

摘要： 1.预加载图片(function($) { var cache = []; // Arguments are image paths relative to the current page. $.preLoadImages = function() { var args_len = arguments.length; for (var i = args_len; i--;) { var cacheImage = document.createElement('img'); cacheImage.src = arguments[i]; cache.push(cacheImage 阅读全文