分类目录归档：WEB开发

2014
12-26

Web性能优化：图片优化

HTTPArchieve有个统计，图片内容已经占到了互联网内容总量的62%，也就是说超过一半的流量和时间都用来下载图片。从性能优化的角度看，图片也绝对是优化的热点和重点之一，GooglePageSpeed或者Yahoo的14条性能优化规则无不把图片优化作为重要的优化手段，本文覆盖了Web图片优化的方方面面，从基本的图片格式选择、到尚未被广泛支持的响应式图片均有所提及。GoogleWebFundamentals的说法我很喜欢：图片优化既是一... 继续阅读 >
2014
12-26

处理网页图片最常见的10个错误及其解决方案

对于任何一个现代网站来说图片都是最重要的部分。当前，据统计图片已经占到网站总带宽的60%。在处理前沿网站设计时更加明显。在一个图像丰富的社交网站上使用类图钉的布局，这个数字能高达85%。不幸的是带宽很贵。对于高流量的网站，带宽很可能要为你的IT花费负主责，轻松超越虚拟主机和存储花费。另外，如此大量的流量需要花时间，所以在浏览你的网站时，访问者很可能要花很长时间来等待图片的载入。由于加载时间... 继续阅读 >
2014
12-25

程序员如何做出“不难看”的设计 HOT

经常看到程序员展示自己做的东西，有一些是创业项目，有一些是WeekendProject,不客气地说，大部分都挺难看的。在10年前，只要你做出一个功能齐全的东西，哪怕非常难看也会有很多人叫好，而现在网站和其它互联网产品多如牛毛，没有人再愿意忍受难看的东西了。我觉得“不难看”是对一个产品最起码的要求，难看的产品往往都很难用。程序员在写代码的时候往往只注重功能的实现和性能的提升，忽视了外观和易用性，其实很... 继续阅读 >
2014
12-25

响应式网页设计之技能技巧大盘点 HOT

本文会带大家来看看一些实用的建议，以帮助你在响应式网页设计过程，并使之变得更加高效。响应式网页设计已经变成新的web标准，许多公司已经接受了这个挑战，并且已经建立起了专门的网页设计方案（比如只针对移动端的开发）或者已经开始试图解决跨平台的响应式网页设计方案。1.计划与往常一样，计划总是要放在第一优先级的。一旦你在纸上开始解决你的设计难题，你就已经准备好建立你的站点了。2.充分利... 继续阅读 >
2014
12-25

前端工程师的神器Sublime Text使用介绍

SublimeText算是前端开发中最常使用的文本编辑器之一，对于前端工程师来说熟悉手中的编辑器就像熟悉筷子一样重要。SublimeText的入门文章网上已经太多了，本文只关注能提升前端工程师工作效率的技巧和插件。语法高亮一晃已经接近2015年，过去数年里前端开发的发展日新月异：浏览器里充斥着新增加的CSS特性（以及这些特性的N种实现），JavaScript也不像原来那样只用作给单一页面加点特效或者提交Ajax请求这么简单，... 继续阅读 >
2014
12-22

实用的 jQuery下拉选择框插件集合

jQuery是目前最受欢迎的JavaScript库，并且在全世界都已经被广泛应用。今天，小编为大家展示了一些非常实用并且免费的jQuery下拉选择框插件，这可以大大的简化开发人员的工作流程。诸如这些资源，都是为了方便Web开发人员能够快速的执行某些操作，从而提高工作效率。同时今天为各位展示的一些jQuery下拉选择框插件很有可能激发你的创造力，使你的工作技能达到一个全新的水平。那么，你还在等什么呢？ddSlickddSlick... 继续阅读 >
2014
12-19

Web开发和设计上容易被忽视的8个错误 HOT

错误1：表单标签和各自的选择域不匹配       使用“for”属性允许用户点击标签，就可以选择到表单中整个的输入区域，这对单选框和复选框扩大点击区域十分重要。但要注意选择内容的匹配。 错误2：Logo图片不能链接回首页             点击网站的Logo回到首页已经是一个基本的原则了，大多数的访问者也已经习惯于此... 继续阅读 >
2014
12-16

网站入门必备！5种方法帮你提高网站的登录体验 HOT

提升用户体验的最好的方法，或者更确切的说让产品更棒，都可以归结为让用户使用产品的整个体验更为简单。而对于如何提升登录过程的体验你有许多可以做的。这里我们将探讨提升登录过程体验的五种方法，首先会提到两种不同的登录类型，紧接着我们将会讨论标签的重要性和资源占用的问题。登陆类型：用户通常有两种不同的方式来登录一个网站。最新的一个方式是通过某社交网站的账号采用第三方授权登录的方式，这种方式在很多app上都可... 继续阅读 >
2014
12-13

10个不可忽视的CSS代码片段 HOT

本文介绍10个非常有用的CSS代码片段，绝对不容忽视。包括在整个容器中垂直对齐、元素拉伸为全屏高度、跨浏览器图像灰度、动画背景等，使用平率高，经常无法完全达到想要效果。现在有了这10个CSS代码片段，我们可以将这些效果做得更好。1、垂直对齐在使用CSS的时候，你可能会出现疑问，我如何在容器中将文本或元素垂直对齐。现在使用CSS3Transforms，我们可以更有效解决这问题，如下：.verticalcenter{position:relative;top:... 继续阅读 >
2014
12-09

Web Uploader 功能齐全完美兼容 IE 的上传组件 HOT

文件上传是网站和Web应用程序的常用功能，一直没有一款完美的文件上传组件，因此让很多开发人员碰到头疼的浏览器兼容问题。 WebUploader是由BaiduFEX团队开发的一款以HTML5为主，FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用原来的FLASH运行时，兼容IE6+，iOS6+,android4+。采用大文件分片并发上传，极大的提高了文件上传效率。 ... 继续阅读 >
2014
12-09

四款超棒的jQuery数字化签名插件

在浏览器中，我们有很多方式来绘制生成签名效果，并且有很多很棒很智能的jQuery插件。数字化签名是未来的发展方向，正是这个原因我们这里收集并且推荐了四款超棒的jQuery数字化签名插件，希望大家喜欢！1.jSignature这个jQuery插件简化了创建数据签名的过程，允许用户使用鼠标，手写板，手指来绘制签名。这里是演示2.SignaturePad这个jQuery插件可以辅助使用HTML5画布来实现数字签名。它保存签名为JS... 继续阅读 >
2014
12-09

学习JavaScript的必备读物

常常有人要我推荐学习JS的书籍或者在线教程。看起来每个人都有很好的理由在JS领域有所行动。如果你对让人兴奋的工作机会很感兴趣的又想要玩一玩有意思的东西，那么JS一定是个很棒的语言。随着JS的流行度增加，相关的书籍、博客和教程也随之大量增多，但是我不可能所有的资源都了解过，但是我看到了一些很不错的东西也想在这里分享给你。书籍请注意，在这里我只会推荐我已经看过的书籍，你肯定可以发现有无数的书和... 继续阅读 >
2014
12-09

JavaScript：世界上误解最深的语言

JavaScript，或者叫Mocha，或者叫LiveScript，或者叫JScript，又或者叫ECMAScript，是世界上最流行的编程语言之一。事实上世界上的每一台个人电脑都安装并在频繁使用至少一个JavaScript解释器。JavaScript的流行完全是由于他在WWW脚本语言领域中的地位决定的。尽管它很流行，但是很少有人知道JavaScript是一个非常棒的动态面向对象通用编程语言。这居然能成为一个秘密！这门语言为什么被误解如此之深？名字... 继续阅读 >
2014
12-09

JavaScript入门学习书籍的阶段选择

对于许多想学习JavaScript的朋友来说，无疑如何选择入门的书籍是他们最头疼的问题，或许也是他们一直畏惧，甚至放弃学习JavaScript的理由。在JavaScript方面，自己不是什么专家，也不是什么高手，但自己一路走来，JavaScript从迷茫到认识，对于JavaScript书籍的认识或许还有些借鉴价值。入门推荐首选书籍：《JavaScriptDOM编程艺术》当初读了不下4遍，书内容简单，易学，上手快，编程思想严谨。好的入门... 继续阅读 >
2014
12-09

Nivo Slider - 世界上最棒的 jQuery 图片轮播插件

NivoSlider号称世界最棒的轻量级JQuery图片幻灯插件，按它的官网所说，“以漂亮和易于使用而闻名于世”！有独立的 jQuery 插件和 WordPress 插件两个版本。jQuery独立版本的插件主要有如下特色：✓ 16个独特的过渡效果✓ 简洁和有效的标记✓ 加载参数设置✓ 内置方向和导航控制✓ 压缩版本大小只有12KB✓ 支持链接图像✓ 支持... 继续阅读 >
2014
12-09

改善用户体验的 3 个 AngularJS 指令

AngularJS指令可以为给你的访问者提供更好的用户体验，比如通过展示用户头像来使页面看起来更具个性化。在你的注册表单中，可以在电子邮箱地址一栏的旁边展示一个头像，指示用户输入的是否是一个正确的邮件地址。如果在你的表单中有可选输入项，你可以默认隐藏它们，当用户点击时再展示出来，并且立刻自动将焦点对准第一个输入框。这些方法非常容易实现，并且可以通过指令来获得复用。你有许多方式来构建AngularJS指令。... 继续阅读 >
2014
12-09

聊Javascript中的AOP编程

Duckpunch我们先不谈AOP编程，先从duckpunch编程谈起。如果你去wikipedia中查找duckpunch，你查阅到的应该是monkeypatch这个词条。根据解释，Monkeypatch这个词来源于guerrillapatch，意为在运行中悄悄的改变代码，而guerrilla这个词与gorilla同音，而后者意又与monkey相近（前者为“猩猩”的意思），最后就演变为了monkeypatch。如果你没有听说过duckpunch，但你或许听说过ducktyping... 继续阅读 >
2014
12-09

让我们再聊聊浏览器资源加载优化

几乎每一个前端程序员都知道应该把script标签放在页面底部。关于这个经典的论述可以追溯到Nicholas的HighPerformanceJavasript这本书的第一章LoadingandExecution中，他之所以建议这么做是因为：Putall<script>tagsatthebottomofthepage,justinsideoftheclosing</body>tag.Thisensuresthatthepagecanbealmostcompletelyrenderedbeforescriptexecutionbegins.简而言之，如果浏览... 继续阅读 >
2014
12-09

2014年最酷的30个JavaScript库 推荐

使用JavaScript库将会使开发变的更简单，大部分JavaScript库提供的功能都是极好的，当我们在为一个项目选定开发技术的时候，选择一个明星框架当然很不错，但是有些库文件太大了。当你想要为一个特定的任务寻找解决方案的时候，你可以选择一个更有针对性，更轻量级的框架。在这篇文章中，我们总结了近期30个很棒的JavaScript库，下面这些JavaScript库都是非常实用的，尤其是对于有特定需求的项目。1.Blast.jsBl... 继续阅读 >
2014
12-09

为什么JavaScript是你应当学习的下一个（或第一个）编程语言

我已经被多次问到，如果我刚刚开始，我应当学习什么编程语言，答案一定是JavaScript，下面是为什么：最简单的开发环境我相信人们进入编程最大的障碍实际上是编写代码相关的所有其它方面的东东。你能够更快地编写代码（至少在你开始学习的时候），在我看来就是一个胜利。每个人都可以访问web浏览器，这意味着每个人现在也能访问一个简单的开发环境了。如果你在使用Mac下的Chrome，按快捷键cmd-opt-j。就来到了控制台... 继续阅读 >
2014
12-09

编写高性能JavaScript

很多JavaScript引擎，如Google的V8引擎（被Chrome和Node所用），是专门为需要快速执行的大型JavaScript应用所设计的。如果你是一个开发者，并且关心内存使用情况与页面性能，你应该了解用户浏览器中的JavaScript引擎是如何运作的。无论是V8，SpiderMonkey的（Firefox）的Carakan（Opera），Chakra（IE）或其他引擎，这样做可以帮助你更好地优化你的应用程序。这并不是说应该专门为某一浏览器或引擎做优化，千万别这么做。... 继续阅读 >
2014
12-09

AngularJS 、Backbone.js 和 Ember.js 的比较

1 介绍我们准备在这篇文章中比较三款流行于Web的“模型-视图-*”框架：AngularJS、Backbone和Ember。为你的项目选择正确的框架能够对你及时交付项目的能力和在以后维护你自己代码的能力产生巨大影响。你也许想基于一款可靠的、稳定的和成熟的框架来构建项目，但又不想为此受到约束。Web发展迅速——新技术产生，旧的那套方法很快跟不上潮流。如此形势之下，我们准备仔细深入的比较这三个框架。... 继续阅读 >
2014
12-09

在网站开发中很有用的8个 jQuery 效果【附源码】

jQuery作为最优秀JavaScript库之一，改变了很多人编写JavaScript的方式。它简化了HTML文档遍历，事件处理，动画和Ajax交互，而且有成千上万的成熟jQuery插件可供使用。看看下面这些惊人的功能和效果，我相信你会发现一些很有用的东西。jPages是一款非常不错的客户端分页插件，有很多特色，例如自动播放、按键翻页、延迟加载等等 源码下载    在线演示老牌的响应式jQuery... 继续阅读 >