鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

我是如何用10天自学编程，改变一生的？

我是霖哥，一个因兴趣入行的商学院毕业的程序员。最近有不少人，来问我，想学编程，但是又不知怎么开始。所以，我想把我8年前影响我一生的10天自学编程的经历，毫无保留的分享出来。

2017-04-11 17:22:57

编程程序员语言

如何搭建一个HTTPS服务端

关于 HTTPS 的基本原理大家都已经不再陌生，今天和大家说说如何搭建一个支持 HTTPS 的服务端。

2017-04-11 16:16:48

HTTPS 互联网服务端

2017值得一瞥的JavaScript相关技术趋势

2017值得一瞥的JavaScript相关技术趋势从属于笔者的Web 前端入门与工程实践，推荐阅读2016-我的前端之路:工具化与工程化获得更多关于2016年前端总结。本文主要内容翻译自，笔者对于每个条目进行了些许完善。

2017-04-11 15:47:26

JavaScript 技术趋势

你可能不知道的Chrome-devtools用法总结

Snippets是一个新的可以在这个开发流程中使用的开发者工具，它允许你在源面板中创建，存储和执行 JavaScript。

2017-04-11 14:12:07

Snippets 工具 JavaScript

老生常谈-从输入url到页面展示到底发生了什么

最近刚好也在看http协议相关的东西，所以想对这个话题来个深入的总结，本文的目的是通过输入url之后发生的事情来做知识的总结和扩展。所以文章可能会很杂。

2017-04-11 13:54:49

JS中的二进制操作简介

现今世界上几乎所有的计算机体系结构都是以字节(byte)为二进制数据的基本单位(注：不是说最小单位)，所以二进制常常以字节数组的形式存在于程序当中。例如在C#里面，就用byte[]，标准C里面没有byte类型，但可以通过typedef把byte定义为unsigned char的别名，效果是一样的。

2017-04-11 10:48:53

关于烂代码的那些事——什么是好代码

在文章中我会跟大家讨论一下如何尽可能高效和客观的评价代码的优劣。

2017-04-10 18:10:31

Async/Await替代Promise的6个理由

Async/Await是近年来JavaScript添加的最革命性的的特性之一。它会让你发现Promise的语法有多糟糕，而且提供了一个直观的替代方法。

2017-04-10 15:57:10

Async Await Promise

从JavaScript到TypeScript - 模块化和构建

TypeScript 带来的最大好处就是静态类型检查，所以在从 JavaScript 转向 TypeScript 之前，一定要认识到添加类型定义会带来额外的工作量，这是必要的代价。不过，相对于静态类型检查带来的好处，这些代价是值得的。当然，TypeScript 允许不定义类型或者将所有类型定义为 any，但如果这样做，TypeScript 带来的大部分静态检查功能都会失去作用。

2017-04-10 14:23:01

typescript javascript webpack

Redis缓存技术学习系列之事务处理

我们可以注意到，Redis是一个C/S架构的数据库，在我们目前的认知中，它是通过终端中的一条条命令来存储和读取的，即它是一个非常典型的“请求-响应”模型。可是我们知道在实际的应用中，我们要面对的或许是更为复杂的业务逻辑，因为Redis中不存在传统关系型数据库中表的概念，因此在使用Redis的过程中，我们要面对两个实际的问题，即如何更好的维护数据库中的”键“、如何在高效执行命令的同时保证命令执行成功。

2017-04-10 13:30:47

Redis 数据库命令

在Node.js中看JavaScript的引用

早期学习 Node.js 的时候 (2011-2012)，有挺多是从 PHP 转过来的，当时有部分人对于 Node.js 编辑完代码需要重启一下表示麻烦（PHP不需要这个过程），于是社区里的朋友就开始提倡使用 node-supervisor 这个模块来启动项目，可以编辑完代码之后自动重启。

2017-04-10 13:28:32

Node.js JavaScript

JavaScript即未来：介绍14个JavaScript的框架和库

JavaScript 是 web 开发中的通用语言。它之所以快速发展不仅仅是因为它所提供的内容，更多的是因为它的庞大的开源社区的支持。本文提到的框架和库对任何一个 JavaScript 开发者来说都是必须知道的。它们都提供了一些途径来探索 JavaScript 和前端开发。

2017-04-10 10:35:02

JavaScript 框架库

记录自己理解的一些设计模式

记录一下自己理解的一些设计模式，并尽量使用表达清楚的例子进行讲解。

2017-04-08 17:12:36

设计模式抽象策略模式

如何用CSS实现多行文本的省略号显示

本文将要介绍的方法是采用CSS规范中的属性，并结合特殊的实现技巧完成的。这意味着在实现CSS2.1规范的浏览器中都是可以兼容的，不将仅仅是纯粹的移动端领域，在传统的PC浏览器(你们懂得我指的是哪些浏览器)中仍是可行的。

2017-04-07 11:45:25

JavaScript深入之从原型到原型链

什么是原型呢?你可以这样理解：每一个JavaScript对象(null除外)在创建的时候就会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型"继承"属性。

2017-04-07 11:15:49

原型链原型 Javascript

客户端(浏览器端)数据存储技术概览

在客户端(浏览器端)存储数据有诸多益处，最主要的一点是能快速访问(网页)数据。(以往)在客户端有五种数据存储方法，而目前就只有四种常用方法了(其中一种被废弃了)。

2017-04-06 15:40:31

客户端数据存储技术

WebGL实现雨水特效实验

今天我们将要和大家分享一些 WebGL 实验，在这个实验中我们将创建一个非常逼真的雨滴效果，并把它放到不同的场景中去。在这篇文章中，我们将给出制作这种效果所用到的一些一般性技术和技巧的概览。

2017-04-06 15:10:08

WebGL Javascript Web

JavaScript错误处理和堆栈追踪浅析

有时我们会忽略错误处理和堆栈追踪的一些细节, 但是这些细节对于写与测试或错误处理相关的库来说是非常有用的。合理地处理堆栈信息能使你清除无用的数据, 而只专注于有用的数据. 同时, 当更好地理解 Errors 对象及其相关属性之后, 能有助于你更充分地利用 Errors。

2017-04-06 14:40:29

JavaScript 错误处理堆栈追踪

关于JavaScript的数组随机排序

如果要将数组随机排序，千万不要再用(a, b) => Math.random() - 0.5这样的方法。目前而言，Fisher–Yates shuffle 算法应该是最好的选择。

2017-04-06 14:10:08

JavaScript 数组排序

别再为了this发愁了：JS中的this机制

JavaScript中有很多令人困惑的地方，或者叫做机制。但是，就是这些东西让JavaScript显得那么美好而与众不同。比方说函数也是对象、闭包、原型链继承等等，而这其中就包括颇让人费解的this机制。不管是新手还是老手，不仔细深抠一下还真闹不明白this倒地咋回事捏。今天，我们就一起看一下this倒地咋回事，别再为了this发愁了。

2017-04-06 13:40:43

JavaScript This Web

Google爬虫如何抓取JavaScript的？

认为 Google 不能处理 JavaScript ?再想想吧。Audette Audette 分享了一系列测试结果，他和他同事测试了什么类型的 JavaScript 功能会被 Google 抓取和收录。

2017-04-06 11:12:38

JavaScript Google 爬虫

从Chrome源码看JS Object的实现

Chrome自行开发了V8引擎，并被Node拿去当解析器。本文将通过V8的源码尝试分析Object的实现。

2017-04-05 20:00:32

Chrome Object JS代码

为什么我们要阅读源码？

程序员每天都和代码打交道。经过数年的基础教育和职业培训，大部分程序员都会「写」代码，或者至少会抄代码和改代码。但是，会读代码的并不在多数，会读代码又真正读懂一些大项目的源码的，少之又少。这种怪状，真要追究起来，怪不得程序员这个群体本身 —— 它是两个原因造成的。

2017-04-05 16:40:45

阅读代码程序员

Node + FFmpeg 实现Canvas动画导出视频

Canvas为前端提供了动画展示的平台，随着现在视频娱乐的流行，你是否想过把Canvas动画导出视频?目前纯前端的视频编码转换(例如WebM Encoder Whammy)还存在许多限制，较为成熟的方案是将每帧图片传给后端实现，由后端调用FFmpeg进行视频转码。整体流程并不复杂，这篇文章将带大家实现这个过程。

2017-04-05 16:30:09

Node.js FFmpeg Canvas

一行神奇的javascript代码

写本篇文章的缘由是之前群里@墨尘发了一段js代码。只是有一些需要重复劳动的，只要你掌握了运算的优先级，能把大串分解成一个个小串，然后运用类型转化的知识挨个处理就搞定了。

2017-04-05 11:10:23

Javascript 代码前端

秒拍邓铮：如何做到面对二十亿视频播放请求而不慌原创

人们的消费习惯日益碎片化，在微博上播放次数较多的视频，绝大多数在3分钟以内。即使这样，还有很多人在拖进度条，大家就是想尽快看到亮点。作为每日需要处理二十亿以上播放请求的大型视频网站，如何精准高效的将用户的每次请求迅速的真正实现播放，是充满挑战的一件事。

2017-03-29 14:38:05

高可用视频调度秒拍

微服务时代怎么看华为软件开发云实现DevOps落地原创

当前，云时代来临，业务敏捷性及可用性成为软件开发行业新的聚焦点。华为软件开发云的发布，给开发者提供了一站式云端 DevOps 平台，未来，开发技术在迅速发展的同时必将带动国内开发环境的日益成熟，受益更多企业级客户及开发者群体。

2017-03-28 12:23:04

软件开发云 DevOps

十三个最佳JavaScript数据网格库

数据网格可以帮助解决在 HTML 表格上对带有过滤、分页、排序、搜索以及内联编辑这些功能特性的大量数据集的处理问题。随着技术的发展，形成了各种类型的 JavaScript 数据网格库，让开发者们的工作变得轻松。它们可以很容易地在表格上添加网格功能，还可以在巨量数据集上执行诸如过滤、分页或者排序这样的函数。

2017-03-27 09:42:58

JavaScript 数据网格库

JavaScript排序，不只是冒泡

从头到尾再来一次，由于每进行一轮，最后的都已经是最大的了，因此后一轮需要比较次数可以比上一次少一个。虽然你还是可以让他从头到尾来比较，但是后面的比较是没有意义的无用功，为了效率，你应该对代码进行优化。

2017-03-25 21:13:38

JavaScript 排序

每个前端开发者必会的二十个JavaScript面试题

JavaScript 未声明变量直接使用会抛出异常：var name is not defined，如果没有处理异常，代码就停止运行了。

2017-03-24 09:37:45

前端开发者 JavaScript 面试题

2017 年软件开发人员需要面对的七个改变

2017年对开发者而言将是有趣的一年，因为这个行业将会发生一些重大的变化。从创建较新的应用程序到添加功能到现有的应用程序，以扩展应用程序跨越其当前的限制，编程将在2017年见证复兴。

2017-03-23 15:09:13

软件开发人员

写了100万行代码的程序员身上发生了什么故事

看完之后就头皮一阵发麻，让我写一万行的代码?!are you kidding me?(黑人问号脸)我估计写到20万的时候就会突然有个疑问—-“咦?我的头发呢?”

2017-03-23 14:07:55

代码程序员

我眼中的JavaScript函数式编程

JavaScript 函数式编程是一个存在了很久的话题，但似乎从 2016 年开始，它变得越来越火热。这可能是因为 ES6 语法对于函数式编程更为友好，也可能是因为诸如 RxJS (ReactiveX) 等函数式框架的流行。

2017-03-22 11:22:04

JavaScript 函数式编程

说说如何用JavaScript实现一个模板引擎

不知不觉就很长时间没造过什么轮子了，以前一直想自己实现一个模板引擎，只是没付诸于行动，最近终于在业余时间里抽了点时间写了一下。因为我们的项目大部分用的是 swig 或者 nunjucks ，于是就想实现一个类似的模板引擎。

2017-03-20 17:59:19

JavaScript 模板引擎

JavaScript中的遍历详解

编程这么多年，要是每次写遍历代码时都用 for 循环，真心感觉对不起 JavaScript 语言~

2017-03-20 14:45:42

JavaScript 详解

说说如何用JavaScript实现一个模板引擎

不知不觉就很长时间没造过什么轮子了，以前一直想自己实现一个模板引擎，只是没付诸于行动，最近终于在业余时间里抽了点时间写了一下。因为我们的项目大部分用的是 swig 或者 nunjucks ，于是就想实现一个类似的模板引擎。

2017-03-15 08:43:29

JavaScript 模板引擎

用React Router 4构建通用JavaScript应用

React Router 是一个在 React 领域非常流行的库。它依靠位置栏上的请求 URL 和浏览器的操作历史来渲染不同的页面内容来保持显示，进而将你的 app 同步到用户接口的页面上。

2017-03-13 16:30:50

React Route 构建 JavaScript

2017 年值得学习的三个CSS 新特性

在众多的 CSS 新特性中，有 3 个今年采用的新特性让我抑制不住地激动。不久前，我写了我真心期望的一个 CSS 特性，就是关于特性查询，现在基本上可以说它已经存在了！它支持除 Internet Exploer 之外的主流浏览器(包括 Opera Mini)。

2017-03-13 15:27:55

你不知道的JavaScript错误和调用栈常识

大多数工程师可能并没留意过 JS 中错误对象、错误堆栈的细节，即使他们每天的日常工作会面临不少的报错，部分同学甚至在 console 的错误面前一脸懵逼，不知道从何开始排查，如果你对本文讲解的内容有系统的了解，就会从容很多。

2017-03-13 10:35:10

JavaScript 错误调用栈

js中几种实用的跨域方法原理详解

这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。

2017-03-12 19:51:38

js 实用跨域

一道面试题引发的对JavaScript类型转换的思考

高阶函数(Higher-order function)：高阶函数的意思是它接收另一个函数作为参数。在 javascript 中，函数是一等公民，允许函数作为参数或者返回值传递。

2017-03-10 09:33:16

JavaScript 类型

顶级JavaScript代码编辑器优势综述译文

JavaScript拥有堪称伟大的开源社区，而其中自然不乏各类出色的开源集成开发环境(简称IDE)。本文分享了四款顶级JS代码编辑器，并深入了解其出色之处。

2017-03-09 19:25:38

JavaScript 代码编辑器

六款出色工具助您轻松实现JavaScript代码瘦身译文

为了成功实现各类瘦身效果，Web开发者一直在努力挖掘各类卓越JS瘦身工具的能力。本文文章，将给大家介绍出色的六款JavaScript代码瘦身方案。

2017-03-09 18:00:30

JavaScript 代码

JavaScript错误处理和堆栈追踪浅析

有时我们会忽略错误处理和堆栈追踪的一些细节, 但是这些细节对于写与测试或错误处理相关的库来说是非常有用的. 例如这周, 对于 Chai 就有一个非常棒的PR, 该PR极大地改善了我们处理堆栈的方式, 当用户的断言失败的时候, 我们会给予更多的提示信息(帮助用户进行定位).

2017-03-08 08:57:04

JavaScript 错误堆栈

JavaScript 与 Java、PHP 的比较

网站开发的实践从设计方面开始，包括客户端编程语言。大体上说，在网页设计中使用了三种语言：HTML，CSS和JavaScript。自从网站发明以来，HTML和CSS已经成为网页设计的基础，但是JavaScript被用于添加网站的动态视图。

2017-03-07 09:05:05

JavaScript Java PHP

使用webpack管理多页应用技巧总结

随着前端功能不断丰富，前端代码也越来越复杂难以管理。为了简化开发的复杂度，出现了众多新的处理技术：模块化、组件化、css预处理器（less,scss）等，它们提高了我们开发效率，但众多模块文件的处理打包还是会非常繁琐的。

2017-03-06 17:56:20

webpack 管理多页应用

JavaScript单线程 & setTimeout定时器

理解JavaScript的单线程的理念对于JavaScript学习，以及掌握其中的一些设计机制非常重要，比如回调、定时器。对于后续学习NodeJS也有很大的帮助。

2017-03-06 14:08:38

JavaScript 单线程 setTimeout

2017年Web发展十大预测

每年 Craig Buckler 都会对来年的 Web 发展进行10项预测，同时总结过去一年的成绩。来看看他在 2016 年的表现，以及他对 2017 年 Web 发展的预测！

2017-03-01 20:24:54

怎样写一个能同时用于Node和浏览器的JavaScript包？

我在这个问题上见过很多困惑，即使是很有经验的 JavaScript 开发者也可能难以把握其中的巧妙之处。因此我认为值得为它书写一小段教程。

2017-03-01 19:48:02

Node 浏览器 JavaScript

如何在五分钟内开发一款Chrome扩展译文

一个 Chrome扩展其实就是一个配置入口文件和一系列html、css、js图片文件的集合，所以只要有前端基础，写一个简单的 Chrome 扩展还是很简单的。

2017-03-01 17:47:46

上一页 1 ··· 406 407 408 409 410 ··· 544 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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