鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.6w内容

关注

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

文章博文帖子课程

共 2.6w 条

思考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

vue2.0源码分析之理解响应式架构

我之前介绍过vue1.0如何实现observer和watcher。本想继续写下去，可是vue2.0横空出世，所以直接看vue2.0吧。这篇文章在公司分享过，终于写出来了。我们采用用最精简的代码，还原vue2.0响应式架构实现

2016-11-03 13:19:38

vue.js javascript 前端

JavaScript类型转换深度学习

JavaScript 是一门弱类型语言，刚接触的时候感觉方便快捷（不需要声明变量类型了耶！），接触久了会发现它带来的麻烦有的时候不在预期之内。

2016-11-03 13:00:54

类型转换 javascript

搭建前端开发环境——docker篇

2016-11-03 09:49:04

shell 前端构建 docker

从一个组件的实现来深刻理解JS中的继承

JavaScript 最初是以 Web 脚本语言面向大众的，尽管现在出了服务器端的 nodejs，但是单线程的性质还没有变。对于一个 Web 开发人员来说，能写一手漂亮的组件极为重要。GitHub 上那些开源且 stars 过百的 Web 项目或组件，可读性肯定非常好。

2016-11-03 08:57:02

javascript jquery node.js

javascript原生一步步实现bind分析

bind() 函数会创建一个新函数（称为绑定函数），新函数与被调函数（绑定函数的目标函数）具有相同的函数体（在 ECMAScript 5 规范中内置的call属性）。当目标函数被调用时 this 值绑定到 bind() 的第一个参数，该参数不能被重写。绑定函数被调用时，bind() 也接受预设的参数提供给原函数。

2016-11-02 18:54:01

从零开始搭建论坛（三）：Flask框架简单介绍

前面两篇文章中我们已经了解 Web(HTTP)服务器，Web应用程序，Web框架，WSGI这些 Python Web 开发中的概念。我们知道，Web框架通过将不同Web应用程序中的共性部分给抽象出来，提供一系列通用的接口，从而避免开发者做重复性工作，让其将精力放在业务相关的实现。接下来一起来看一个具体的 Web 框架。

2016-11-02 14:18:45

搭建论坛 Flask 框架

从零开始搭建论坛（二）：Web服务器网关接口

在从零开始搭建论坛（一）：Web服务器与Web框架中我们弄清楚了Web 服务器、Web 应用程序、Web框架的概念。对于 Python 来说，越来越多的 Web 框架面世，在给我们更多选择机会的同时，也限制了我们对于 Web Server 的选择。

2016-11-02 14:09:13

搭建论坛 Web服务器网关接口

从零开始搭建论坛（一）：Web服务器与Web框架

学习一个框架最好的方式就是用框架做一个项目，在实战中理解掌握框架。这里我用 Flask 框架，使用 Mysql 数据库做了一个论坛系统。

2016-11-02 13:33:43

搭建论坛 Web服务器 Web框架

前端跨域整理

跨域一词从字面意思看，就是跨域名嘛，但实际上跨域的范围绝对不止那么狭隘。具体概念如下：只要协议、域名、端口有任何一个不同，都被当作是不同的域。之所以会产生跨域这个问题呢，其实也很容易想明白，要是随便引用外部文件，不同标签下的页面引用类似的彼此的文件，浏览器很容易懵逼的，安全也得不到保障了就。

2016-11-01 21:51:03

使用 React-Router 创建单页应用

在传统的网页应用架构中，客户端只是一个展示层，通过 url 访问服务端，服务端则根据自己的“路由表”将对应的页面分发给客户端。但是在这种模式下，ajax 异步加载的内容是无法通过url 记录的。无论你在页面上操作了多少，异步请求了多少数据，在每次重新访问同一个 url 时，服务端返回给客户端的内容都是一模一样。

2016-11-01 21:02:47

javascript react.js react-route

用TypeScript开发爬虫程序

目前版本2.0.3，这个版本不再需要使用typings命令了。但是vscode捆绑的版本是1.8的，需要一些配置工作，看本文的处理办法。

2016-11-01 20:37:31

javascript node.js typescript

浅谈Web中前后端模板引擎的使用

单纯的后端模板引擎（后端 MVC）以及前端模板引擎方式都有一定的局限性，Node 的出现让我们有了第三种选择，让 Node 作为中间层。具体如何操作？简单地说就是让一门后台语言（比如 Java？PHP？）单纯提供渲染页面所需要的接口，Node 中间层用模板引擎来渲染页面，使得页面直出。

2016-11-01 20:26:47

前端模板 underscore Web

只为那句承诺-大话Promise

Promise是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了用法，原生提供了Promise对象。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。

2016-11-01 19:22:36

Javascript 前端 Promise

前端开发之走进Vue.js

Vue.js作为目前最热门最具前景的前端框架之一，其提供了一种帮助我们快速构建并开发前端项目的新的思维模式。本文旨在帮助大家认识Vue.js，了解Vue.js的开发流程，并进一步理解如何通过Vue.js来构建一个中大型的前端项目，同时做好相应的部署与优化工作。

2016-11-01 19:10:33

vue.js 前端前端框架

web性能优化之：no-cache与must-revalidate深入探究

稍微了解HTTP协议的前端同学，相比对Cache-Control不会感到陌生，性能优化时经常都会跟它打交道。常见的值有有private、public、no-store、no-cache、must-revalidate、max-age等。本文仅挑no-cache、must-revalidate 这两个进行值进行探究对比。在项目实践中，这两个值用的比较多，也比较容易搞混。

2016-11-01 10:59:04

web 代理缓存

手把手教你打造一个纯CSS图标库

使用CSS绘制线条，用到的不外乎两个属性：border & box-shadow。而形状则可以用border-radius、transform控制变形，位置则会用到绝对定位、transform、margin等属性来调整。CSS的绘图，做过几个就知道大概是怎么回事了，归根到底，还是几何。

2016-11-01 09:46:04

闭包会造成内存泄漏吗？

在谈内存泄漏这个问题之前先看看JavaScript的垃圾收集机制，JavaScript 具有自动垃圾收集机制，就是找出那些不再继续使用的变量，然后释放其占用的内存。为此，垃圾收集器会按照固定的时间间隔（或代码执行中预定的收集时间）。常用的的方法有两种，即标记清楚和引用计数。

2016-10-31 20:56:57

Javascript 闭包内存泄漏

函数式编程术语解析

一个纯函数需要满足两个条件，第一是函数的返回值只能由输入值(函数接收的参数)决定，也就是说纯函数接收相同的参数会返回相同的值；第二是纯函数不会对自身作用域之外的运环境产生副作用(side effects)。

2016-10-31 20:46:22

函数式编程 Javascript

Gracejs : 全新的基于koa2的前后端分离框架

Gracejs(又称:koa-grace v2) 是全新的基于koa v2.x的MVC+RESTful架构的前后端分离框架。Gracejs完美支持koa v2，同时做了优化虚拟host匹配和路由匹配的性能、还完善了部分测试用例等诸多升级。当然，如果你正在使用koa-grace也不用担心，我们会把Gracejs中除了支持koa2的性能和功能特性移植到koa-grace的相应中间件中。

2016-10-31 14:16:33

node 前后端分离 koa

使用React + Redux + React-router构建可扩展的前端应用

本文最初来源于笔者在 StuQ 的一次同名课程直播，现在加以整理成文，希望能对更多的人有所启发。为了固化这种实践方式，当时还开发了一个名为 Rekit 的工具，用于确保项目能够始终遵循这种实践方式。现在工具也获得进一步完善，大家也可以结合 Rekit 来理解文中提到的实践方案。

2016-10-31 11:26:13

React Redux 前端应用

Docker上开发nodejs

Docker 是一个开源项目，诞生于 2013 年初，最初是 dotCloud 公司内部的一个业余项目。它基于 Google 公司推出的 Go 语言实现。项目后来加入了 Linux 基金会，遵从了 Apache 2.0 协议，项目代码在 GitHub上进行维护。

2016-10-28 22:22:35

node node.js docker

JS属性特性（属性描述符）

ECMAScript 5 中定义了一个名叫“属性描述符”的对象，用于描述了的各种特征。“属性描述符”对象只能在Object.defineProperty或Object.defineProperties中使用。

2016-10-28 21:55:28

Javascript 属性特性属性描述符

《JavaScript 闯关记》之基本包装类型

为了便于操作基本类型值，JavaScript 还提供了3个特殊的引用类型：Boolean、Number 和 String。实际上，每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的对象，从而让我们能够调用一些方法来操作这些数据。

2016-10-28 21:13:33

JavaScript 基本包装类型

Cookie在前端中的实践

每个 Cookie 都有一定的属性，如什么时候失效，要发送到哪个域名，哪个路径等等。在设置任一个 Cookie 时都可以设置相关的这些属性，当然也可以不设置，这时会使用这些属性的默认值。

2016-10-28 15:01:35

Cookie 前端实践

多层级理解闭包

闭包：有一个函数处理之后返回另一个函数，且只能执行一次。闭包的理解是需要一个循序渐进的过程，下面我也会循序渐进从各个角度来阐述对闭包的不同理解，以便方便大家深度理解闭包。

2016-10-27 19:26:47

Javascript 闭包

利用pushState, popState和location.hash等方法自己实现一个小型路由

这篇文章主要是记录下HTML5中history提供的pushState, replaceStateAPI。最后通过这些API自己实现小型的路由。

2016-10-27 15:49:38

pjax 路由 Javascript

深入理解react（源码分析）

首先理解ReactElement和ReactClass的概念。想要更好的利用react的虚拟DOM，diff算法的优势，我们需要正确的优化、组织react页面。

2016-10-26 20:49:24

React Javascript 前端

上一页 1 ··· 394 395 396 397 398 ··· 529 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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