2015年01月_dingshi7798

翻译 6个（几乎）每个项目都必须使用的流星包

已经有成千上万的流星JavaScript框架封装的，所以无论什么功能，您要添加到您的Web应用程序，有人可能是先行一步，并提出了包slickly实现了精确的想法。方便吧？不过，当然，更多的选择来选择的悖论。它可以压倒找出哪些软件包可能会派上用场。这里是什么，我认为是为数不多的最有帮助的一个破败： 1. 铁路由器我从开始开发商收到了几次的一个问题是，“我如何创建一个流星多页应用？...

2015-01-29 00:00:00 101

翻译 html流星项目_6个（几乎）每个项目都必须使用的流星包

html流星项目流星JavaScript框架已经有成千上万个软件包，因此，无论您想向Web应用程序添加什么功能，都有可能有人成功开发了一个可以精确实现这些想法的软件包。方便吧？但是，当然，选择的悖论越多。弄清楚哪些软件包可能会派上用场。以下是我认为最有帮助的几个摘要： 1. 铁路由器我刚从开发人员那里收到几次的问题是：“如何使用Meteor创建多页应用程序？” 因为...

2015-01-29 00:00:00 95

翻译使用Hapi进行OAuth集成

保护网络资源往往是一个困难和艰巨的任务。正因如此，它往往留到开发的最后阶段，然后它赶到一个没有做好。这是可以理解的，虽然; 安全是发展的一个非常专业的领域，大多数人只是给它一个过客认为 - “是啊，这或许应该被保护......”那么，开发商迅速地拼凑一个特设的安全方法： if (password === "password1") { setCookie(); } else { send(4...

2015-01-28 00:00:00 124

翻译 hapi_使用Hapi进行OAuth集成

hapi 保护Web资源通常是一项艰巨而艰巨的任务。如此之多，以至于它常常被留到开发的最后阶段，然后匆忙地完成了。这是可以理解的。安全是开发中一个非常专业的领域，大多数人只是想了一下：“是的，这应该是安全的……”因此，开发人员很快就采用了一种临时的安全方法： if (password === "password1") { setCookie();}else { send...

2015-01-28 00:00:00 229

翻译使用ES6编写AngularJS应用

正如你们许多人都知道，ECMAScript的6处于草案状态，现在，预计今年敲定一段时间。但它已经引起了很多关注，在社会和浏览器已经开始实施它。我们也有一些像Traceur，6to5，以及其他许多转换器ES6代码ES5兼容的代码transpilers的。社区成员已经开始玩弄ES6，其中许多人都是博客上所学内容。 SitePoint的JavaScript的通道也有相当数量的文章描述ES6的不同...

2015-01-27 00:00:00 168

翻译使用CSS过滤器和jQuery构建简单的图像编辑器

CSS滤镜的使用只是CSS处理图像的强大工具。一旦在所有浏览器中实现，你将能够影响适用于图像，而无需任何外部软件。 CSS滤镜构成了自己一个很大的话题，我不打算在这里讨论所有可用的过滤器。我所要谈的是你可以使用多个过滤器来产生复杂的效果 - ，使自己的图像编辑器。如果你想更深入，随时检查出的过滤器上的MDN或了解CSS滤镜效果，对HTML5的岩石，这两者的覆盖过滤器的一般话题的更多细...

2015-01-27 00:00:00 155

翻译 jquery选择器 css_使用CSS过滤器和jQuery构建一个简单的图像编辑器

jquery选择器 css CSS过滤器是仅使用CSS即可处理图像的强大工具。一旦在所有浏览器中实现，您就可以将效果应用于图像，而无需外部软件。 CSS过滤器本身就是一个巨大的话题，在这里我将不讨论所有可用的过滤器。我要谈论的是如何使用多个滤镜产生复杂的效果-并创建自己的图像编辑器。如果您想更深入地研究，请随时查看MDN上的“过滤器”或HTML5 Rocks上的“ 了解CSS过滤器效...

2015-01-27 00:00:00 78

翻译视频：使用Google Maps创建惊人的应用程序

你会看到谷歌地图被用来作为一个功能几乎任何地方，你看这几天。如果你要签新餐厅的网站，或者当地杂货店的联系页面，没准你会在工作中很难找到谷歌地图API。在这个视频中，我将探讨谷歌地图的优点和功能，并且向你展示其它网站定制了谷歌地图API，使其更具吸引力，互动性和知识性地图。 from: https://www.sitepoint.com//video-create-amazing-appl...

2015-01-26 00:00:00 65

翻译免费下载谷歌maps软件_视频：使用Google Maps创建惊人的应用程序

免费下载谷歌maps软件如今，您几乎会在任何地方看到Google地图都被用作一项功能。如果您要查看新餐厅的网站或当地杂货店的联系页面，则可能会发现Google Maps API难以使用。在本视频中，我将探讨Google Maps的优势和功能，并向您展示其他网站如何自定义Google Maps API，使其成为更具吸引力，互动性和信息量更大的地图。翻译自: https://www.si...

2015-01-26 00:00:00 70

翻译使用jQuery和Web Storage API自动填写表格

在一个项目中，我开发了一个几年前就有了由主要领域的搜索表单，然后其他许多领域细化搜索。在该项目中，用户通常需要与改变只有一个或两个字段执行相同的搜索多次。一次又一次地填写表格是一个痛苦，所以我们决定帮助用户快速地实现他们的目标。在本文中，我将向您展示如何重新使用相同的改进jQuery的， jQuery.deserialize和Web存储API 。要求为了提高我在介绍中提到的形式...

2015-01-19 00:00:00 177

翻译 jquery表格自动刷新_使用jQuery和Web Storage API自动填写表格

jquery表格自动刷新几年前，在我开发的一个项目中，有一个搜索表，该表由一个主字段构成，然后由许多其他字段构成以优化搜索。在该项目中，用户通常只需要更改一个或两个字段即可多次执行相同的搜索。一次又一次地填写表格很痛苦，因此我们决定帮助用户快速实现他们的目标。在本文中，我将向您展示如何使用jQuery ， jQuery.deserialize和Web Storage API重新创建相同...

2015-01-19 00:00:00 152

翻译将Redis与Node.js结合使用

Redis是一个快速，高效的内存键值存储。它也被称为一个数据结构服务器，密钥可以包含字符串，列表集，散列值和其他数据结构。如果你正在使用Node.js的，你可以使用node_redis模块与Redis的互动。本教程介绍使用从Node.js的应用与Redis的交互的各种方式node_redis库。安装node_redis node_redis ，你可能已经猜到了，是Node.js的Re...

2015-01-14 00:00:00 155

翻译 node.js redis_将Redis与Node.js结合使用

node.js redis Redis是一种快速高效的内存中键值存储。它也被称为数据结构服务器，因为键可以包含字符串，列表，集合，哈希和其他数据结构。如果使用的是Node.js，则可以使用node_redis模块与Redis进行交互。本教程介绍了使用node_redis库从Node.js应用程序与Redis进行交互的各种方式。安装node_redis 您可能已经猜到了， node_...

2015-01-14 00:00:00 95

翻译自定义事件和Ajax友好的页面就绪检查

不久前，我建了一个Chrome扩展，允许用户导出列表从Trello。你可以看到这是如何做的短统这里。这扩展了一些空间去改善，虽然。例如，检查董事会是否已经改变-这是不到简单的事考虑所有Trello的是ajaxy和URL通过检测不到pushState的变化。我们也希望它支持具有多个Trello标签打开，所以只是检查URL不会做。这也将是很好的，如果我们能以某种方式确保页面加载缓慢不影...

2015-01-13 00:00:00 104

翻译 HTML5视频：片段，字幕和动态缩略图

想要对在线视频做更多工作的Web和应用程序开发人员可能会发现，三个鲜为人知的（或至少很少被讨论的）HTML5视频功能可能会开启许多新颖的技术，以新的方式集成视频。在本文中，我将描述：媒体片段，track元素以及HTML5视频轻松与其他元素集成的能力。媒体片段媒体片段或媒体片段URI 是W3C推荐的，旨在在Web浏览器中启用本机视频处理的某些方面。目前，此功能可用于在特定的时间点...

2015-01-13 00:00:00 256

翻译自定义ajax_自定义事件和Ajax友好的页面就绪检查

自定义ajax 不久前，我构建了一个Chrome扩展程序，该扩展程序允许用户从Trello导出列表。您可以在此处查看有关该操作的简短系列。不过，该扩展还有一些改进的余地。例如，检查开发板是否已更改–考虑到所有Trello都是ajaxy，并且通过无法检测到的pushstate更改URL并非一件容易的事。我们还希望它支持打开多个Trello选项卡，因此仅检查URL不会这样做。如果我们能...

2015-01-13 00:00:00 75

翻译 html视频缩略图_HTML5视频：片段，字幕和动态缩略图

html视频缩略图想要对在线视频做更多工作的Web和应用程序开发人员可能会发现，三个鲜为人知或至少很少被讨论HTML5视频功能可能会开启许多新的创造性技术，以新方式集成视频。在本文中，我将描述：媒体片段，track元素以及HTML5视频轻松与其他元素集成的能力。媒体片段媒体片段或媒体片段URI 是W3C推荐的，旨在在Web浏览器中启用本机视频处理的某些方面。目前，此功能...

2015-01-13 00:00:00 1156

翻译 QUnit 1.16的新增功能

测试是每个开发人员的工作流程的重要组成部分，或者至少是应该的。一些几年前的调查显示，大约50 JavaScript开发人员％完全不写测试，这是一个有点吓人。几个月前，我试图鼓励在JavaScript中约3件系列测试的实践QUnit ，一个JavaScript单元测试框架。如果你错过了，这个系列是由物品的入门QUnit ，如何测试异步代码QUnit和QUnit高级概念：模块和配置。去...

2015-01-12 00:00:00 97

翻译 qunit sap_QUnit 1.16的新增功能

qunit sap 测试是每个开发人员工作流程的重要组成部分，或者至少应该如此。几年前的一项调查显示，大约50％JavaScript开发人员根本不编写测试，这有点吓人。几个月前，我试图通过关于JavaScript单元测试框架QUnit的三部分系列来鼓励使用JavaScript进行测试的实践。如果您错过了它，那么本系列文章由QUnit入门，如何使用QUnit和QUnit高级概念：模块和配置...

2015-01-12 00:00:00 69

翻译信标API简介

灯塔API，很容易让Web开发人员发送少量的数据，如分析或诊断数据，回异步，而当前页是卸载服务器。在这篇文章中，我们将看到一些问题的信标API解决了，并告诉你如何使用API。如果没有信标API，将数据发送回服务器时从页面的用户导航离开可能是麻烦似乎比。你不希望加载延迟下一个页面，因为这将损害您的网站的用户体验。然而，你不希望失去有价值的信息，可以帮助提高你的网站：太早可能意味着你失...

2015-01-09 00:00:00 180

翻译华为角标api_信标API简介

华为角标api 使用Beacon API，Web开发人员可以在当前页面卸载时轻松地将少量数据（例如分析或诊断数据）异步发送回服务器。在本文中，我们将探讨Beacon API所解决的一些问题，并向您展示如何使用API。如果没有Beacon API，则当用户离开页面导航时将数据发送回服务器可能会比看起来复杂。您不想延迟下一页的加载，因为这会损害用户对您网站的体验。但是，您不想散布有助于...

2015-01-09 00:00:00 206

翻译如何构建Trello Chrome扩展程序-导出列表

在前面的部分，我们建立了我们的扩展的基础知识，通过自定义的基础动力设置屏幕实现身份验证和使用Trello的JavaScript客户端库。在这一部分中，我们将通过增加出口逻辑和UI完成我们的扩展。消息当我们使用Trello设置屏幕上进行身份验证时，Trello令牌保存在本地存储。然而，该设置页面为自己的页面，并有效，其自身的环境 - ERGO，无论是扩展的背景页面，也没有扩展的内容脚...

2015-01-08 00:00:00 240

翻译 trello怎么导出表格_如何构建Trello Chrome扩展程序-导出列表

trello怎么导出表格在上一部分中，我们构建了扩展的基础，通过基于Foundation的自定义设置屏幕并使用TrelloJavaScript客户端库来实现身份验证。在这一部分中，我们将通过添加导出逻辑和UI来完成扩展。讯息传递当我们在设置屏幕上通过Trello进行身份验证时，Trello令牌将保存在本地存储中。但是，设置页面是它自己的页面，并且实际上是它自己的环境– ergo，...

2015-01-08 00:00:00 886

翻译使用Chart.js创建漂亮的图表

内容为王。我们都听到或读到这句话，表达多么好的文本可以驱动的，因为搜索引擎的效果转换。然而，虽然文字是优秀的搜索引擎，有时人们可以更好地通过看图片或图表理解的概念。例如，如果你的网站是专门关于调查，有关的调查描述是重要的，但汇总调查的数据图表是为您的用户更强大。在本文中，我将向你介绍所谓chart.js之一个JavaScript库，采用HTML5的canvas元素绘制在页面上的图表。...

2015-01-07 00:00:00 170

翻译 chart.js 图表刷新_使用Chart.js创建漂亮的图表

chart.js 图表刷新内容为王。我们都听过或读过这句话，表达了由于对搜索引擎的影响，好的文字可以如何推动转化。但是，尽管文本对于搜索引擎而言非常出色，但有时人们可以通过查看图像或图表来更好地理解概念。例如，如果您的网站专门研究调查，则关于调查的描述很重要，但是汇总调查数据的图表对用户的功能要强大得多。在本文中，我将向您介绍一个名为Chart.jsJavaScript库，该库使用...

2015-01-07 00:00:00 476

翻译如何构建Trello Chrome扩展程序-API身份验证

在SitePoint，我们使用Trello广泛。当然，它有它的怪癖，可能在各个领域使用或两个改善，但在大多数情况下，它是革命性的，不仅员工的协作体验，而且作者和他们的编辑。我最近发现自己需要卡的标题从特定列表导出为一个非成员。默认情况下，Trello仅支持全板出口到JSON和在这个时候，我崩溃选项卡上的100多个成员组成的董事会与数以百计的卡。有Trello扩展的小军在店里，然而奇怪...

2015-01-06 00:00:00 152

翻译 trello_如何构建Trello Chrome扩展程序-API身份验证

trello 在SitePoint，我们广泛使用Trello。当然，它有其独特之处，可以在各个领域使用一两个改进，但是在大多数情况下，它彻底改变了工作人员，作者及其编辑的协作经验。我最近发现自己需要从非会员的特定列表中导出卡标题。默认情况下，Trello仅支持将整个面板导出到JSON，这会使我的选项卡在100个成员以上，数百张卡片的面板上崩溃。商店中有一小批Trello扩展程序，但是奇...

2015-01-06 00:00:00 204

翻译 javascript_JavaScript走向成熟

javascript 明年JavaScript将有20年的历史（从首次在Netscape浏览器中首次亮相开始算起）。这是一门具有悠久历史的语言，并且从其早期开始就带来了很多负担，但是随着它离开少年时代的到来，我认为这是一种最终发展起来的语言。 JavaScript通过允许脚本在浏览器中运行来彻底改变了Web。但是，在最初流行之后，它很快就开始受到不良声誉，并且经常与编写不良，剪切粘贴的代码...

2015-01-02 00:00:00 78414