鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

我对Flexbox布局模式的理解

Flexbox，一种CSS3的布局模式，也叫做弹性盒子模型，用来为盒装模型提供最大的灵活性。首先举一个栗子，之前我们是这样实现一个div盒子水平垂直居中的。在知道对象高宽的情况下，对居中元素绝对百分比定位，然后通过margin偏移的方式来实现。

2017-05-24 10:12:54

前端 Flexbox CSS3

JavaScript 中的 this 全面解析

如果要判断一个运行中的函数的this绑定，就需要找到这个函数的直接调用位置。找到之后就可以顺序应用下面这四条规则来判断this的绑定对象。

2017-05-23 15:47:04

JavaScript this 解析

RequireJS模块化编程详解

2009年，美国程序员Ryan Dahl创造了node.js项目，将javascript语言用于服务器端编程。这标志"Javascript模块化编程"正式诞生。因为老实说，在浏览器环境下，没有模块也不是特别大的问题，毕竟网页程序的复杂性有限;但是在服务器端，一定要有模块，与操作系统和其他应用程序互动，否则根本没法编程。

2017-05-18 10:23:55

模块化开发 RequireJs Javascript

CSS进阶：提高你前端水平的4个技巧

随着 Node.js 、react-native 等技术的不断出现，和互联网行业的创业的层出不穷，了解些前端知识，成为全栈攻城师，快速的产出原型，展示你的创意，对程序员，尤其是在创业的程序员来说，越来越重要，下面我们就跟随著名国外开发者网站上的热推文章《Leveling up in CSS》，从提升你的CSS技巧开始。

2017-05-18 09:16:54

前端 CSS 技巧

编写react组件更优实践

我最开始学习react的时候，看到过各种各样编写组件的方式，不同教程中提出的方法往往有很大不同。当时虽说react这个框架已经十分成熟，但是似乎还没有一种公认正确的使用方法。过去几年中，我们团队编写了很多react组件，我们对实现方法进行了不断的优化，直到满意。

2017-05-17 15:50:34

开发前端 react

浅谈浏览器http的缓存机制

针对浏览器的http缓存的分析也算是老生常谈了，每隔一段时间就会冒出一篇不错的文章，其原理也是各大公司面试时几乎必考的问题。

2017-05-15 13:40:20

浏览器 http 缓存机制

pyspider爬虫教程 (2)：AJAX和HTTP

AJAX 的一种常见用法是使用 AJAX 加载 JSON 数据，然后在浏览器端渲染。如果能直接抓取到 JSON 数据，会比 HTML 更容易解析。

2017-05-12 18:00:44

pyspider AJAX HTTP

JavaScript深入之创建对象的多种方式以及优缺点

JavaScript深入系列第十四篇，讲解创建对象的各种方式，以及优缺点。

2017-05-11 21:01:20

JavaScript 创建对象面向对象编程

JavaScript异步与Promise实现

在阅读本文之前，你应该已经了解JavaScript异步实现的几种方式：回调函数，发布订阅模式，Promise，生成器（Generator），其实还有async/await方式，这个后续有机会会介绍。本篇将介绍Promise，读完你应该了解什么是Promise，为什么使用Promise，而不是回调函数，Promise怎么使用，使用Promise需要注意什么，以及Promise的简单实现。

2017-05-11 20:20:59

Javascript Promise Web

一个栗子上手CSS3动画

本篇文章不一一列举CSS3动画的属性，若需要了解API，可前往 MDN 。

2017-05-11 15:20:52

CSS3 动画前端

如何将你的MySQL查询速度提升300倍

MySQL提供了内建的耗时查询日志。使用前，打开my.cnf文件，将slow_query_log设置为"On"。同时将long_query_time设置为一个对一次查询来说比较慢的时间（秒数），比如0.2。slow_query_log_file设置为你想保存日志文件的路径。然后运行代码，执行时间超过设定上限的查询将会被记录到日志中。

2017-05-10 16:09:12

MySQL 数据库查询

用gdb分析coredump的一些技巧

前几天我们正在运营的一款产品发生了崩溃，我花了两天尝试用 gdb 分析了 coredump ，虽然最后还是没能找到 bug ，但还是觉得应该做一些总结。

2017-05-10 15:30:30

skynet 崩溃程序

pyspider爬虫教程(1)：HTML和CSS选择

虽然以前写过如何抓取WEB页面和如何从 WEB 页面中提取信息。但是感觉还是需要一篇 step by step 的教程，不然没有一个总体的认识。不过，没想到这个教程居然会变成一篇译文，在这个爬虫教程系列文章中，会以实际的例子，由浅入深讨论爬取(抓取和解析)的一些关键问题。

2017-05-10 12:05:17

pyspider HTML CSS

2017年前端开发工具趋势

你有两年以上的前端开发经验吗?你会用 Sass 和 Autoprefixer 等高级的CSS辅助技能吗?你的 JavaScript 知识是否融汇贯通，你是否喜欢使用 Gulp ， npm 和 jQuery ?如果是这样，根据 Ashley Nolan 的前端问卷调查，你是一个典型的前端开发工程师。

2017-05-08 16:17:54

前端开发工具

一步一步搭建一个图片上传网站（后台服务器用nodejs）

前几天看了腾讯云社区的一个文件上传的文章 <文件上传那些事儿> ，大体上讲了以下h5中图片上传的几个核心原理，但是没有后端接受的服务器代码，没法做测试。也没有具体的一个实例都是一些基本的原理片段，并且ui界面也不好看，我就准备给那篇文章作为补充做一个图片上传网站。

2017-05-08 15:00:20

H5 代码服务器

BOOM：一款有趣的Javascript动画效果

在浓烈的好奇心驱使下，最终利用 Javascript 和 CSS3 完成了模仿上面的效果，通过调用方法，可以将页面上的图片一键爆炸，我给它起了个 boomJS 的名字。

2017-05-08 14:35:14

Javascript BOOM 动画效果

基于Python和JavaScript编写物联网温度计程序

本文我们将介绍使用单片机微控制器连接Zerynth，开发一个简单但强大的物联网温度计。

2017-05-08 10:38:36

Python JavaScript WIFI

Node.js对于Java开发者而言是什么？

Node.js究竟是什么?它是新的语言还是新的框架，是新的工具抑或只是一个简单的JavaScript文件?即使对于有经验的Java开发人员来说，也很难快速了解Node.js。因此，在本文中，我将尝试为Java开发人员诠释Node.js。

2017-05-05 09:10:38

Node.js Java 开发

前端一站式异常监控捕获方案

在服务器开发中，我们常常使用日志来记录请求的错误和服务器异常问题，但是在客户端，前端应用直接部署运行在用户的浏览器中，如果发生错误，应该怎样去捕获并传送给服务器呢?前端错误日志传送给服务器很简单，在异常发生时直接发请求就可以了，下面我们主要讨论下错误的捕获方案。

2017-05-04 21:30:32

前端异常监控捕获方案

一文读懂 HTTP/2 特性

HTTP/2 是 HTTP 协议自 1999 年 HTTP 1.1 发布后的首个更新，主要基于 SPDY 协议。由互联网工程任务组(IETF)的 Hypertext Transfer Protocol Bis(httpbis)工作小组进行开发。该组织于2014年12月将HTTP/2标准提议递交至IESG进行讨论，于2015年2月17日被批准。HTTP/2标准于2015年5月以RFC 7540正式发表。

2017-05-04 20:29:12

HTTP 服务器 TCP

前端开发js运算符单竖杠“|”的用法和作用及js数据处理

这篇文章里面，js整数的操作运用了单竖杠，单竖杠是什么意思?现在就给大家简单的介绍一下。

2017-05-04 16:17:01

前端开发 js 运算符

纯CSS3画出小黄人并实现动画效果

前两天我刚发布了一篇CSS3实现小黄人动画的博客，但是实现的CSS3动画是基于我在站酷网找到的一张小黄人的jpg格式图片，并自己用PS抠出需要实现动画的部分，最后才完成的动画效果。

2017-05-03 11:30:20

CSS3 小黄人动画

前端开发JS：事件循环机制、调用栈以及任务队列

在之前，我只是简单地认为由于函数执行很快，setTimeout执行时间即便为0也不会马上输出，而是等待函数执行完后再输出。实际上其运行机制就是js中的事件循环机制，在这个循环机制中呢，又与call Stack和task queue有关。

2017-05-02 22:38:44

前端开发 JS 事件循环机制

我是如何用CSS绘制各种形状的

实现方式是通过border-radius这个属性；border-radius它可以单独指定水平和垂直半径。用 / 分隔这两个值。并且该属性的值不仅可以接受长度值，还能接收百分比的值。百分比的值会基于元素的尺寸进行解析，宽是水平半径的解析，高是垂直半径的解析。

2017-05-02 13:38:51

CSS 绘制形状

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

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

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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