51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
短视频免费课程课程排行直播课软考学堂
全部课程厂商认证IT技术25年5月软考PMP项目管理免费题库
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
账号设置 退出

前端

2.7w内容  
分享前端领域的前沿热点、技术实战、框架应用和使用案例，为开发者学习前端技术提供参考。
文章 博文帖子课程
共 2.7w 条
如何应对微信支付这一步一个坑的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

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

2016-09-12 14:05:27

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

2016-09-08 15:20:04

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

2016-09-07 20:56:24

AjaxXMLHttpRequFetch 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

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

2016-09-06 22:05:41

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

2016-09-06 21:37:41

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

2016-09-06 21:23:25

JavaScriptnode异步
PHP给图片添加文字或图片水印的实现代码
有时上传图片时，需要给图片添加水印，水印一般为文字或图片logo水印，下面就来看看两种添加方法：文字水印和图片水印。

2016-09-06 21:09:35

Phpgd库图片水印
进阶JavaScript之玩转递归与数列
在程序中，所谓的递归，就是函数自己直接或间接调用自己。就递归而言，最重要的是跳出结构，因为只有跳出结构才可以有结果。

2016-09-06 20:46:53

JavaScript递归与数列Web
Python类和元类(metaclass)的理解和简单运用
这里讨论的python类，都基于python2.7x以及继承于object的新式类进行讨论。首先在python中，所有东西都是对象。这句话非常重要要理解元类我要重新来理解一下python中的类。

2016-09-06 19:32:11

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

2016-08-31 16:07:54

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

2016-08-31 15:50:50

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

2016-08-31 15:41:19

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

2016-08-31 13:26:24

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

2016-08-30 21:36:56

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

2016-08-30 21:09:33

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

2016-08-30 21:05:14

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

2016-08-29 21:36:55

nginxWeb缓存
除了Markdown编辑器，你还需要会用程序来处理它
markdown 是一个面向写作的语法引擎，markdown 的最终目的都是解析成 html 用于网页浏览，所以它兼容 html 语法，即你可以在 markdown 文档中使用原生的 html 标签。

2016-08-29 21:15:45

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

2016-08-29 19:54:07

Javascript谷歌地图API
如何运用新技术提升网页速度和性能
我们的目标是控制性能，注重性能，未来可伸展，为网站增添内容是一种乐趣。接着就来告诉你，为什么我们的网站速度比你们的快吧

2016-08-29 17:10:17

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

2016-08-25 21:41:29

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

2016-08-25 21:28:04

前端node截图
收藏！这148个资源让你成为CSS专家
迄今为止，我已经收集了100多个精通CSS的资源，它们能让你更好地掌握CSS技巧，使你的布局设计脱颖而出。

2016-08-24 22:00:58

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

2016-08-23 14:37:21

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

2016-08-23 10:50:50

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

2016-08-23 10:00:28

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

2016-08-22 21:53:06

LinuxPython脚本
十项技能帮助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

Angular2ng-controllTypeScript
从零开始打造个人专属命令行工具集——yargs完全指南
熟练使用命令行工具能极大的提高开发效率，linux自带的命令行工具都非常的有用，但是这些工具都是按照通用需求开发出来的 ，如果有一些特别的需求，还是需要自己写脚本来完成一些比如文件批量重命名，文件内容批量替换等任务来提供工作效率。

2016-08-12 14:18:49

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

2016-08-12 11:33:21

PythonRstudio编辑器
高德API+Python帮你解决租房问题
编写Python脚本爬取某租房网站的房源信息，利用高德的 js API 在地图上标出房源地点，划出距离工作地点1小时内可到达的范围，附上公交路径规划功能查看不同路径的用时。

2016-08-12 09:28:52

APIPythonLinux
如何在React中做到jQuery-free
讨论如何使用 React 自带的强大功能，和一些良心第三方库屏蔽兼容性，来取代 jQuery 的主要功能，做到 jQuery-free。在 jQuery 中，我们已经熟悉了使用 sizzle 选择器来完成 DOM 元素的选取。而在 React 中，我们可以使用 ref 来更有针对性的获取元素。

2016-08-11 16:48:10

ReactjQueryJavaScript
让 Angular 1.x 跟上时代的步伐
2013年，那时候 Angular.js 才刚刚兴起，我们大胆了选择了当时看来比较新的技术，经过 3年的技术积累，Worktile 团队基本上把 Angular 1.x 可能踩得坑都踩了一遍，我们自己也写了一些关于 Angular.js 的插件，可以说团队目前采用 Angular.js 开发项目没有太大的技术难点。

2016-08-05 17:08:10

PythonWebpackAngular
十款最佳免费Web设计软件一览 译文
选择理想的免费软件绝非易事，因此大家可以立足于实际需求对以上工具进行尝试。无论大家打算创建博客、个人网站还是专业站点，相信其中总会有一款方案适合您。下面一起来看其中的十位佼佼者：

2016-07-08 14:57:07

Web设计软件
JavaScript 节流函数 Throttle 详解
有的时候如果事件处理方法比较庞大，DOM 操作比如复杂，还不断的触发此类事件就会造成性能上的损失，导致用户体验下降（UI 反映慢、浏览器卡死等）。所以通常来讲我们会给相应事件添加延迟执行的逻辑。

2016-06-30 10:24:47

JavaScript节流Throttle
优秀Web设计师必备十款免费模型工具 译文
在着手设计网站之前，请首先充分考虑实际需求。充分融入需求考量的设计才是最出色的设计。今天的文章中，我们将分享十款卓越的免费模型工具。

2016-06-23 07:22:25

Web设计师模型工具
JavaScript创建对象模式与最佳实践
多年以来，JavaScript开发者们与原型链的关系总是若即若离，纠缠不清。而今天我们最有可能遇到的两种创建对象的方式，一种是强烈依赖原型链的class语法，另一种则是完全不依赖原型链的工厂函数语法。这两种方式在性能上和特点上是不一样的——尽管差别不太大。

2016-06-20 11:32:27

JS原型class
新型编译器助JavaScript搞定类型难题 译文
JS++目前已经发布早期预览版本，其能够编译为JavaScript并继承一切对JavaScript的支持能力，在编译时中进行错误检查使得JS++成为一种类似于Java的语言。

2016-06-15 09:28:09

新型编译器JavaScript类型
现代Web开发需要学习的15大技术
本文概括了一系列我们应该学习的编程语言/工具，以便于理解势不可挡和快速变化的现代web开发。

2016-06-14 09:59:17

Web开发技术
开发者应该了解的五种全新编程语言 译文
从全面并发到可执行文件部署，这些新型语言绝对值得大家加以关注。本文介绍的是编程语言领域的五位后起之秀，它们都在以创造性的方式试图解决实际或者理论层面中的难题。

2016-06-13 14:13:27

开发者全新编程语言
程序员每天都在使用的6个惊讶的软技能
某些工作技能是普遍的，无论你是不是在高科技职业。例如，沟通和团队合作。我真心希望我能在干第一份web开发的工作之前就意识到这些软技能的重要性。

2016-06-08 14:01:25

程序员软技能
逆向思维：如何判断一套JS框架不符合实际需求？
我个人最偏好的框架是React JS。但如果要为企业选择一套框架，我给出的答案则是Angular 2.0。文章中，将立足于逆向思维，考虑如何断定一套JS框架不符合实际需求。

2016-06-07 14:25:50

逆向思维JS框架需求
上一页 1 ··· 421422423424425 ··· 554
点赞

51CTO技术栈公众号

业务
速览
在线客服