分类：WEB开发

2015
05-11

Web开发者不可不知的15条编码原则

HTML已经走过了近20的发展历程。从HTML4到XHTML，再到最近十分火热的HTML5，它几乎见证了整个互联网的发展。但是，即便到现在，有很多基础的概念和原则依然需要开发者高度注意。下面，向大家介绍这些应该遵循的开发原则。1、善用DIV来布局当开发一个Web页面时，要考虑第一件事就是区分页面重点。将这些内容用DIV标签包含起来，页面的代码会呈现出整洁、缩进良好的风格。<divid="header"></div><divid="body-container">... 继续阅读 >
2015
05-08

大型网站的 HTTPS 实践（三）：基于协议和配置的优化

1前言上文讲到HTTPS对用户访问速度的影响。本文就为大家介绍HTTPS在访问速度，计算性能，安全等方面基于协议和配置的优化。2HTTPS访问速度优化2.1TcpfastopenHTTPS和HTTP使用TCP协议进行传输，也就意味着必须通过三次握手建立TCP连接，但一个RTT的时间内只传输一个syn包是不是太浪费？能不能在syn包发出的同时捎上应用层的数据？其实是可以的，这也是tcpfastopen的思路，简称TFO。具体原理可以... 继续阅读 >
2015
05-07

大型网站的 HTTPS 实践（二）：HTTPS 对性能的影响

1前言HTTPS在保护用户隐私，防止流量劫持方面发挥着非常关键的作用，但与此同时，HTTPS也会降低用户访问速度，增加网站服务器的计算资源消耗。本文主要介绍https对用户体验的影响。2HTTPS对访问速度的影响在介绍速度优化策略之前，先来看下HTTPS对速度有什么影响。影响主要来自两方面：协议交互所增加的网络RTT(roundtriptime)。加解密相关的计算耗时。下面分别介绍一下。2.1网络耗时增加由于HTTP和HT... 继续阅读 >
2015
05-07

大型网站的 HTTPS 实践（一）： HTTPS 协议和原理

1前言百度已经于近日上线了全站HTTPS的安全搜索，默认会将HTTP请求跳转成HTTPS。本文重点介绍HTTPS协议,并简单介绍部署全站HTTPS的意义。2HTTPS协议概述HTTPS可以认为是HTTP+TLS。HTTP协议大家耳熟能详了，目前大部分WEB应用和网站都是使用HTTP协议传输的。TLS是传输层加密协议，它的前身是SSL协议，最早由netscape公司于1995年发布，1999年经过IETF讨论和规范后，改名为TLS。如果没有特别... 继续阅读 >
2015
05-05

5 款最新的 jQuery 图片裁剪插件

这篇文章主要介绍最新的5款jQuery图片裁剪插件，可以帮助你轻松的实现你网站需要的图像裁剪功能。CropitCropit是一个jQuery插件，支持图像裁剪和缩放功能。Cropit通过FileReader进行本地图片加载，然后使用canvas来进行裁剪。在线演示特性：支持图像裁剪和缩放通过FileReader加载本地图像，使用canvas来进行裁剪通过CSS可以进行完全的自定义设计特别适合需... 继续阅读 >
2015
05-04

双目失明的他，如何一步步成为谷歌资深工程师

问题：视障工程师如何编程？看到这个问题，许多人可能会问，盲人看不到电脑屏幕，他们不可能编程，更不可能成为工程师。然而，在许多大型的互联网技术公司里，我们看到了不少盲人工程师的身影。前不久，有网友在国外社交问答平台Quora上提出了同样的问题，小编今天就带各位看一看这些牛人是如何成为工程师的。Google的盲人科学家、资深工程师T.V.Raman博士，在可访问性(accessibility)问题上的造诣首屈一指，开发出了数... 继续阅读 >
2015
05-02

程序员必须克服的十大编程禁忌

程序员在编程的时候难免会犯错误，但如果不从错误中吸取教训，那么习惯成自然，你会经常犯错的。从错误中不断的学习，锻炼好的行为习惯有助于事业上的稳定。这就是我们如何将小麦从糟糠中区别出来以及如何避免编程禁忌的绝佳经验。此外，最重要的就是可以为客户带来更好的用户体验。1.不提升非技术技能我们认为非技术技能是项目成功的主要因素。这些非技术技能也可以称之为“软技能”，总体上来说，它已经被公司证明为能够驾... 继续阅读 >
2015
04-24

CSS 3中弹性盒布局的最新版

CSS3中弹性盒布局的最新版概述在CSS3中，CSSFlexibleBox模块为一个非常重要的模块，该模块用于以非常灵活的方式实现页面布局处理。虽然可以使用其他CSS样式属性来实现页面布局处理，但是如果使用CSSFlexibleBox模块中定义的弹性盒布局技术，可以根据屏幕尺寸或浏览器窗口尺寸自动调整页面中各局部区域的显示方式，即实现非常灵活的布局处理。虽然CSSFlexibleBox模块已经被公布了好几年，但是自开始公布... 继续阅读 >
2015
04-22

Image Lazy Load：那些延时加载图片的开源插件(jQuery)

图片延时加载技术对大流量的网站来说是十分实用的。目前图片在网站中大量使用，如果不加处理的话会对服务器和带宽造成级大压力，通过只渲染当前用户可见区域的图片，可以极大地减少网站的请求数，降低网络带宽资源。unveil这是一款十分轻量级的片时图片加载组件支持现代浏览器及IE7+,Github上面有将近3K个star(关注)使用一般图片<imgsrc="bg.png"data-src="img1.jpg"/>对于支持retina(... 继续阅读 >
2015
04-18

高并发Web服务的演变——节约系统内存和CPU

一、越来越多的并发连接数现在的Web系统面对的并发连接数在近几年呈现指数增长，高并发成为了一种常态，给Web系统带来不小的挑战。以最简单粗暴的方式解决，就是增加Web系统的机器和升级硬件配置。虽然现在的硬件越来越便宜，但是一味地通过增加机器来解决并发量的增长，成本是非常高昂的。结合技术优化方案，才是更有效的解决方法。并发连接数为什么呈指数增长？实际上，从这几年的用户基数上看，这个数量并没有出现指数增长，... 继续阅读 >
2015
04-17

如何构建高扩展性网站？

本篇通过阅读《高扩展性网站的50条原则》，总结出以下内容。一方面博主没有实际的架构经验，另一方面知识面也不够宽阔，所以只能系统的总结书中的要点，并根据自己的理解做些归纳。主要内容本书从多个方面围绕高扩展性提出了50条建议，一个高扩展性的网站会随着业务的发展、用户的增加，自由的扩展架构，从而轻松的应付网站的快速发展。下面看看本书的具体内容：化简方程1不要过度的设计过度的设... 继续阅读 >
2015
04-12

JavaScript中常见的字符串操作函数及用法 推荐

1、字符串转换字符串转换是最基础的要求和工作，你可以将任何类型的数据都转换为字符串，你可以用下面三种方法的任何一种：var num= 19; // 19 var myStr = num.toString; // "19"你同样可以这么做：var num= 19; // 19 var myStr = String(num); // "19"或者，再简单点儿：2、字符串分割字符串分割，即将一个字符串分割为... 继续阅读 >
2015
04-04

10个优秀的JavaScript开发框架 推荐

JavaScript基本上是一个面向对象的脚本语言，创建web应用程序和互动网站。Javascript框架也被称为Javascript库。JJavascript框架被认为是作为一个软件开发的应用程序必不可少的脚本语言，可以让web开发人员快速创建web设计和开发动态网站。使用这些javascript框架,你可以减少工作的时间,可以减少费用，为客户通过使用框架，友好体验,JavaScript框架2015最先进的web设计和开发世界的未来。我们收集了10个最好的JavaScript框架开发者... 继续阅读 >
2015
04-04

8个最佳Web开发资源推荐 HOT

无论你是需要选择一门新的编程语言，或是了解最新的标准，还是需要从其他地方找到一些灵感，我们这里为你整理了一些很好的Web开发资源，帮助你更成功地进行Web开发。这里列出10个最佳Web开发资源，它们都是受到权威推荐的高质量内容： 1.W3schoolsW3Schools是为开发者优化准备的，可以用来学习、测试以及练习，这里提供的例子会帮助你更好理解知识。 2.Html很多人都认为开发一个网站是很复杂的，其实根本不是这样，... 继续阅读 >
2015
04-02

关于HTTPS的七个误解

本文详细讨论了关于HTTPS的七个误解，误解内容包括HTTPS无法缓存、SSL证书很贵、HTTPS太慢等等，以下是原文，希望你可以更透彻地了解HTTPS。误解七：HTTPS无法缓存许多人以为，出于安全考虑，浏览器不会在本地保存HTTPS缓存。实际上，只要在HTTP头中使用特定命令，HTTPS是可以缓存的。微软的IE项目经理EricLawrence写道：“说来也许令人震惊，只要HTTP头允许这样做，所有版本的IE都缓存HTTPS内容。比... 继续阅读 >
2015
03-28

关于Web网站项目的10个问题 推荐

Web设计和开发是一个长期的、迭代的过程。它可以花费数周或数个月。如果你专注于细节时，你很容易会迷失其中。你实现了网站的原始目标了吗？又或者说你太全神贯注于创建一个精致的艺术品，以至于忘记了用户，忘记了收益？这听起来很让人厌烦，不过这种事经常发生，不是吗？为了不迷失，我会问一下之前没有看过我网站的观众，并为我解答以下这些问题：这个网站的受众是谁？这些受众会在这个网站上发现什么？容易发现吗？他们必须反... 继续阅读 >
2015
03-23

最详细的JavaScript和事件解读

与浏览器进行交互的时候浏览器就会触发各种事件。比如当我们打开某一个网页的时候，浏览器加载完成了这个网页，就会触发一个 load 事件；当我们点击页面中的某一个“地方”，浏览器就会在那个“地方”触发一个 click 事件。这样，我们就可以编写JavaScript，通过监听某一个事件，来实现某些功能扩展。例如监听 load 事件，显示欢迎信息，那么当浏览器加载完一个网页之后，就... 继续阅读 >
2015
03-19

2015年用户体验设计的3件大事

如果说2014年可以誉为“客户之年”，那么2015年就绝对该称为“体验之年”。下面是2015年（及之后）将颠覆企业发展前景的三大趋势。1.大权转向消费者及其各项体验多股力量的碰撞成就了这一现状。过渡的削减成本和离岸外包引发了反冲效果，造成消费者开始要求提高体验。一整代人的力量一直以来推动着IT的定制化，同时刚刚进入市场的新员工期望并要求IT体验的水平质量能够达到日常消费类产品和服务的水平。今天的社交网络已经彻底... 继续阅读 >
2015
03-17

JavaScript 开发的45个经典技巧

JavaScript是一个绝冠全球的编程语言，可用于Web开发、移动应用开发（PhoneGap、Appcelerator）、服务器端开发（Node.js和Wakanda）等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框，也可以通过nodebot或nodruino来控制机器人。能够编写结构清晰、性能高效的JavaScript代码的开发人员，现如今已成了招聘市场最受追捧的人。在这篇文章里，我将分享一些JavaScript的技巧、秘诀和最佳实... 继续阅读 >
2015
03-14

CSS3飘带状3D菜单 菜单带小图标

这次我们要来分享一款很特别的CSS3菜单，菜单的外观是飘带状的，并且每一个菜单项有一个精美的小图标，鼠标滑过菜单项时，菜单项就会向上凸起，像是飘带飘动一样，形成非常酷的3D视觉效果。这款CSS3飘带状3D菜单非常适合作一些活动页面的菜单导航。在线演示        源码下载 2、jQuery动画二级下拉菜单对于jQuery菜单，大家已经非常熟悉了，我们也已经分享过很多jQuery菜单和CSS3... 继续阅读 >
2015
03-13

JavaScript中textRange对象使用方法总结 推荐

TextRange对象是动态HTML(DHTML)的高级特性，使用它可以实现很多和文本有关的任务，例如搜索和选择文本。文本范围让您可以选择性的将字符、单词和句子从文档中挑选出来。TextRange对象是在HTML文档将要显示的文本流上建立开始和结束位置的抽象对象。下面是TextRange的常用属性与方法：属性boundingHeight获取绑定TextRange对象的矩形的高度boundingLeft获取绑定TextRange对象的矩形左边缘和包含TextRange对象的左侧之... 继续阅读 >
2015
03-13

12岁开始自学Web开发的5个经验 HOT

自从我12岁的时候，发现MicrosoftWord中的“另存为Web页面”选项后，我就开始自学Web开发。我先学的是HTML，接着是CSS和JavaScript，然后是一些PHP和Rails的皮毛。（近段时间，我投入了Meteor的怀抱。）我也考虑过接受正式和系统的教育，但是，最后我发现：费用太高。我有课堂环境恐惧症。已经学了不少，没必要学重复的东西。自学的过程实际上并不轻松。我不但需要学习如何编写代码，还得探索学习的方法——学... 继续阅读 >
2015
03-12

JavaScript的事件监听与捕获和冒泡

在前端开发中，我们经常需要对某些事件进行监听。这样只要在指定的元素上触发了该事件，就会执行一个回调来进行相关的操作。而js中事件监听方法总共有三种，分别如下所示：element.addEventListener(type,listener[,useCapture]);//IE6~8不支持element.attachEvent(’on’+type,listener);//IE6~10，IE11不支持element[’on’+type]=function(){}//所有浏览器demo:functioncb(){console.log(1);}elemen... 继续阅读 >