鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

浅谈对JavaScript闭包的理解

事实上当函数当做值类型并到处传递时，基本都会使用闭包，如定时器，跨窗口通信，事件监听，ajax等等基本只要使用了回调函数，实际上就是在使用闭包。闭包是一把双刃剑是JavaScript比较难以理解和掌握的部分，它十分强大，却也有很大的缺陷，如何使用它完全取决于你自己。

2016-09-18 20:53:16

JavaScript 闭包前端

TCP三次握手&Render Tree页面渲染=>从输入URL到页面显示的过程？

最近工作之余一直在温故js系列，想知新，想提升，以小技术点为节奏去回顾。今天突然想到回顾一下这个http知识，http知识有太多深层次需要学习，今天简要回顾，浅析下这个技术点。主要通过五个步骤浅析这个过程，有错误的地方，烦请斧正，互相学习。

2016-09-18 17:27:06

Javascript TCP Http

10件在PHP 7中不要做的事情

学习Ruby、RoR、Android、iPhone和Windows Phone应用开发如何?你可能会认为这毫无意义，因为它们在你的舒适区和工作所需范围之外，但是这就是它们的意义。每种语言都有一些要学习的实用的东西，以及从没碰到的新知识。所有PHP顶级开发者都懂得很多其它编程语言，这并非偶然。

2016-09-18 16:13:30

PHP 7 垃圾代码闭合

使用HTTP/2服务端推送技术加速Node.js应用

四月份，我们宣布了对 HTTP/2 服务端推送技术的支持，我们是通过 HTTP 的 Link 头部来实现这项支持的。我的同事 John 曾经通过一个例子演示了在 PHP 里支持服务端推送功能是多么的简单。我们想让现今使用 Node.js 构建的网站能够更加轻松的获得性能提升。

2016-09-18 16:04:24

HTTP Node 应用

前端单元测试之Karma环境搭建

在前端开发中，测试常常是被忽略的一环。因此最近在研究前端自动化测试框架Karma，把个人的学习过程分享出来，希望对大家有帮助。Karma是由Google团队开发的一套前端测试运行框架。它不同于测试框架（例如jasmine，mocha等），运行在这些测试框架之上。

2016-09-14 21:55:33

前端测试 Karma

浅析JavaScript的事件代理和委托

在javasript中delegate这个词经常出现，看字面的意思，代理、委托。那么它究竟在什么样的情况下使用？它的原理又是什么？在各种框架中，也经常能看到delegate相关的接口。这些接口又有什么特殊的用法呢？这篇文章就主要介绍一下javascript delegate的用法和原理，以及Dojo，jQuery等框架中delegate的接口。

2016-09-14 21:28:25

JavaScript 事件代理委托

使用Python和Asyncio编写在线多人游戏（一）

你在 Python 中用过异步编程吗？本文中我会告诉你怎样做，而且用一个能工作的例子来展示它：这是一个流行的贪吃蛇游戏，而且是为多人游戏而设计的。

2016-09-14 21:17:47

Python Asyncio 游戏

从零构建一个简单的Python框架

这篇文章旨在通过对设计和实现过程一步一步的阐述告诉读者，我在完成一个小型的服务器和框架之后学到了什么。你可以在这个代码仓库中找到这个项目的完整代码。我希望这篇文章可以鼓励更多的人来尝试，因为这确实很有趣。它让我知道了 web 应用是如何工作的，而且这比我想的要容易的多！

2016-09-14 17:48:44

Python 框架 Web

关于JavaScript闭包的应用

闭包就是指有权访问另一个函数作用域中的变量的函数。MDN 上面这么说：闭包是一种特殊的对象。它由两部分构成：函数，以及创建该函数的环境。环境由闭包创建时在作用域中的任何局部变量组成。创建闭包最常见方式，就是在一个函数内部创建另一个函数。

2016-09-14 09:20:05

JavaScript 闭包 Web

探索前端黑科技——通过png图的rgba值缓存数据

说起前端缓存，大部分人想到的无非是几个常规的方案，比如cookie，localStorage，sessionStorage，或者加上indexedDB和webSQL，以及manifest离线缓存。除此之外，到底还有没有别的方法可以进行前端的数据缓存呢？这篇文章将会带你一起来探索，如何一步一步地通过png图的rgba值来缓存数据的黑科技之旅。

2016-09-13 21:59:09

Html5 Http 缓存

[译] 快速介绍JavaScript中的CSP

CSP 是什么？一般来说，它是写并行代码的一套方案。在 Go 语言里自带该功能， Clojure 通过基于 Macro 的 core.async 来实现，现在 JavaScript 通过 Generator 也能做支持了，或者说 ES6 的功能。为什么我要关心 CSP? 因为它强大啊, 而且高效, 而且简单.

2016-09-13 21:30:11

Javascript CSP Web

CSS 3D Panorama（全景）之淘宝造物节技术剖析

3D 全景并不是什么新鲜事物了，但以前我们在 Web 上看到的 3D 全景一般是通过 Flash 实现的。若我们能将 CSS3 Transform 的相关知识运用得当，也是能实现类似的效果。换句话说，3D 全景其实就是 CSS3 3D 的应用场景之一。

2016-09-13 17:51:23

如何应对微信支付这一步一个坑的APP支付

我是个phper最近在写微信支付（APP支付），微信给的官方文档并不是很详细也没有dome之类的代码啥的（对于新手来说比较麻烦），本人是新手以前也没写过支付，踩了好多坑，所以想写篇文章给没写过支付的新手几个建议。

2016-09-13 15:59:55

PHP 微信开发微信支付

JavaScript中Array的一些实用操作技巧

最近在调试JSP页面时频繁与ajax打交道，在复杂场景下，ajax传参数就需要对大量参数进行处理。这时我才发现，熟练Array的处理真的会使开发轻松不少！Array是JavaScript的内置对象，是的，虽然是数组，也是一种对象！

2016-09-12 17:19:51

JavaScript Array 操作技巧

用Python实现Python解释器

Byterun 是一个用 Python 实现的 Python 解释器。随着我对 Byterun 的开发，我惊喜地的发现，这个 Python 解释器的基础结构用 500 行代码就能实现。在这一章我们会搞清楚这个解释器的结构，给你足够探索下去的背景知识。我们的目标不是向你展示解释器的每个细节---像编程和计算机科学其他有趣的领域一样，你可能会投入几年的时间去深入了解这个主题。

2016-09-12 14:05:27

Python Python解释器 Web

基于Gulp的简易前端自动化工程搭建

上个月月底在公司提出关于前后端分离的想法，并且开始研究关于前后端分离，前端工程化，模块化的一些东西，上周开始我准备自己开始写基于Gulp流的前端工程文件，这两天有时间，着手开始实现这个想法，但是写的过程中，遇到了一些问题，正是因为这些问题的解决让我对Gulp的流式处理有了更深的理解，写下这篇文章，分享一下这俩天我在写Gulp的时候学到的一些东西。

2016-09-08 15:20:04

Javascript Node Gulp

Ajax的语法浅析

通过Ajax我们可以向服务器发送请求，在不阻塞页面的情况下进行数据交互，也可以理解为异步数据传输。在Ajax的帮助下我们的网页只需局部刷新即可更新数据的显示，减少了不必要的数据量，大大提高了用户体验，缩短了用户等待的时间，使得web应用程序更小、更快，更友好。

2016-09-07 20:56:24

Ajax XMLHttpRequ Fetch API

Javascript异步编程详解

Javascript语言将任务的执行模式分成两种：同步（Synchronous）和异步（Asynchronous）."异步模式"非常重要。在浏览器端，耗时很长的操作都应该异步执行，避免浏览器失去响应，最好的例子就是Ajax操作。在服务器端，"异步模式"甚至是唯一的模式，因为执行环境是单线程的，如果允许同步执行所有http请求，服务器性能会急剧下降，很快就会失去响应。

2016-09-07 20:43:36

Javascript 异步编程

20个编写现代CSS代码的建议

本文归纳于笔者的Web Frontend Introduction And Best Practices:前端入门与最佳实践中CSS入门与最佳实践系列，其他的关于CSS样式指南的还有提升你的CSS姿势、Facebook里是怎样提升CSS代码质量的。本文更偏向于样式使用技巧，前两篇偏向于代码风格与规范。

2016-09-07 19:58:47

Http的状态管理机制(cookie)

这篇文档是为HTTP request 和 response之间创建一个有状态的会话指明一个方法，并描述了两个头字段：Cookie和Set-cookie，用于携带服务端和客户端之间的状态信息。

2016-09-06 22:05:41

Http Cookie Web

浅析JavaScript的沙箱内容

市面上现在流行两种沙箱模式,一种是使用iframe,还有一种是直接在页面上使用new Function + eval进行执行. 殊途同归,主要还是防止一些Hacker们吃饱了没事干,收别人钱来 Hack 你的网站. 一般情况, 我们的代码量有60%业务+40%安全. 剩下的就看天意了.接下来,我们来一步一步分析,如果做到在前端的沙箱.文末看俺有没有心情放一个彩蛋吧.

2016-09-06 21:37:41

JavaScript Sandbox 沙箱

如何玩转JavaScript的事件循环

听多了JavaScript单线程，异步，V8，便会很想去知道JavaScript是如何利用单线程来实现所谓的异步的。我参考了一些文章，了解到一个很重要的词汇：事件循环(Event Loop)。异步在JavaScript的重要性，也意味着理解Event Loop的必要性。

2016-09-06 21:23:25

JavaScript node 异步

PHP给图片添加文字或图片水印的实现代码

有时上传图片时，需要给图片添加水印，水印一般为文字或图片logo水印，下面就来看看两种添加方法：文字水印和图片水印。

2016-09-06 21:09:35

Php gd库图片水印

进阶JavaScript之玩转递归与数列

在程序中，所谓的递归，就是函数自己直接或间接调用自己。就递归而言，最重要的是跳出结构，因为只有跳出结构才可以有结果。

2016-09-06 20:46:53

JavaScript 递归与数列 Web

Python类和元类(metaclass)的理解和简单运用

这里讨论的python类，都基于python2.7x以及继承于object的新式类进行讨论。首先在python中，所有东西都是对象。这句话非常重要要理解元类我要重新来理解一下python中的类。

2016-09-06 19:32:11

python中类的全面分析

在Python中，定义类是通过class关键字,class后面紧接着是类名，即Student，类名通常是大写开头的单词，紧接着是(object)，表示该类是从哪个类继承下来的。通常，如果没有合适的继承类，就使用object类，这是所有类最终都会继承的类。

2016-08-31 16:07:54

Python 类实例

深入理解Python中的ThreadLocal变量（中）

Python 中 ThreadLocal 就是通过下图中的方法，将全局变量伪装成线程局部变量，相信读完本篇文章你会理解图中内容的。

2016-08-31 15:50:50

Python ThreadLocal 变量

深入理解Python中的ThreadLocal变量（上）

有时候使用局部变量不太方便，因此 python 还提供了 ThreadLocal 变量，它本身是一个全局变量，但是每个线程却可以利用它来保存属于自己的私有数据，这些私有数据对其他线程也是不可见的。

2016-08-31 15:41:19

Python ThreadLoca 变量

Python3实现火车票查询工具

使用 Python3抓取12306 网站信息提供一个命令行的火车票查询工具。通过该项目的实现，可以熟悉 Python3 基础及网络编程，以及 docopt，requests，prettytable 等库的使用。

2016-08-31 13:26:24

Python Python3 工具

使用高斯模糊的效果逐步加载图片（仿 Medium）

用过 Medium 的用户不会不记得它的图片加载方式——纯色-高斯模糊-加载完成并显示。这是一种很优雅的图片预加载的方式(因为 Medium 的图片质量都很高，如果全部一下加载的话，需要的时间难以想象，所以，这是一种很棒的做法)。

2016-08-30 21:36:56

Javascript CSS Web

Web Components是个什么样的东西

Web Components 包括了四个部分：Custom Elements、HTML Imports、HTML Templates、Shadow DOM这四部分有机地组合在一起，才是 Web Components。

2016-08-30 21:09:33

Javascript CSS Web

使用CSS+JS帮你实现苹果cover flow效果

本文通过使用CSS+JS帮你实现苹果cover flow效果，有具体代码和详细解释。

2016-08-30 21:05:14

Javascript CSS Web

如何在nginx中缓存静态文件

这篇教程说明你应该怎样配置 nginx、设置 HTTP 头部过期时间，用 Cache-Control 中的 max-age 标记为静态文件（比如图片、 CSS 和 Javascript 文件）设置一个时间，这样用户的浏览器就会缓存这些文件。

2016-08-29 21:36:55

nginx Web 缓存

除了Markdown编辑器，你还需要会用程序来处理它

markdown 是一个面向写作的语法引擎，markdown 的最终目的都是解析成 html 用于网页浏览，所以它兼容 html 语法，即你可以在 markdown 文档中使用原生的 html 标签。

2016-08-29 21:15:45

Markdown Html Web

谷歌地图API添加形状

您可以向地图添加各种形状。形状是地图上与某个纬度/经度坐标绑定的对象。可用的形状如下：线、多边形、圆和矩形。您还可以将形状配置为可供用户进行编辑或拖动。

2016-08-29 19:54:07

Javascript 谷歌地图 API

如何运用新技术提升网页速度和性能

我们的目标是控制性能，注重性能，未来可伸展，为网站增添内容是一种乐趣。接着就来告诉你，为什么我们的网站速度比你们的快吧

2016-08-29 17:10:17

Javascript Html CSS

玩转markdown，你需要用到这几个工具

markdown是一个面向写作的语法引擎，markdown的最终目的都是解析成html用于网页浏览，所以它兼容html语法，即你可以在 markdown文档中使用原生的html标签。

2016-08-25 21:41:29

Markdown Html Web

怎么使用node.js进行快速截图？

写文章的时候经常需要插入图片，插入现有的图片很简单，有时候制作一些优秀的网站列表的时候需要添加网页截图，这个过程非常枯燥乏味，可以考虑开发一个命令行工具传入一个url，然后生成页面截图。

2016-08-25 21:28:04

前端 node 截图

收藏！这148个资源让你成为CSS专家

迄今为止，我已经收集了100多个精通CSS的资源，它们能让你更好地掌握CSS技巧，使你的布局设计脱颖而出。

2016-08-24 22:00:58

用Nginx + Lua(OpenResty)开发高性能Web应用

在互联网公司，Nginx可以说是标配组件，它高性能是大家公认的，但是整体学习和开发成本偏高；目前Nginx团队也开始意识到这个问题，逐渐开发了一系列高性能的Web服务。

2016-08-23 14:37:21

Nginx Lua Web应用

解析Web缓存及其更优实践

缓存一直是前端性能优化中，浓墨重彩的一笔。了解前端缓存是打造高性能网站的必要知识。我们日常所见最多的也是我们最常利用的就是浏览器对于HTTP规范实现所进行的资源缓存，HTTP规范中，定义了4个缓存相关的字段。

2016-08-23 10:50:50

Web Javascript 缓存

Linux 平台下 Python 脚本编程入门（二）

本篇中，我们会讨论控制流（根据用户输入的信息、计算的结果，或者一个变量的当前值选择不同的动作行为）和循环（自动重复执行任务），接着应用我们目前所学东西来编写一个简单的 shell 脚本，这个脚本会显示操作系统类型、主机名、内核版本、版本号和机器硬件架构。

2016-08-23 10:00:28

Linux Python 脚本

Linux平台下Python脚本编程入门（一）

在这个由两篇文章构成的系列中，我们将回顾 Python 的基础部分，希望初学编程的你能够将这篇实用的文章作为一个编程入门的跳板，和日后使用 Python 时的一篇快速指引。

2016-08-22 21:53:06

Linux Python 脚本

十项技能帮助Web设计师领先于时代潮流译文

Web设计工作既涉及科学、又关乎艺术，正可谓效果优劣存于一心。每一位Web设计师自然也需要在工作当中精通这两大方向，方能在行业中脱颖而出。面对未来的挑战，我们该如何始终走在时代前列？下面来看十大必须重视的重要技能：

2016-08-22 17:47:15

Web 设计技能

Python的高级图像处理

构建图像搜索引擎并不是一件容易的任务。这里有几个概念、工具、想法和技术需要实现。主要的图像处理概念之一是逆图像查询reverse image querying（RIQ）。Google、Cloudera、Sumo Logic 和 Birst 等公司在使用逆图像搜索中名列前茅。通过分析图像和使用数据挖掘 RIQ 提供了很好的洞察分析能力。

2016-08-22 17:37:24

Python 图像处理搜索引擎

JavaScript基本数据类型和引用数据类型

本文主要给大家介绍JavaScript数据类型之基本类型和引用类型的值,动态的属性、复制变量值、传递参数、检测类型等内容,需要的朋友可以参考下。

2016-08-18 14:13:55

JavaScript 基本数据引用数据

用Python构建图片处理搜索引擎

众所周知，Google图片使用反向图片搜索技术，它允许用户上传一张图片然后搜索相关的图片。上传的图片通过算法分析，制作出一个数学模型，然后跟Google数据库中成千上万的图片进行比较，直到找到匹配的或者相似的图片。

2016-08-18 00:54:59

Python 图片处理搜索引擎

大道至简：Angular2只有一个核心概念

Angular2变得更加简洁，最核心的概念只剩下一个，那就是组件Component，其它所有的一切都是围绕着Component展开的。那么Angular2无疑是受到了React的强力影响，毕竟React的核心概念也只有一个，也是Component。

2016-08-16 13:08:23

Angular2 ng-controll TypeScript

从零开始打造个人专属命令行工具集——yargs完全指南

熟练使用命令行工具能极大的提高开发效率，linux自带的命令行工具都非常的有用，但是这些工具都是按照通用需求开发出来的，如果有一些特别的需求，还是需要自己写脚本来完成一些比如文件批量重命名，文件内容批量替换等任务来提供工作效率。

2016-08-12 14:18:49

Javascript node 命令行

Python 开发者如何正确使用 RStudio 编辑器

资深的Python开发者认为，过多的代码智能提示会打断自己的思路，提示一些并不需要的信息反而会降低自己的效率，沉浸式编程才是最理想的选择，代码本身就拥有很强大的反馈机制，加入过多的辅助功能只是画蛇添足而已。

2016-08-12 11:33:21

Python Rstudio 编辑器

上一页 1 ··· 413 414 415 416 417 ··· 546 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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