直播训练营

鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 2024年软考 PMP项目管理软考资讯

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.4w内容

关注

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

文章博文帖子课程

共 2.4w 条

态牛-Tech Neo 9月刊：基于算法的IT运维原创

51CTO网+平台推出《态牛-TechNeo》电子杂志，通过精选和技术原创内容，精致的排版，给技术人员的阅读带来绝佳的体验。“读我懂你，做千万开发者的选择”是《态牛-TechNeo》的口号，本杂志面向广大开发者、技术总监以及架构师，杂志具涵盖独家的经验分享、案例剖析、核心技术解读，为您的岔路口指点迷津，提升工作效率。

2017-10-17 19:41:51

运维态牛电子杂志

作为前端Web开发者，这12条基本命令不可不会

本文列举了一系列 Linux 命令，旨在帮助大家充分利用终端这个工具。其中一些终端命令是内置的，其它的则是免费的工具，并且经过测试这些工具可以在不到一分钟内进行安装。

2017-10-17 16:03:16

前端 Web开发者终端命令

Javascript如何监听页面刷新和关闭事件

在我们的日常生活中，时常遇到这么一种情况，当我们在点击一个链接、关闭页面、表单提交时等情况，会提示我们是否确认该操作等信息。这里就给大家讲讲javascript的onbeforeunload()和onunload()两个事件。

2017-10-17 15:40:25

javascript 刷新页面

Spring Boot整合Thymeleaf完整Web案例

Thymeleaf 是一种模板语言。那模板语言或模板引擎是什么?常见的模板语言都包含以下几个概念：数据(Data)、模板(Template)、模板引擎(Template Engine)和结果文档(Result Documents)。

2017-10-17 15:14:33

Spring Boo Thymeleaf Web

jvm系列(七):jvm调优-工具篇

vm监控分析工具一般分为两类，一种是jdk自带的工具，一种是第三方的分析工具。

2017-10-17 14:02:30

jvm 调优工具

程序员写代码时的各种内心戏 ……

读大神写的代码的时候：这是什么…………我X，太牛X了。读刚来的程序员写的代码的时候：这是什么…………我X，太傻X了......一起来看下程序员写代码时的各种内心戏......

2017-10-17 12:47:19

程序员代码 bug

CSS布局说——可能是最全的

现在，我们被称为前端工程师。然而，早年给我们的称呼却是页面仔。或许是职责越来越大，整体的前端井喷式的发展，使我们只关注了js，而疏远了css和html。本篇内容概括了布局的基础+基本的PC端布局+移动端适配等内容。

2017-10-17 12:43:17

前端 CSS 布局

未来的程序员面临着怎样的职业变化

作为程序员，我们总是身处于如万花筒般变化无常的技术世界里。我们可能也是那群能够最早感知到科技变化所带来巨大影响的人。然而，面对这一波又一波向我们袭来的技术变革，我们是否也能从中窥见一丝规律，从而使自己更好地应对未来呢？

2017-10-16 14:56:35

一张思维导图，让正则表达式不再难懂

本文通过一张精彩的思维导图，让你对正则表达式不再觉得难懂，快来看看吧。

2017-10-16 12:56:16

正则表达式思维导图

JavaScript浮点数陷阱及解法

JavaScript浮点数运算时经常遇到会0.000000001和0.999999999这样奇怪的结果，如0.1+0.2=0.30000000000000004、1-0.9=0.09999999999999998，很多人知道这是浮点数误差问题，但具体就说不清楚了。本文帮你理清这背后的原理以及解决方案，还会向你解释JS中的大数危机和四则运算中会遇到的坑。

2017-10-16 10:42:27

前端 JavaScript 浮点数

多了解一下Chrome开发者控制台

作为一名前端开发者，Chrome内置的控制台是必须了解的，它拥有非常丰富的特性功能，对我们的开发帮助灰常大！

2017-10-15 10:24:27

前端要革命？看我在 JS 里写 SQL

在日新月异的前端领域中，前端工程师能做的事情越来越多，自从nodejs出现后，前端越来越有革了传统后端命的趋势，本文就再补一刀，详细解读如何在js代码中执行标准的SQL语句

2017-10-14 22:45:55

关于HTML5你需要了解的基础知识

HTML5 通过 W3C 和Web 超文本应用技术工作组Web Hypertext Application Technology Working Group之间的合作发展起来。它是一个更高版本的 HTML，它的许多新元素可以使你的页面更加语义化和动态。它是为所有人提供更好的 Web 体验而开发的。

2017-10-12 18:42:08

前端 HTML5 基础知识

关键CSS和Webpack: 减少阻塞渲染的CSS的自动化解决方案

如何减少阻塞渲染的CSS?为此，可以拆分并优先加载首次渲染所需要的CSS(关键CSS)，然后再加载其它CSS。可以通过编程的方式筛选出关键CSS，在本文中，我将向你展示如何通过Webpack的自动化流程来实现该方案。

2017-10-11 16:55:32

CSS Webpack Lighthouse

一个高性能、轻量级的分布式内存队列系统--beanstalk

Beanstalk是一个高性能、轻量级的、分布式的、内存型的消息队列系统。最初设计的目的是想通过后台异步执行耗时的任务来降低高容量Web应用系统的页面访问延迟。其实Beanstalkd是典型的类Memcached设计，协议和使用方式都是同样的风格。

2017-10-11 16:12:19

当我们准备做前后端分离项目时，我们在考虑什么？

几年前做前后端分离项目的原因，是node刚刚横空出世，业界开始考虑如何真正的用js去写后端服务，于是就借鉴阿里中途岛项目去尝试，主要还是用到了node的密集io场景下的转发。

2017-10-11 13:25:00

每个开发人员应该知道的10个Linux命令

作为一名软件工程师，学习Linux是我所做的最好投资。因为Linux是一个用户必须理解和维护的系统，所以日常体验就像向水坑加水滴一样。时间一长，水坑就会成为湖泊，甚至是海洋。所以我们必须杜微慎防。

2017-10-11 13:20:56

Linux 命令工程师

白山云科技合伙人丛磊：AI重新定义Web安全原创

利用AI实现Web安全是一个必然的趋势，它可以颠覆传统基于policy配置模式的安全产品，实现准确全面的威胁识别。但构造基于AI的安全产品本身也是一个复杂的工程，它涉及特征工程、算法设计和验证，以及稳定可靠的工程实现。

2017-10-11 12:38:54

AI 重新定义 Web安全

编写出色CSS代码的13个建议

CSS学起来并不难，但在大型项目中，就变得难以管理，特别是不同的人在CSS书写风格上稍有不同，团队上就更加难以沟通，为此总结了一些如何实现高效整洁的CSS代码原则。

2017-10-10 16:28:51

前端 CSS 建议

如何使用Flexbox和CSS Grid，实现高效布局

CSS 浮动属性一直是网站上排列元素的主要方法之一，但是当实现复杂布局时，这种方法不总是那么理想。幸运的是，在现代网页设计时代，使用 Flexbox 和 CSS Grid 来对齐元素，变得相对容易起来。

2017-10-10 15:52:17

前端 Flexbox CSS Grid

JavaScript是真正的OOP语言吗？

JavaScript面向对象还是不面向对象，这是个问题。好吧，这就是我们将要在这篇文章中讨论的主题。每当Java或C#或任何其他OOP语言的开发人员与JavaScript接触时，这些开发人员都会抱怨连连。他们说，用JavaScript工作简直是一团乱，没有类型，结构不合理，有些怪异，对象支持不给力，它绝对不是OOP语言。

2017-10-10 15:45:51

OOP 开发 JavaScript

JavaScript中错误正确处理方式，你用对了吗？

JavaScript的事件驱动范式增添了丰富的语言，也是让使用JavaScript编程变得更加多样化。本文将会讨论客户端JavaScript中的错误处理。主要介绍JavaScript中的易犯错误、错误处理、异步代码编写等内容。

2017-10-10 15:30:20

深入浅出妙用Javascript中apply、call、bind

我希望能够通过这篇文章，能够清晰的提升对apply、call、bind的认识，并且列出一些它们的妙用加深记忆。

2017-10-10 14:36:07

前端 Javascript apply、call、

你所不知道的CSS滤镜技巧与细节

本文主要介绍 CSS 滤镜的不常用用法，希望能给读者带来一些干货!本文所描述的滤镜，指的是 CSS3 出来后的滤镜，不是 IE 系列时代的滤镜，语法如下，还未接触过这个属性的可以先简单到 MDN — filter 了解下。

2017-10-10 13:58:38

前端 CSS 滤镜技巧

国内最火的 HTML、CSS、JavaScript 开源项目 Top 榜，你知多少？

对于开发者而言，想要着手前端开发，HTML、CSS 和 JavaScript 是三项必备的基础技能。而如何事半功倍地掌握好这些知识？本文盘点国内评分最高且收藏量超过 100 的前端技术开源项目，希望可以帮助更多的开发者扩展学习。

2017-10-10 12:56:39

向Node.js核心贡献代码的六个步骤

本文的目的是帮助您完成向 Node.js 核心文件贡献代码的第一个提交!向 Node.js 贡献代码的方式有很多种。可以参与某个工作组(网站或者联机诊断工作组等)的工作，可以在 Nodeschools 开设课程提供 Node.js 的教学, 让那些有着同样困惑的人可以向你学习。

2017-10-09 18:54:20

前端 Node.js 贡献代码

JavaScript：到底什么是ES6、ES8、ES 2017、ECMAScript?

学习JavaScript和ECMAScript历史和它们命名的由来!学习JavaScript过程中可能会有一些疑惑。特别是一些缩写，一些缩写的组合；我们就来彻底解释下这些名词。

2017-10-09 18:21:20

JavaScript ES6 ES8

没有对比就没有伤害，优秀的代码VS糟糕的代码

如果你还没有发现代码质量的区别，如果你从未见过优秀的代码，或者从未见过糟糕的代码，那么本文将以直观地对比，告诉你代码质量究竟会有多大的区别。

2017-10-09 12:05:57

优秀的代码代码量糟糕的代码

使用Chrome DevTools调试JavaScript

这篇文章将讲述正确调试的方法! 您将了解如何使用 Chrome 开发人员工具来设置断点并逐步完成代码。这是更有效的在代码中查找和修复 bug 的方法。本教程将向您展示如何调试一个具体 bug，您学到的方法将有助于您调试以后遇到的的 JavaScript 错误。

2017-10-09 10:04:48

JavaScript Chrome DevT 调试

前端必须要懂的浏览器缓存机制

本文详细讲解了浏览器端缓存的分类：200 from cache和304 not modified；介绍了http1.1 header Cache-Control的max-age和http1.0 header Expires的区别；介绍了http1.1 header Etag、If-None-Match和http1.0 header Last-Modified、If-Modified-Since的区别。

2017-09-28 12:03:40

WordPress 核心 JavaScript 框架选择讨论话题持续进行

昨天，WordPress #core-js Slack 频道进行了一场活跃的技术讨论会议，讨论的重点不再是具体框架之间的比较；而是在未来 WordPress 基于 Javascript 的界面构建中，框架所能扮演的角色，发挥的作用。

2017-09-28 11:50:07

HTML 标签大全，看了一定不后悔

本文介绍一份关于任何可以写入到你的文档中 <head> 部分的清单，包括最小推荐、网页元素、Meta 标签等，仔细看看吧。

2017-09-28 08:35:35

前端 HTML 标签大全

vue.js与其他前端框架的对比

React React 和 Vue 有许多相似之处，它们都有：使用 Virtual DOM 提供了响应式 (Reactive) 和组件化 (Composable) 的视图组件。将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库。

2017-09-27 16:44:23

CSS 黑魔法小技巧，让你少写不必要的JS，代码更优雅

之前不久，由于自己平时涉猎还算广泛，总结了一篇博客：这些JavaScript编程黑科技，装逼指南，高逼格代码，让你惊叹不已，没想到受到了大家的欢迎，有人希望能博主还能整理个 CSS的一些黑魔法小技巧。

2017-09-27 16:09:29

最全的常用正则表达式大全——包括校验数字、字符、一些特殊的需求等等

本文主要分享一些常用的正则表达式，包括校验数字、字符、一些特殊的需求等等。

2017-09-26 10:54:20

前端正则表达式校验数字

JS语法：由 ++[[]][+[]]+[+[]] = 10引发的问题

[0]是一个带有0成员的数组，[0][0]是取它的第1个成员，所以必是0。用了[0][0] = '1'虽然改了第1成员的值，但下一个[0][0]是独立的取成员值的表达式，所以得到0数字值。

2017-09-26 10:00:15

前端 JS 语法

不要浪费时间写完美代码

一个系统可以维持5年，10年，甚至20年以上，但是代码和设计模式的生命周期非常短，当对一个解决方案使用不同的方法进行迭代的时候，通常只能维持数月，数日，甚至几分钟的时间。

2017-09-25 21:00:44

代码开发完美

LinkedIn 如何构建安全可缩放的 Web 生态

随着用户数持续增长，我们需要更深入地了解用户对我们平台的使用方式，以及通过哪些新产品线能更好地满足全球职场专家的需求。

2017-09-25 12:31:51

十面埋伏？程序世界里的不信任原则

人与人之间最重要的是信任，但程序的世界里，可能信任越少越好;我越发觉得越是高性能高可用的系统里，不信任原则会体现得更加淋漓尽致。为了少走弯路，写下这篇文章留给自己参考，其中一些是自己踩过的一些坑;一些是接手他人系统时触过的雷;还有一些是从别人分享的经验学习得来;能力有限，先记下自己的一些体会，错误的地方再慢慢改正。

2017-09-23 15:39:07

程序服务信任

Node.js 8.5正式发布，新特性一览

最近 Node.js 发布了8.5版本，在这个版本里，Node 添加了3个激动人心的新特性。

2017-09-22 14:04:33

前端 Node.js 新特性

深入理解Js的This绑定 ( 无需死记硬背，尾部有总结和面试题解析 )

js 的 this 绑定问题，让多数新手懵逼，部分老手觉得恶心,这是因为this的绑定 ‘难以捉摸’，出错的时候还往往不知道为什么，相当反逻辑。

2017-09-21 11:43:14

Javascript Html5 Html

Web应用程序中Resource Bundle技术概述

世界经济日益全球化的同时，一个应用程序需要在全球范围内使用势在必然。传统的程序设计方法将可翻译信息如菜单按钮的标签，提示信息，帮助文档等文字信息硬编码在程序代码中，不能很好的适应全球化发展，程序的扩展性差，维护成本高。

2017-09-21 10:43:55

web 程序语言

一篇包含了React所有基本点的文章

去年，我写了一本关于学习React.js的小书，原来是大约100页。今年我要挑战自己，把它归纳为一篇文章。本文不会涵盖什么是React，或者为什么要学习它。相反，这是面向已经熟悉JavaScript并熟悉DOM API基础知识的人，对React.js的基础知识的介绍。

2017-09-21 10:36:05

JavaScript React.js 生命周期

如何成为一名优秀的程序员？

作为一个从业快10年的程序员，我想给新入行的程序员们一些建议。这些建议是我希望自己可以在毕业时就读到的，也希望它们可以帮助你成为一个更好的程序员。

2017-09-21 09:44:00

编程程序员软件开发

Angular 5将会推迟发布，因升级过程的问题

Angular 5 是由谷歌开发的流行 JavaScript 框架的下一个版本，原本计划在九月推出。但现在官方宣布需要推迟发布日期，将于 10 月 23 日发布，因为开发团队需要更多的时间来处理升级过程的问题。

2017-09-21 09:34:57

前端 Angular 5

GitHub 全面运行在Kubernetes之上

网络上鲜有文章介绍如何将Kubernetes部署在物理云环境中。本文作者Newland来自于GitHub的SRE团队，他从实际项目实施角度，介绍了如何将Kubernetes部署在GitHub的物理服务器上，并最终实现将GitHub全部运在Kubernetes上。

2017-09-20 16:29:19

Web的现状：网页性能提升指南

互联网发展非常迅速，所以我们创造了Web平台。通常我们会忽视连通性等问题，但用户们却不会视而不见。一瞥万维网的现状，可以发现我们并没有用同情心、变通意识去构建它，更不要说性能了。

2017-09-19 14:28:06

Web 开发网站

基于web创建逼真的3D图形 | CSS技巧

在成为一名web开发者之前，我从事于视觉设计行业，创造屡获殊荣，电影和电视节目等高端3D效果，例如 Tron, The Thing, Resident Evil,和 Vikings ，为了能够创造这些效果，我们需要使用高度复杂的动画软件。

2017-09-19 14:05:24

你知道URL、URI和URN三者之间的区别吗？

这篇文章旨在于清楚地讲解URL、URI和URN之间的区别，帮助你快速理解这些必备知识。你是不是对这个话题也感到困惑?那么我们开始吧!

2017-09-18 17:00:02

纯前端实现人脸识别-提取-合成

最近火爆朋友圈的军装照H5大家一定还记忆犹新，整个流程涉及的人脸识别和图像合成两项核心技术在前端都有对应的解决方案，因此理论上前端也可以完成人脸识别-提取-合成整个流程，实现纯前端的军装照H5效果。

2017-09-18 16:13:59

前端图像处理人脸识别

上一页 1 ··· 348 349 350 351 352 ··· 491 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区

教育

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