分类目录归档：WEB开发

2015
06-16

Sublime Text 插件推荐系列 —— 用 Sublime 开发 Laravel

1. BladeSnippets：提供Blade模板自动补全2. Laravel4BladeHighlighter：提供Blade关键字高亮3. LaravelGenerator：提供超高效率Laravel工作流这就是之前教程里面说过的 way/generators的Composer包的另一个版本，是运行在编辑器里的。不过还是推荐使用命令行版，因为可以方便地读取历史记录，并加以修改。注意，这个插件要求PHP版本5.4以上。4. ClipboardHistory：剪贴板历史，Sublime超级插件第二5... 继续阅读 >
2015
06-13

为什么整个互联网行业都缺前端工程师？

现在，几乎整个互联网行业都缺前端工程师，不仅在刚起步的创业公司，对上市公司乃至巨头这个问题也一样存在。没错，优秀的前端工程师简直比大熊猫还稀少。每天，100offer的HR群都有人在吐槽招不到前端工程师。实话说对这些需求，Betty也无能为力，因为在供不应求的前端招聘市场上，优秀的前端工程师才是有话语权的那一方。不仅在国内的互联网行业，在国外，前端工程师一样是需求旺盛、供不应求的香饽饽。举个例子，... 继续阅读 >
2015
06-13

十大免费教程资源帮助新手快速学习JavaScript

“JavaScript”的名头相信大家肯定是耳熟能详，但只有一小部分人群了解它的使用与应用程序构建方式。这“一小部分”人指的当然是技术过硬的有为青年、网络程序员以及IT专业人员。但对于一位新手或者说外行人而言，“JavaScript”只不过是复杂计算机编程学科当中的另一个不知所云的术语。那么，JavaScript到底是什么？如果各位拥有在计算机领域的工作经验，那么绝对不能错过强大的JavaScript... 继续阅读 >
2015
06-09

Vim - 适合自己的 才是最好的

Vim被称为编辑器之神，是我用过之后才体会到的，用之前实在不敢对它做出什么评价。在大学时代，Vim的大名就已如雷贯耳，但由于它陡峭的学习曲线，一直望而却步。等真正开始学习之后，发现并没有想象中的复杂，也没有所谓的瓶颈，只要在实际写代码中强迫自己使用就可以了，无形中就会形成习惯。最初的不适，换来的是效率的飞升。这和我当初学习双拼的感觉一样。下图是我的Vim界面：学习方式我一开始也是看了很多... 继续阅读 >
2015
06-07

前端，我为什么不要你

今年一月份以前端主管的身份进入现在的公司，到现在为止陆陆续续面试了十几个应聘者，惊讶地发现前端这个细分岗位的市场行情竟如此奇怪，一方面是各种公司争相聘请，导致价格高的浮躁；一方面是从业者大多经历尚浅，浅到没什么技术积累，没什么项目经验，更可怕的是没什么进取心。这里总结一下，自勉。一年经验重复用这个是最可怕的，如果不仔细了解，你很难分辨工作经验里面的水分。我面试过的人里面大多有4-5年... 继续阅读 >
2015
06-02

javascript客户端检测技术

1.Firefox Gecko是firefox的呈现引擎。当初的Gecko是作为通用Mozilla浏览器一部分开发的，而第一个采用Gecko引擎的浏览器是Netscape6；我们可以使用用户代理检测下：如下JS代码：varua=navigator.userAgent;console.log(ua);在windows下firefox下打印如下：Mozilla/5.0(WindowsNT6.1;WOW64;rv:38.0)Gecko/20100101Firefox/38.0上述是为Netscape6编写的代理字符串一些构成：如下：... 继续阅读 >
2015
05-27

十个JavaScript中易犯的小错误，你中了几枪？

序言在今天，JavaScript已经成为了网页编辑的核心。尤其是过去的几年，互联网见证了在SPA开发、图形处理、交互等方面大量JS库的出现。如果初次打交道，很多人会觉得js很简单。确实，对于很多有经验的工程师，或者甚至是初学者而言，实现基本的js功能几乎毫无障碍。但是JS的真实功能却比很多人想象的要更加多样、复杂。JavaScript的许多细节规定会让你的网页出现很多意想不到的bug，搞懂这些bug，对于成为一位有经验... 继续阅读 >
2015
05-15

css中单位 px、em 的区别

在国内网站中，包括三大门户，以及“引领”中国网站设计潮流的蓝色理想，ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而在大洋彼岸，几乎所有的主流站点都使用em作为字体单位，也就是可调的。没错，px比em更加容易使用，大部分读者不知道em为何物或者它相当于多少px。国外人士如此重视网站易用性(Accessibility)，不仅因为其根生蒂固的人文精神，直接原因可能是因为有一部法律来约束他们... 继续阅读 >
2015
05-15

应不应该使用inline-block代替float

CSS布局创建网站,浮动绝对占据了很大的比例.大块区域如主内容及侧边栏,以及在其中的小块区域,都可以看到浮动的影子.这里浮动是唯一的解决方案吗?浮动通常表现正常，但有时候搞起来会很纠结。特别是处理内部容器中的浮动，比如对一排图片使用浮动后对齐出现问题。Inline-block是我们的另一种选择。使用这种属性可以模拟部分浮动的特征，而不需要处理一些浮动带来的问题。Inline-block不是什么新鲜话题了，估计你也用... 继续阅读 >
2015
05-13

短链接URL系统是怎么设计的？

最烂的回答实现一个算法，将长地址转成短地址。实现长和短一一对应。然后再实现它的逆运算，将短地址还能换算回长地址。这个回答看起来挺完美的，然后候选人也会说现在时间比较短，如果给我时间我去找这个算法就解决问题了。但是稍微有点计算机或者信息论常识的人就能发现，这个算法就跟永动机一样，是永远不可能找到的。即使我们定义短地址是100位。那么它的变化是62的100次方。62=10数字+26大写字母+26小写字母。无论这个数多... 继续阅读 >
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、字符串分割字符串分割，即将一个字符串分割为... 继续阅读 >