鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 25年5月软考 PMP项目管理免费题库

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

51CTO给您一个狂欢的机会与全球开发者一起参与调研

51CTO携手VisionMobile 共同开展全球性开发者调研，力求对2016年 IT行业发展动态做出分析报告。特此诚挚邀请IT从业人员参加调研，为促进IT行业发展贡献力量。同时弥补你对IT行业认知的缺失。

2016-12-07 15:29:44

CSS3 3D 行星运转以及浏览器渲染原理

3D transform 会启用GPU加速，例如 translate3D, scaleZ 之类，当然我们的页面可能并没有 3D 变换，但是不代表我们不能启用 GPU加速，在非 3D 变换的页面也使用 3D transform 来操作，算是一种 hack 加速法。我们实际上不需要z轴的变化，但是还是假模假样地声明了，去欺骗浏览器。

2016-12-07 13:25:08

各大排序算法性能比较及演示实例

如果记录中关键字不能重复，则排序结果是唯一的，那么选择的排序方法稳定与否就无关紧要了；如果关键字可以重复，则在选择排序方法时，就要根据具体的需求来考虑选择稳定还是不稳定的排序方法。那么，哪些排序算法是不稳定的呢？

2016-12-07 10:42:57

排序算法实例

优秀设计师常用到的HTML5动画工具

如果你想用令人难以置信的动画创建引人注目的网站的话，那么这里为设计师精心挑选了一些必备的HTML5动画工具。HTML5是设计师用来打造时尚网站的最流行的编程语言之一。在过去三年内，这种编程语言的使用人数急剧增长。开发人员可以使用这种语言来创建各种改进的内容并放到万维网上。

2016-12-07 10:08:32

设计师动画工具

能用HTML/CSS解决的问题就不要使用JS

为什么说能使用html/css解决的问题就不要使用JS呢？两个字，因为简单。简单就意味着更快的开发速度，更小的维护成本，同时往往具有更好的体验，本文介绍几个实例。

2016-12-07 08:21:28

常见的JavaScript易错知识点整理

本文是我学习JavaScript过程中收集与整理的一些易错知识点，将分别从变量作用域，类型比较，this指向，函数参数，闭包问题及对象拷贝与赋值这6个方面进行由浅入深的介绍和讲解，其中也涉及了一些ES6的知识点。

2016-12-06 10:52:07

JavaScript 易错知识点

JavaScript中Write和Writeln的区别

write和writeln在XHTML文件不起作用，HTML就是语法相对宽松的XHTML，这也就解释为什么在html没有出现换行。点我查看。

2016-12-06 10:30:39

JavaScript Write Writeln

程序员都讨厌开会？

在正式编码前，我们早已在头脑或纸上做好了设计，只是用代码将其表达出来。所以，正式开始会议前，请确保参会人都做好了准备，而不是到了会议桌前才开始想这个会议需要解决什么问题？

2016-12-06 10:12:07

程序员开会

你应该知道的9款流行Web框架及其优缺点

对于 Web 开发人员来说，找到一些合适的工具，能让工作轻松许多。这其中，Web 框架更是提升工作效率的“利器”。但因为可选的 Web 框架非常多，如何选择也是一件令人头疼的事情。

2016-12-06 09:45:30

Web框架优缺点

前端程序员：月薪5K到5万，我干了啥

如何在前端开发这种高精尖的技术领域找到心仪的工作？实现在咖啡馆喝喝咖啡敲敲代码就能升职加薪、买房买车、迎娶白富美走上人生巅峰的职业梦想？这篇《进化论：从0到100，前端猿茁壮成长的精神饲料史》，肯定能给你事业的加速动力。

2016-12-05 16:44:00

前端程序员月薪

十五个有趣的JavaScript与CSS库

在十一月份的前端技术列表中，我们整合了一些令人感到惊叹的 GitHub 项目，其中包含了新的 CSS 框架、node.js包管理器，以及用于实现图标、加载效果、工具提示的纯 CSS 解决方案。

2016-12-05 15:15:52

JavaScript CSS库

创造型职业程序员的无奈

平时大概业余编码2小时，然后周末会有4到6小时的编码时间。这和我心里想要制作的东西相比，绝对是蜗牛速度，但因为接下来我会有一笔很大的开支，所以我需要保证一定的工作时间，而如果我妥协生活中的其他部分（人际交往、运动、休闲时间、家务琐事等）用于写代码，那么我的整体情况就会变糟。

2016-12-05 14:42:01

创造型职业程序员

2016年非常热门的七大顶级JavaScript框架

JavaScript正在以惊人的速度前进，并且添加新的技能到你的存储库变得有不断的压力。为了做到这一点，知道和了解更多的顶级JavaScript框架在现在看来是必要的。

2016-12-02 09:01:53

顶级 JavaScript 框架

成为Web开发大师你必须知道的七件事情

如果你想成为一名web开发人员，那么你必须接受，你是在一个最快速变化的领域。如果你不能随之改变，那么就会像恐龙一样因为不能适应坏境而淘汰。

2016-12-01 14:54:57

Web开发事情

程序员，你为什么值这么多钱？

近两年，有了点余钱就开始考虑起投资来，比如：投资股票首先需要判断的就是关于公司价值和价格的关系。回到个人身上，似乎工资也就是个人价值在市场上的一个价格。那我们的工资是如何被定义或确定的?

2016-12-01 13:40:37

很难招到理想人选的十大技术岗位译文

在IT领域，大部分中级与高级人才普遍依赖于自身的技术性技能，而非管理与软技能。正因为如此，那些对技术专业知识及领导能力同时提出要求的岗位就很难找到理想的人选。一旦将管理能力加入筛选条件，备选人才池的规模将迅速缩小

2016-11-30 10:37:02

人选技术岗位

一篇看完就把Vue.js融会贯通

本篇文字会讲解声明式绑定，并且会谈及Vue的引入、数据绑定、事件绑定、Vue实例、指令。特别的，同样的案例，我也用来讲解Vue最为引以为傲的组件技术。

2016-11-23 19:01:31

响应式开发中合理选定CSS媒体查询分割点

本文响应式开发中合理选定CSS媒体查询分割点翻译自David Gilbertson的The-100%-Correct-Way-To-Do-CSS-breakpoints一文。本文唔看上去有些拗口，不过其核心是在于给出合适的Media Query命名与编写方式。

2016-11-23 18:39:36

探索RxJS - 做一个github小应用

本文是一篇 RxJS 实战教程，利用 RxJS 和 github API 来一步步做一个 github 小应用。因此，文章的重点是解释 RxJS 的使用，而涉及的 ES6语法、webpack 等知识点不予讲解。

2016-11-23 18:13:44

javascript rxjs reactivex

深入探析koa之异步回调处理篇

在上一篇中我们梳理了koa当中中间件的洋葱模型执行原理，并实现了一个可以让洋葱模型自动跑起来的流程管理函数。这一篇，我们再来研究一下koa当中异步回调同步化写法的原理，同样的，我们也会实现一个管理函数，是的我们能够通过同步化的写法来写异步回调函数。

2016-11-22 16:57:30

koa node.js javascript

用github来展示你的前端页面吧

github是一个很好的代码管理与协同开发平台，在程序界又被称为最大的“同性交友网站”。如果你不懂git，没有自己的github账户，那你就丢失了一把能够很好的展示自我，储存知识的利器。

2016-11-22 16:34:11

github git 前端

理解JavaScript的async/await

任意一个名称都是有意义的，先从字面意思来理解。async 是“异步”的简写，而 await 可以认为是 async wait 的简写。所以应该很好理解 async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成。另外还有一个很有意思的语法规定，await 只能出现在 async 函数中。

2016-11-22 11:08:34

async javascript

DevOps领域的“七宗罪”及解决办法译文

尽管我们可通过多种途径正确实现DevOps，但铸下大错的可能性同样不低。从缺少事故管理工具到忽视关键性警报的处理再到将DevOps作为一类工作头衔，这一切都可能毁掉您的DevOps努力。

2016-11-22 11:05:21

IT从业者2017年年内需要担心十项事实译文

每一年，技术行业都在以新的形态为我们带来机遇与挑战。在今天的文章中，我们将着眼于未来12个月，探讨可能出现的那些颠覆性事实。

2016-11-21 16:32:04

IT 从业者事实

六大创造性方式让您的编程技能经受住时间的考验译文

编程行业一直在不断发展。如果大家落后几个月，那么恐怕将很难追及差距。因此，程序员们必须不断打磨自己的技能水平，从而应对未来可能出现的种种挑战。

2016-11-16 09:41:36

编程技能时间考验

Nodejs基础：路径处理模块path总结

在nodejs中，path是个使用频率很高，但却让人又爱又恨的模块。部分因为文档说的不够清晰，部分因为接口的平台差异性。

2016-11-14 20:28:20

javascript path node.js

使用Acorn来解析JavaScript

因为最近工作上有需要使用解析 JavaScript 的代码，大部分情况使用正则表达式匹配就可以处理，但是一旦依赖于代码上下文的内容时，正则或者简单的字符解析就很力不从心了，这个时候需要一个语言解析器来获取整一个 AST(abstract syntax tree)。

2016-11-14 19:45:39

思考Web应用的数据流

这篇文章尝试描述一下稍微正常一点的, 基于数据流来设计架构的一个构想。由于后端开发经验的欠缺, 我并不打算给出可行的方案。在开始之前, 先回顾一下实时 Web 应用的架构设计。

2016-11-14 19:01:36

数据流聊天系统 web

保护JavaScript客户端APP的最有效方法

客户端技术，如 JavaScript，有很多有用的特性，正因为如此，它成为了世界上最流行的语言之一。它有很多优点，即时解析就是其一。即时解析有不少优点，比如可以在浏览器下载代码并立即执行。然而，自由度越高，责任越大。

2016-11-14 18:02:50

JavaScript 代码客户端APP

超小Web手势库AlloyFinger原理

除了国内外的项目团队都在使用AlloyFinger，国内外的各大IT网站也进行了转载报道，作为超级小的手势库，腾讯的web项目为什么不选择hammerjs而选择AlloyFinger?下面从各个角度、架构、原理上进行一下分析。

2016-11-14 16:00:31

html5 javascript

三大JS框架的较量：Angular.js与React.js与Ember.js

选择合适框架应该对你项目的成功有显著效果。它可以推到你及时完成项目，并且有助于你将来维护代码。JavaScript框架，比如Angular.js，Ember.js，或者React.js，能提供很好的代码框架，并且保持代码的组织性，从而使得你的app更具灵活性与可扩展性，开发过程更加容易。

2016-11-14 15:51:42

JavaScript Angular.js React.js

使用ES6的新特性Proxy来实现一个数据绑定实例

作为一个前端开发者，曾踩了太多的“数据绑定”的坑。在早些时候，都是通过jQuery之类的工具手动完成这些功能，但是当数据量非常大的时候，这些手动的工作让我非常痛苦。直到使用了VueJS，这些痛苦才得以终结。

2016-11-14 14:52:47

vue.js es6 javascript

Adobe Creative Cloud创意应用软件于中国本地化原创

Adobe系统软件宣布在中国大陆市场推出本地化的Adobe Creative Cloud创意应用软件,其可提供了15个适用于Windows和Mac设备的旗舰创意应用。

2016-11-10 14:09:42

Adobe 本地化

HTTP协议中你必须知道的三种数据格式

实习中的一个主要工作就是分析 HTTP 中的协议，自己也用 Python 写过正则表达式对 HTTP 请求和响应的内容进行匹配，然后把关键字段抽离出来放到一个字典中以备使用(可以稍微改造一下就是一个爬虫工具)。HTTP 协议中的很多坑，自己都遇到过，我就针对自己遇到的几种 HTTP 常见的数据格式，来做一个总结。

2016-11-10 13:00:32

网络传输协议 python http

了解并使用CSS中的rem单位

可能在你使用收音机或者用其他音乐播放器之前，就已经听过“R.E.M.”这个词了。在这个乐队眼中，这个词是“浅睡眠时眼球的快速转动”的缩写，而在 css 中，rem 代表着“以根元素为参照物的 em 单位“。他不会让你抛弃你的宗教信仰也不会让你相信那个远在月球的人，但是它可以帮助你实现一个和谐、平稳的设计。

2016-11-10 09:55:29

使用React Native构建类似Tinder的加载器

在这篇文章中我会尝试描述在React Native中构建一个类似Tinder的加载器所遇到的调整我把它分成三个挑战。

2016-11-09 12:18:00

ui 动画 javascript

Nodejs进阶：基于express+multer的文件上传

图片上传是web开发中经常用到的功能，node社区在这方面也有了相对完善的支持。常用的开源组件有multer、formidable等，借助这两个开源组件，可以轻松搞定图片上传。本文主要讲解以下内容，后续章节会对技术实现细节进行深入挖掘。

2016-11-09 10:28:36

Nodejs 文件上传 express+mul

文档型语言面向平民开发者的编程利器译文

Eve的开发工作自2014年就已经开始进行，开发者之一Chris Granger介绍道。目前其工具包括一款时间查询语言、一套编译器外加一套数据库。

2016-11-08 20:57:51

文档型语言编程利器

神州控股旗下神州企橙携双创新平台重磅来袭

2016年11月8日，神州控股旗下神州企橙(北京)科技有限公司(以下简称神州企橙) “橙度——2016神州企橙品牌发布会”在京举办。神州控股董事局主席郭为、神州企橙CEO黄鲲等公司高层、创投圈专家、创业园区合作伙伴亲临现场，共同见证这一历史时刻。

2016-11-08 20:46:44

验证码的前世今生（今生篇）

看完《验证码的前世今生（前世篇）》也许第一感觉就是Winter is coming，互联网的人机对抗到了最黑暗的时刻。柳暗花明又一村，最黑暗的时刻也是光明即将来临的时刻——在传统验证码的末日新的反向图灵测试机制浴火重生。

2016-11-08 19:19:06

Node基础：资源压缩之zlib

做过web性能优化的同学，对性能优化大杀器gzip应该不陌生。浏览器向服务器发起资源请求，比如下载一个js文件，服务器先对资源进行压缩，再返回给浏览器，以此节省流量，加快访问速度。浏览器通过HTTP请求头部里加上Accept-Encoding，告诉服务器，“你可以用gzip，或者defalte算法压缩资源”。

2016-11-08 17:49:03

前端 gzip zlib

微信小程序开发（2）：猜拳游戏全过程详解原创

本文将从零开始开发一款微信小程序。该程序的功能很简单，是一个猜拳游戏，点击“开始”按钮后，会快速切换“锤子”、“剪刀”和“布”，直到按“停止”按钮，会显示“锤子”、“剪刀”和“布”中的一个，该游戏可以双方或多方进行猜拳，这里猜拳的规则就不多说了，大家应该很清楚。

2016-11-08 09:01:24

微信猜拳游戏

深入理解Python中的ThreadLocal变量（下）

在上篇我们看到了 ThreadLocal 变量的简单使用，中篇对python中 ThreadLocal 的实现进行了分析，但故事还没有结束。本篇我们一起来看下Werkzeug中ThreadLocal的设计。

2016-11-07 21:59:52

JavaScript中对大量数据的多重过滤

数据过滤其实并不是多复杂的事情，只要把思路理清楚，搞明白什么数据是需要保留的，什么数据是临时（中间过程）的，什么数据是最终结果……利用 Array.prototype 中的相关方法，或者诸如 lodash 之类的工具，很容易就处理出来了。

2016-11-07 21:37:46

javascript 过滤器 filter

《JavaScript闯关记》之单体内置对象

ECMA-262 对内置对象的定义是「由 JavaScript 实现提供的、不依赖于宿主环境的对象，这些对象在 JavaScript 程序执行之前就已经存在了」。意思就是说，开发人员不必显式地实例化内置对象，因为它们已经实例化了。前面我们已经介绍了大多数内置对象，例如Object、Array 和 String。ECMA-262 还定义了两个单体内置对象：Global 和 Math。

2016-11-07 15:43:38

专治前端焦虑的学习方案

React并不一定适用于所有的场景，但是我觉得它是所谓最安全的，学了不吃亏。React还会引导你去了解一些像组件、应用状态与无状态函数等等现代Web应用框架的概念。最后，React的整个生态圈非常繁荣，你可以从Github上有关React的项目中找到很多可用的组件，或者在Stack Overflow上找到很多关于React的答疑解惑。

2016-11-07 13:41:50

Javascript Frontend

微信小程序开发（1）：开发环境安装与配置原创

这套开发工具目前支持Windows32位、Windows64位以及Mac OS X系统，读者需要根据自己使用的OS下载合适的版本。本文主要使用Mac OS X版本进行讲解，Windows版本和Mac OS X大同小异，并不影响读者阅读本文的内容。

2016-11-07 10:30:07

微信小程序安装配置

我们为何选择vue.js

让我们投向Vue.js的主要原因在于：它能让团队书写用js更容易并且简化了js。上手Vue.js是相当容易的。它的源码有着很高的可读性，如果你需要仅用他的文档便可入门。你不必使用任何额外的库。如果需要可以和jQuery协同工作。他有许多的插件，但并非必须。我个人很喜欢优雅的Vue.js。用Vue.js配合已存在代码是十分简单的。

2016-11-04 19:58:39

[译]Async函数，让promise更友好！

Async 函数是一个非常了不起的东西，它将会在Chrome 55中得到默认支持。它允许你书写基于promise的代码，但它看起来就跟同步的代码一样，而且不会阻塞主线程。所以，它让你的异步代码看起来并没有那么"聪明"却更具有可读性。

2016-11-04 13:00:55

Async es6 Javascript

验证码的前世今生（前世篇）

首先，先介绍下验证码程序的提出者，路易斯·冯·安(Luis von Ahn)。2002年，路易斯和他的小伙伴在卡内基梅隆第一次提出了CAPTCHA(验证码)这样一个程序概念。该程序是指，向请求的发起方提出问题，能正确回答的即是人类，反之则为机器。这个程序基于这样一个重要假设：提出的问题要容易被人类解答，并且让机器无法解答。

2016-11-03 13:33:31

上一页 1 ··· 409 410 411 412 413 ··· 545 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区 AI.x社区

教育

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