鸿蒙开发者社区

公众号矩阵

移动端

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

全部课程软考信创认证华为认证厂商认证 IT技术 PMP项目管理免费题库

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.8w内容

关注

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

文章博文帖子课程

共 2.8w 条

如何用JavaScript实现一个数组惰性求值库

在编程语言理论中，惰性求值（英语：Lazy Evaluation），又译为惰性计算、懒惰求值，也称为传需求调用（call-by-need），是一个计算机编程中的一个概念，它的目的是要最小化计算机要做的工作。它有两个相关而又有区别的含意，可以表示为“延迟求值”和“最小化求值”，除可以得到性能的提升外，惰性计算的最重要的好处是它可以构造一个无限的数据类型。

2017-05-02 11:30:44

JavaScript 数组惰性求值库

我必须得告诉大家的MySQL优化原理

说起MySQL的查询优化，相信大家收藏了一堆奇淫技巧：不能使用 SELECT * 、不使用NULL字段、合理创建索引、为字段选择合适的数据类型….. 你是否真的理解这些优化技巧?是否理解其背后的工作原理?在实际场景下性能真有提升吗?我想未必。因而理解这些优化建议背后的原理就尤为重要，希望本文能让你重新审视这些优化建议，并在实际业务场景下合理的运用。

2017-04-29 09:17:28

MySQL 优化器服务器

普通反爬虫机制的应对策略

这篇文章主要讨论使用Scrapy框架时，如何应对普通的反爬机制。

2017-04-27 20:45:48

爬虫反爬虫

纯CSS方式实现CSS动画的暂停与播放！

使用纯 CSS 的方法，能否暂停、播放 CSS 动画?看起来不可能，至少很麻烦。本文介绍代码来实现了纯 CSS 方式实现 CSS 动画的暂停与播放。

2017-04-27 14:05:59

CSS 动画前端

带你开发一个Chrome版的小程序

开发一个 Chrome 扩展程序，其实非常简单，而且很有趣。

2017-04-26 14:48:01

Chrome 程序扩展

浅谈浏览器缓存机制

缓存一直是前端优化的主战场, 利用好缓存就成功了一半. 本篇从http请求和响应的头域入手, 让你对浏览器缓存有个整体的概念. 最终你会发现强缓存, 协商缓存和启发式缓存是如此的简单.

2017-04-26 14:15:35

浏览器缓存机制

一探前端开发中的JS调试技巧

调试技巧，在任何一项技术研发中都可谓是必不可少的技能。掌握各种调试技巧，必定能在工作中起到事半功倍的效果。譬如，快速定位问题、降低故障概率、帮助分析逻辑错误等等。而在互联网前端开发越来越重要的今天，如何在前端开发中降低开发成本，提升工作效率，掌握前端开发调试技巧尤为重要。

2017-04-25 17:15:00

前端开发 JS 调试技巧

高性能滚动scroll及页面渲染优化

本文主要想谈谈页面优化之滚动优化。主要内容包括了为何需要优化滚动事件，滚动与页面渲染的关系，节流与防抖，pointer-events:none 优化滚动。

2017-04-25 16:20:10

页面优化滚动优化

深入理解JavaScript错误和堆栈追踪

有时候人们并不关注这些细节，但这方面的知识肯定有用，尤其是当你正在编写与测试或errors相关的库。例如这个星期我们的chai中出现了一个令人惊叹的Pull Request，它大大改进了我们处理堆栈跟踪的方式，并在用户断言失败时提供了更多的信息。

2017-04-25 15:30:23

堆栈函数 JavaScript

JVM内存分代、垃圾回收漫谈

最近在看周志明老师的《深入理解 Java 虚拟机》一书，收获颇多，以下为看完前半部分后的一些算是读书笔记吧，结合书本内容，简单记录分享一下有关 JVM 内存分代以及垃圾回收相关的内容。

2017-04-25 14:39:55

JVM 内存 Java

用Python实现每秒处理120万次HTTP请求

用 Python 做到每秒处理上百万次 HTTP 请求，可能吗?也许不能，但直到最近，这已成为现实。

2017-04-24 14:39:01

Python HTTP 语言

超干货！一套完整的设计分析思路应该是怎样的？

本文主要是根据个人在各个大大小小的项目中总结而来的一套做设计分析的参考思路，应用于常规的项目场景基本是够用了。

2017-04-24 13:51:16

设计师分析

通过 Node.js, Express.js 实现 HTTP/2 Server Push

HTTP/2 是 Web 开发的新标准，拥有很多不错的优点能够让 Web 访问更快且开发的工作更轻松简单。比如，引入多路复用传输不用合并资源，服务器推送(Server Push)资源让浏览器预加载。

2017-04-24 08:31:26

Node.js Express.js HTTP

开发者技能修炼的5个等级，你冲关到哪儿了？

对于本文提到的开发者技能修炼的阶梯划分出自我过往八年的工作经验。

2017-04-21 14:06:42

开发程序员编程

为什么我的代码进入闭源状态

我做出了一个可能让很多人遗憾的决定。从今天开始，我曾经开源放在 GitHub 上的代码，除了教育性质的代码，全部进入私有状态。这些代码包括 PySonar2，RubySonar 等等。

2017-04-20 13:33:12

代码开源 PySonar

JS断点调试心得

本文主要介绍了“逐语句执行”按钮、“逐过程执行”按钮、console控制台这三个工具，以及调试bug时的一些思路。工具的用法我就不再赘述了，大家知道用法就行，具体怎么去更合理的使用，还需要大家通过大量的实践去总结提升~

2017-04-19 10:25:01

JS 断点调试

用Async函数简化异步代码

即使你本身不能使用异步代码，你也可以进行编写或使用工具将其编译为 ES5。异步函数能让代码更易于阅读，更易于维护。只要我们有 source maps，我们可以随时使用更干净的 ES2017 代码。

2017-04-19 08:47:42

Async Javascript 异步代码

改进卷积神经网络，你需要这14种设计模式

深度学习领域近来已经发展出大量的新架构，而如何选择使用这些新架构提升卷积神经网络的性能就显得越发重要了。机器之心之前报道过提交 ICLR 2017 的论文：解析深度卷积神经网络的14种设计模式也正是关注于此。而本文在描述14种设计模式之余更加注重于阐述构建和训练卷积网络的小技巧。

2017-04-18 12:21:01

神经网络深度学习设计模式

开发者弹药库升级推荐五个机器学习框架

你可能没听过它们，但从今天起或许会考虑上手。

2017-04-17 13:59:37

机器学习代码 TensorFlow

利用一点机器学习来加速你的网站

最近，我发现自己对 web 性能的定义可能太狭隘了，从用户的角度上来说，这些只是 web 性能中的一些小插曲。所以我打开了我经常去的网站，尝试了所有的用户可能的操作，并记录操作所花费的时间。(我们需要一些用户操作时光轴工具)，之后，我发现了一个可行的提升性能的方案。

2017-04-13 11:20:56

机器学习代码

浅谈图片宽度自适应解决方案

在网页设计中，随着响应式设计的到来，各种响应式设计方案层出不穷。对于图片响应式的问题也有很多前端开发人员在进行研究。比较好的图片响应式设想便是在不同的屏幕分辨率下使用不同实际尺寸的图片，而达到在高速网络环境中使用大或超大高清图片，在低速网络或需要替用户节省流量资源的环境中使用小而清晰的图片，保证用户无论在何种环境下都能有良好的浏览体验。

2017-04-13 11:20:37

图片宽度解决方案前端

如何在Webpack中执行代码分割

我很早就写过几个关于 Javascript 脚本的捆绑的帖子，人们可能认为我是疯狂的热衷于应用捆绑，但是我认为我是情不自禁的，因为它是非常有趣的:-)。

2017-04-13 10:46:14

Webpack 执行代码分割

使用curl命令分析请求的耗时情况

最近工作中遇到一个问题，某个请求的响应特别慢，因此我就希望有一种方法能够分析到底请求的哪一步耗时比较长，好进一步找到问题的原因。在网络上搜索了一下，发现了一个非常好用的方法， curl 命令就能帮你分析请求的各个部分耗时。

2017-04-13 10:14:46

curl 命令分析

关于Web缓存的那些风流事儿

最近大家针对preload、HTTP/2 push和ServiceWorker的浏览器缓存实现展开了激烈的讨论，而这也引起了很多人的疑惑。鉴于此，我想讲个故事来让大家了解一个请求如何完成他的使命并找到匹配的缓存资源。

2017-04-12 12:31:14

缓存 Web 浏览器

浅析前端页面渲染机制

作为一个前端开发，最常见的运行环境应该是浏览器吧，为了更好的通过浏览器把优秀的产品带给用户，也为了更好的发展自己的前端职业之路，有必要了解从我们在浏览器地址栏输入网址到看到页面这期间浏览器是如何进行工作的,进而了解如何更好的优化实践，本篇主要围绕这两点展开阐述。

2017-04-12 11:46:46

前端浏览器渲染机制

软件开发人员的编程障碍，你知道多少？

没有人满意Java开发人员这种已经“竭尽全力”改变世界的速度，每个人都希望代码像消防水管里的水一样能够源源不断地流出来，但没有人愿意提供给开发人员更好地完成工作的条件。正如那个想要我们昨天就完成工作的老板，他不愿意雇佣更多的人，不愿意购买速度更快的机器，也不愿意做任何其他可以让Java程序员专注于编程的事情，又想马儿跑，又不给马儿吃草。

2017-04-12 09:24:45

开发编程 Java

我是如何用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

上一页 1 ··· 439 440 441 442 443 ··· 578 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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