开源基础软件社区

WOT全球技术创新大会

公众号矩阵

移动端

免费课程课程排行直播课软考学堂

精品班厂商认证 IT技术 2023年软考 PMP项目管理

在线学习企业服务

CTO训练营技术经理研习营 LeaTech峰会

文章资源问答开源课堂专栏直播

51CTO

开源基础软件社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

开源基础软件社区订阅号

51CTO学堂APP

51CTO学堂企业版APP

开源基础软件社区视频号

账号设置退出

前端

2.0w内容

关注

分享前端领域的前沿热点、技术实战、框架应用和使用案例，为开发者学习前端技术提供参考。

文章博文帖子课程

共 2.0w 条

网页设计头三十天如何开始如何坚持

“我想学习网页设计”这句话就像“我想学习如何烹饪”一样,你知道吗？做饭有成千上万的食谱,很多不同的烹饪风格。每个成为设计师的人都应该知道, 网页设计有成千上万的特定工具和一般原则。

2013-03-08 10:23:00

网页设计 CSS

Goroutine背后的系统知识

对于开发者，我们还需要了解我们写的程序是如何在操作系统之上运行起来的，操作系统如何为应用程序提供服务，这样我们才能分清楚哪些服务是操作系统提供的，而哪些服务是由我们所使用的语言的运行库提供的。

2013-03-08 10:07:20

GO语言 Goroutine

简单实现网易盖楼回复功能

今天笔者把网易盖楼回复的实现原理以及实例Demo贴出，希望能帮助各位的实际开发。

2013-03-08 09:54:52

基于事件的JavaScript编程：异步与同步

JavaScript最基础的异步函数是setTimeout和setInterval。setTimeout会在一定时间后执行给定的函数。它接受一个回调函数作为第一参数和一个毫秒时间作为第二参数。

2013-03-08 09:33:25

JavaScript 同步异步

响应式Web设计是大势所趋还是时代的产物原创

现今，无论是移动设备还是平板电脑亦或是PC屏幕，都有着各异的屏幕大小，若是针对每个屏幕大小单独设计一个解决方案会显得如此的繁琐和笨拙。响应式Web设计的概念就是可以让网页根据用户的使用环境进行自动调整

2013-03-08 09:23:09

响应式Web Web

HTML5框架Famo.us获4百万美元融资

在Famo.us主页上有用这开发框架的示例，是张元素周期表。建议你用触屏移动设备打开 (这个 demo 支持 Safari/Chrome/ 海豚浏览器)，可以对它做 2D 及 3D 视角的操作，效果很炫。

2013-03-06 10:20:38

你需要知道的三个CSS技巧

attr()功能早在CSS 2.1标准中就已经出现，但现在才开始普遍流行。它提供了一个巧妙的方法在CSS中使用HTML标签上的属性，在很多情况下都能帮你省去了以往需要Javascript处理的过程。

2013-03-04 09:34:48

响应式网页设计与应用

响应式Web设计(Responsive Web design)，理念是设计和开发应根据屏幕的大小、平台的用户的行为和环境基础上自动调整；他应该有一个灵活的网格和布局，图像和CSS能够智能的组合使用。

2013-03-01 10:42:21

网页图片优化的实用工具和技巧分享

作为网页的基本元素，图片是影响页面加载速度的关键因素之一。和图片相关的网站优化技术有 CSS Sprites（图片合并）、延迟加载、图片渐进增强等等。

2013-02-27 10:42:07

前端工具 Web

响应式网页设计基础：灵活性

当我第一次了解到它时，我就立即被迷住了--特别是media queries，我马上就用到我自己的个人兼职网站上。在第一次尝试使用media queries后，我很快意识到我忽略了一个响应式设计的重点：灵活性。

2013-02-26 10:44:26

Web 响应式网页

网易财经前端开发总结

众所周知，http请求是要开销的，减少请求数可以提高网页加载速度。常用的方法，合并css，js以及 Image maps和css sprites等。笔者所在团队的做法是根据功能分开开发，然后通过内部系统对js，css进行分组合并。

2013-02-26 10:11:36

前端开发 Web

Ruby 2.0 有哪些新特性？

本月24日Ruby 2.0终于发布了。为什么有Ruby 2.0？因为我们在改变事物；我们渴望让自己变得越来越快乐、健康、以及高产；不必畏惧。“拥抱变化”。

2013-02-25 14:02:07

Ruby 2.0.0 首个稳定版本(p0)发布

Ruby的作者於1993年2月24日開始編寫Ruby，直至1995年12月才正式公開發佈於fj（新聞群組）。之所以稱為Ruby，是因為Perl的發音與6月的誕生石pearl（珍珠）相同，因此Ruby以7月的誕生石ruby（紅寶石）命名。

2013-02-25 10:48:53

关于HTML5令人激动的10项预测

对于 HTML5 的开发者和公司决策者们而言，现在最重要的技术是 HTML、JavaScript、CSS、移动平台和设备、以及不断改进的 HTML 平台（包括浏览器和操作系统）。这意味着，下面10件事情将发生在2013年

2013-02-25 10:02:40

jQuery官方推出“学习中心”站点

jQuery 的 Adam J. Sontag 称，学习中心是一个社区驱动型站点，提供学习资源，旨在帮助人们学习jQuery、Javascript 和前端开发，填补在阅读API（文档）和真正理解如何有效使用jQuery之间的差距。

2013-02-25 09:49:05

jQuery JavaScript Web

HTML5 令人激动的十项预测

2013年预测HTML5将会发生下面十件事：1 基于HTML5移动平台的崛起；2 为Chrome定制（kit）；3 IE 10——幸福并痛苦着；4。IE6、IE7和IE8的消亡；5 Android 2.X的消亡......

2013-02-25 09:16:12

了解CSS页面布局和加载流程

在我们开始正式的介绍页面流程前，我们需要简单了解几种不同类型的html元素，以及它们的缺省显示方式。这里我们主要重点介绍两个类型的元素：block和inline

2013-02-22 13:55:37

最全的 CSS2.1 和 CSS3+ 的区别一览

抛开浏览器的兼容性问题，这篇文章把所有的变化整理到一篇文章中便于学习和查阅。尽管我尽量确保收录了所有的新特性，但是不能保证没有遗漏。

2013-02-22 13:14:06

Web CSS2.1 CSS3+

关于响应式页面

众所周知，所谓响应式页面，就是能够用一套样式，使你的页面能够在不同分辨率的屏幕下都有很好的表现形式。响应式Web设计，这个概念是Ethan Marctte 在A List Apart 发表的一篇文章“Responsive Web Design”中援引响应式建筑而得名

2013-02-21 09:54:12

响应式重构 Web

瀑布流布局：JS+绝对定位

现在很多网站博客都流行瀑布流布局，你是否也想了解是如何实现的呢？本文将给大家详细的介绍。

2013-02-19 10:24:47

瀑布流布局 CSS

SASS用法指南

你可以用它开发网页样式，但是没法用它编程。也就是说，CSS 基本上是设计师的工具，不是程序员的工具。在程序员眼里，CSS 是一件很麻烦的东西。它没有变量，也没有条件语句，只是一行行单纯的描述，写起来相当费事。

2013-02-18 13:44:22

LESS/SASS/Stylus开发工具汇总

相信用Sublime Text 2作为主要编辑器的前端开发同学已经很多了，Sublime Text上面的相关插件也不少，这里无需多说，Ctrl+Shift+P –> install package可以搜索到相关的插件，不过，这里也简单的汇总下

2013-02-18 11:12:49

LESS SASS Stylus

构建杀手级应用的JS框架、工具和技术

Ofmlabs 使用两个伟大的产品实现 JavaScript 音频解码技术：第一个名为JSMad，首次证明 JS 音频解码是可能的，是 libmad（一个基于C的 MPEG 音频解码器）的一个端口。第二个是 ALAC.js，是最近开放了源代码的苹果无损解码器的一个 JavaScript 端口。

2013-02-18 09:48:25

JS框架 JavaScript jQuery

JS项目构建工具Grunt实践：合并文件

Grunt 内置 concat（文件合并）、lint（代码校验）和 min（代码压缩）任务，在 grunt.js 文件配置好任务后，运行 grunt 命令就可以自动完成一系列的项目构建操作了

2013-01-31 10:15:28

JavaScript Grunt

高并发下的Nginx优化

除了注意操作系统的限制, 现在我来深入到Nginx本身,看看一些指令和方法,我们可以用它来调整Nginx.

2013-01-30 10:12:24

Nginx Nginx优化高并发

前端大牛 Addy Osmani 的15个精彩PPT

Addy Osmani 创建了 TodoMVC、jQuery UI Bootstrap、jQuery Plugin Patterns 和 Backbone Paginator，出版了《Learning JavaScript Design Patterns》和《Developing Backbone.js Applications》两本技术书籍

2013-01-29 10:02:44

前段 Web JavaScript

为高负载网络优化Nginx和Node.js

如果不先对Nginx和Node.js的底层传输机制有所了解，并进行针对性优化，可能对两者再细致的调优也会徒劳无功。一般情况下，Nginx通过TCP socket来连接客户端与上游应用。

2013-01-24 13:26:09

Nginx Node.js 高负载网络

HTML5的未来：HTML5还能走多远？

不管我们怎样去评论它,它都具有自己的绝对优势,而且HTML5也随着用户们的需求将在原有的基础上不断的改进着。并且它允许开发者在语言的基础上根据app需求去修改,并且我们的应用同样可以在没有改变原有语言环境的同时在任何装置设备中运行。

2013-01-24 10:26:04

HTML5 HTML 5 HTML5的未来

功能强大的JS虚拟键盘

先简单介绍一下VirtualKeyboard，它内置了100多种键盘布局和200多种输入法，9套可选皮肤方案，而且支持自建输入法，功能相当强大。

2013-01-23 11:30:39

JS VirtualKeyb jQuery

Web前端性能优化进阶路

简单的说，我们的性能优化实践分为三个阶段：初探期、立规期、创新期，每个阶段大概持续半年左右，有足够的时间形成一些优化思路的沉淀。

2013-01-22 15:27:23

程序员，都去写一写前端代码吧

前端开发，则是这“多方面的事情”中的一个重要方面。潜心尝试过的人兴许会有这样的体会，这是一片崭新的世界，无论是理念、技巧，都有一种新鲜的感觉。

2013-01-22 13:50:11

程序员前端 Web

HTML5的未来还能走多远？

HTML5 的问世将会成为用户们广泛使用工具之一，所以先要了解什么是HTML5是非常有必要的, 它在HTML原有的基础上新增加了一些标签列入<video>, <audio> 还有 <canvas>，方便添加多媒体格式。

2013-01-22 13:02:41

HTML5 canvas Web

JavaScript项目优化总结

前端时间对公司已有项目JavaScript代码进行优化，本文的是对优化工作的一个总结，拿出来与大家分享。当然我的优化方式可能并不是最优的，或者说有些不对的地方，请指教。

2013-01-21 10:19:50

JavaScript 项目管理 JS

IE10，带您走进HTML5时代

先说一点，那就是 HTML 5 的重要变化之一——引入了针对非标准HTML、特别是错误格式HTML的标准化解析规则。也就是说，当浏览器在遇到存在错误的HTML时（如缺少结束标记），通常会处理得很宽松。

2013-01-17 16:56:04

HTML5 Web IE 10

记一次很拙计的经历（前端）

这道题目的初衷是让B类继承A类的所有属性，我的解答也是正确的。但是拙计的是没想到firebug会这么不给力。话说回来，由此次经历来看，那哥们儿考察的思路是正确的：不听你说什么，就用一个一个的小细节来说明问题。此种方法可以避免前面大神说的预则立不预则废的情况，过滤掉那些，实际动手能力差，但是“应试”能力比较强的人。

2013-01-17 10:31:13

JavaScript Web开发 firebug

Google开源的JavaScript工具和库集锦

Google此前曾开源了不少JavaScript工具，如Closure Compiler（用于生成紧凑且高性能代码的工具）、Closure Templates（用于动态生成HTML）、Closure Linter（JavaScript风格检查器）及Closure Stylesheets（对CSS的一套扩展）。

2013-01-17 09:32:03

JavaScript JS jQuery

我们是否正确看待了跳槽这件事原创

年关将近，年终奖即将发放的此时，很多人都去开始寻找新的下家，为年后跳槽做准备。这时的你是否正确的看待了跳槽这件事。

2013-01-16 09:56:46

程序员跳槽面试

构建你第一个JavaScript框架

我们几乎每天都在使用各种各样的JavaScript框架。当你刚入门的时候，方便的DOM（文档对象模型）操作让你觉得JQuery这样的东西非常棒。

2013-01-14 09:44:58

JavaScript JS JS框架

好的Web开发人员应该知道的10件事

我最喜欢web开发的一点是，它包括许多许多不同的技能。作为一个好的开发者，一定要好好学习，天天向上，因为我们有很多重要的技能要学习，而且它们总是在不停的发生变化。

2013-01-10 10:10:11

Web开发 Web工具

面试程序员时的“唠叨” 原创

在他认为经历不能成为最为偏重的部分，原因很简单，人人都会吹牛，经历容易伪造。如此一来，面试官获得的印象，很大程度上和应聘者的口才有关系。但是，经历一定是面试中的重要组成部分。

2013-01-10 09:22:58

程序员面试程序员面试经历

jQuery插件Flot的介绍

Flot采用Canvas绘制图形（Web总共就有三种常见方式来绘制图形，不了解的同学请看这篇文章），在数据量非常大的时候，你需要考虑浏览器端的性能问题。顺便提一句，D3是采用SVG来绘制图形的，从我自己的体会来说，对于拖动图来说，SVG会比较流畅。

2013-01-09 10:20:26

jQuery Flot jQuery插件

我优化YouTube视频播放页面的故事

因为我同意他的观点，并且我正在找新的任务，于是就决定接受这个挑战，让YouTube的视频播放页面的体积减到100KB以下。那天晚上从旧金山回家的火车上，我编写了一个基本的原型。

2013-01-08 11:00:06

YouTube AJAX CSS

JavaScript异步编程的4种方法

"异步模式"非常重要。在浏览器端，耗时很长的操作都应该异步执行，避免浏览器失去响应，最好的例子就是Ajax操作。在服务器端，"异步模式"甚至是唯一的模式，因为执行环境是单线程的，如果允许同步执行所有http请求，服务器性能会急剧下降，很快就会失去响应。

2013-01-07 10:44:00

JavaScript jQuery JS

经典的白富美型jQuery图片轮播插件

首先推荐的这款插件号称世界上最棒的图片轮播插件，有独立的 jQuery 插件和 WordPress 插件两个版本。目前下载量已经突破 1,800,000 次！jQuery 独立版本的插件主要有如下特色如下。

2013-01-07 09:54:49

jQuery JavaScript JS

前端工作中碰到的一些东西

弹出窗口：我们在工作中，经常会碰到弹出窗口类应用，有时候还需要一点遮盖层，这类圆角弹出框其实用得还是很广泛的，用CSS3可以很容易的出现，但是考虑到浏览器兼容问题，这类还是需要用图片实现了。

2013-01-06 10:12:32

Web前端 Web 异步文件上传

人人网JavaScript面试题

JavaScript面试题要求：以下题目必须从一至四题中，选出三道题，使用原生代码实现，不可使用任何框架，第五题为选作题。

2013-01-05 14:51:34

JavaScript jQuery 面试

回首与期待，JavaScript这一年

2012年，JavaScript总体态势很好，不像HTML5一直处在风口浪尖。也未受到其它语言（Dart，CoffeeScript）的影响，仍然是开发者们最喜爱的前端编程语言。

2013-01-04 10:58:21

JavaScript Web JS

前端开发工程师如何在2013年里提升自己

随着假日的来临，我们就有了一些空闲的时间可以自己支配，我想，如果我把我收集的前端相关的精品讨论列表分享出来，那一定会对大家有一些帮助。你不需要把所有的都阅读一遍，但是这些相关的建议会让你了解更多相关的知识，为明年成为一名更好的前工程端开发师做准备。

2012-12-28 13:44:19

前端开发工程师 Web

十八年开发经验分享：学习篇

我认为专利和知识产权是独占并被保护的，但是经验和知识是应该分享的。为了这十八年来的帮助与被帮助，为了我写的文字还有人愿意看，我想写出这个系列来，与各位同行分享自己的经验，共同进步。这个系列的内容主要来自个人的实际经历，我不想谈一些什么经典或者范例的东西。我觉得自己体会到的东西和同行分享才更有意义，也更具有实用价值。同时我相信写出这个系列的文字，也是我对自己经验的一个认真的回顾和归纳，这一定是很有裨益的。

2012-12-27 10:05:15

开发经验经验分享开发学习

帮助你高效测试响应式设计界面的工具

以上是16款我们收集的在线的和本地的响应式测试工具，相对来说，在线工具更适合和你的朋友或者同事分享，本地工具适合开发时调试，具体的使用请根据自己需要来选择，

2012-12-27 09:49:21

上一页 1 ··· 313 314 315 316 317 ··· 404 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客开源基础软件社区

教育

51CTO学堂精培企业培训 CTO训练营