直播训练营

鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.4w内容

关注

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

文章博文帖子课程

共 2.4w 条

Vue.js源码（2）：初探List Rendering

本文先用几张图片回顾和整理下上一篇Vue.js源码(1)：Hello World的背后的内容，这将对本篇的compile，link和bind过程的理解有帮助。这篇文章将要一起分析：observe array、terminal directive、v-for指令过程。

2016-09-21 13:32:13

Javascript Web 前端

Vue.js源码（1）：Hello World的背后

下面的代码会在页面上输出Hello World，但是在这个new Vue()到页面渲染之间，到底发生了什么。这篇文章希望通过最简单的例子，去了解Vue源码过程。

2016-09-21 12:56:31

Javascript Web 前端

又是一种用于JavaScript的前端国际化方案

然 HTML 模板里的国际化是解决了，但是整个应用中需要国际化的地方可不止 HTML 模板，同时还有 JavaScript（一些验证的提示文本）。但是静态的脚本文件中总不能内嵌 PHP 吧，所以我们得搞个单独的解决方案。虽然说网上现成的 JS 国际化的库很多，但我总觉得有些看不上眼（可能是我没找到好的），就准备自己实现一下。

2016-09-20 12:49:29

JavaScript 前端国际化方案

Laravel学习笔记之Middleware源码解析

本文主要学习Laravel的Middleware的源码设计思想，并将学习心得分享出来，希望对别人有所帮助。Laravel学习笔记之Decorator Pattern已经聊过Laravel使用了Decorator Pattern来设计Middleware，看Laravel源码发现其巧妙用了Closure和PHP的一些数组函数来设计Middleware。

2016-09-20 10:26:25

Laravel PHP Middleware

Laravel学习笔记之Container源码解析

本文主要学习Laravel中Container的源码，主要学习Container的绑定和解析过程，和解析过程中的依赖解决。分享自己的研究心得，希望对别人有所帮助。下面聊聊自动解析过程，研究下Container是如何在自动解析Service时解决该Service的依赖问题的。

2016-09-20 10:15:49

Laravel PHP Container

如何使用vue开发波纹点击特效组件

最近在使用 vue2 做一个新的 material ui 库，波纹点击效果在 material design 中被多次使用到，于是决定把它封装成一个公共的组件，使用时直接调用就好啦。

2016-09-19 21:37:58

vue 特效组件 Web

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

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

2016-09-19 21:24:08

Python Asyncio 游戏

如何通过vue实现一款简单通用的翻页组件

翻到某个列表的某一页之后，点击某一项到编辑页，编辑完成后希望能够返回到跳转之前的那一页。这个需求如果仅仅用上面的pager组件，实现起来就不是很方便。也许有人会说结合vuex可以，但是这样的话需要在state中记录下跳转前的页码。假如有很多个翻页列表，就需要记录多个，这显然并不优雅。

2016-09-19 13:44:54

vue 翻页组件 Web

NodeJS中的模块是单例的吗？

笔者之前在使用require导入模块时，特别是在导入有状态的模块时，笔者会考虑其是否在多次导入情况下依然保持单例特性，或者说对于同一个文件在不同路径下导入时，是否能够识别为一致？本文即是对该特性进行解析。

2016-09-19 10:01:08

Promise对象的基础入门学习

Promise对象是CommonJS工作组提出的规范。Promise原本只是社区提出的构想，一些外部函数库率先实现了该功能，ES6中将其写入了语言标准。Promise是啥,它就是一个javascript中一个对象,起着代理作用,充当异步操作与回调函数之间的中介。

2016-09-18 21:14:54

Javascript Promise Web

浅谈对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应用

上一页 1 ··· 359 360 361 362 363 ··· 492 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区

教育

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