2014年08月_dingshi7798

翻译使用Laravel构建REST资源

在这一部分，我们将开始工作，REST接口。创建于Laravel一个REST API是不是很困难。所有我们需要记住的是，我们正在处理EmberJS，而我们不希望从头开始写一个新的适配器。像往常一样，你可以找到这部分的源代码github上。从哪儿开始？这是一个很难回答的问题。 Ember公司都有自己的工作流程和逻辑。如果我们开始写我们与逻辑的头脑，我们将节省一些时间休息，我们将有一...

2014-08-29 00:00:00 141

翻译在我们的雷达上：演练，黑匣子和卑鄙的遗产

创造更好的演练和苹果设计师的经验教训创建演练有时可以是具有挑战性的，所以这里的一些帮助来写出更好的演练，使用一个3×3的方法，你的产品。它说：“如果你不能简单地解释它，你不明白它不够好。” 在这个想法行，你煮什么，为什么，以及如何您的产品了。从这个基础上你就可以建立你的演练，义无反顾的基本面，你在磨练与上述技术。在苹果公司，我们知道学到的苹果设计师最大的教训是，即使我们得到的印象是...

2014-08-29 00:00:00 67

翻译 laravel rest_使用Laravel构建REST资源

laravel rest 在这一部分中，我们将开始使用REST接口。在Laravel上创建REST Api并不是很困难。我们需要记住的是，我们正在处理EmberJS，并且我们不想从头开始编写新的适配器。和往常一样，您可以在github上找到此部分的源代码。从哪儿开始？这是一个很难的问题。 Ember具有自己的工作流程和逻辑。如果我们开始考虑这种逻辑来编写REST，我们将节省一些...

2014-08-29 00:00:00 170

翻译雷达和激光雷达_在我们的雷达上：演练，黑匣子和卑鄙的遗产

雷达和激光雷达创建更好的演练和Apple设计师课程创建演练有时可能会很困难，因此，这里有一些帮助，可以使用3×3方法为您的产品编写更好的演练。有人说：“如果您不能简单地解释它，则说明您不够了解。” 根据这个想法，您可以归纳出产品的内容，原因和方式。然后，您可以从此基础上逐步构建，然后再回到使用上述技术磨练的基础知识上。在苹果公司，我们了解到，作为苹果设计师，我们获得的最大教...

2014-08-29 00:00:00 93

翻译使用CouchDB和Angular跟踪费用

在本教程中，我们将使用CouchDB的为我们的后端和角作为首选的前端技术构建应用程序。 CouchDB的是一个NoSQL的数据库和新的JavaScript MVC框架的角度之一。令人兴奋的，真棒的事情是，CouchDB的是一个数据库，一个HTTP API - 我们的客户端应用程序将直接与数据库对话：CouchDB的将作为唯一的后台，我们需要为我们的客户端应用程序！我们将专注于一个小应用程...

2014-08-28 00:00:00 162

翻译 hbase和couchdb_使用CouchDB和Angular跟踪费用

hbase和couchdb 在本教程中，我们将使用CouchDB作为后端并选择Angular作为前端技术来构建应用程序。 CouchDB是NoSQL数据库，而Angular是更新JavaScript MVC框架之一。令人兴奋和令人敬畏的是，CouchDB是具有HTTP API的数据库–我们的客户端应用程序将直接与该数据库通信：CouchDB将充当我们客户端应用程序所需的唯一后端！我们将专注...

2014-08-28 00:00:00 117

翻译用Eloquent，Faker和Flysystem建立数据库

在这一部分，我们将创建数据库的结构。我们将使用迁移创建表和使用播种机播种的数据库。此外，您将学习如何从抓住一些随机图像LoremPixel ，并把它们使用文件系统Flysystem 。您还需要添加使用一些随机生成的数据法克尔库。希望能与第1部分，您可以下载这部分的代码github上。安装库安装非常简单与作曲。要求这些项目： "fzaninotto/faker": "1...

2014-08-27 00:00:00 78

翻译 5个可提高网站性能的艰巨任务

在SitePoint我多次提到过如何实现良好的性能是一个主要关注的今天，如何你应该努力实现快速网页。在关于JavaScript API，比如我的一些文章介绍到资源定时API和发现用户计时API ，我给你所有你需要知道什么是放慢您的项目的能力。今年早些时候，克雷格·巴克勒覆盖这个话题也与他的文章完全指南减少页面权重。如果你没有在过去卡住了，你可能使用了任务运行像步兵或咕嘟咕嘟通过自动化了...

2014-08-27 00:00:00 80

翻译 eloquent 新增数据_用Eloquent，Faker和Flysystem建立数据库

eloquent 新增数据在这一部分中，我们将创建数据库的结构。我们将使用迁移创建表，并使用播种器播种数据库。另外，您还将学习如何从LoremPixel中获取一些随机图像，并使用Flysystem将其放置在文件系统中。您还将使用Faker库添加一些随机生成的数据。与第1部分非常相似，您可以从github下载此部分的代码。安装库使用Composer安装非常简单。需要这些...

2014-08-27 00:00:00 75

翻译 yytext 行艰巨_5个可提高网站性能的艰巨任务

yytext 行艰巨我在SitePoint上多次提到，如何获得良好的性能是当今的主要关注点，以及您应该如何争取快速的网页。在我的一些有关JavaScript API的文章中，例如“资源定时API简介”和“ 发现用户定时API” ，我为您提供了了解使项目变慢的所有功能。今年早些时候，克雷格·巴克勒（Craig Buckler）也用他的文章《降低页面重量的完整指南》涵盖了这个话题。如果您不...

2014-08-27 00:00:00 74

翻译加快Node.js Web应用速度的10条技巧

其事件驱动和异步特性的Node.js已经极快的感谢。但是，在现代网络仅仅是快是不够的。如果您正计划开发你的下一个Web应用程序如何使用Node.js你必须采取一切可能的步骤，以确保您的应用程序比平时快。本文介绍了10个技巧，已知会大大加快您的基于节点的Web应用程序。那么，让我们来看看他们每个人一个接一个。 1.并行运行在构建Web应用程序，有时你会需要进行多次内部API调用来获取...

2014-08-25 00:00:00 149

翻译 node.js web框架_加快Node.js Web应用速度的10条技巧

node.js web框架由于其事件驱动和异步特性，Node.js已经Swift发展起来。但是，在现代网络中，仅仅保持速度还不够。如果您打算使用Node.js开发下一个Web应用程序，则必须采取一切可能的步骤来确保您的应用程序比平时更快。本文介绍了10个技巧，这些技巧可极大地提高您基于Node的Web应用的速度。因此，让我们一一看一下。 1.并行运行在构建Web应用程序时，有时...

2014-08-25 00:00:00 81

翻译在Vagrant中使用Laravel和EmberJS构建新应用

如今，一切都变成了一个Web应用程序。即使是简单的网站有一个移动应用程序依靠REST API。 Web应用程序都可以访问无处不在 - 在笔记本电脑，台式机，平板电脑，手机，最近喜欢上的智能手表可穿戴设备。一切都变得更小，更快 - 前端正在成为从后端分离，并通过API只与服务器通信。我们会怎样来构建？在这个系列中，我们将创建一个照片上传应用程序。对于前端，我们将使用EmberJs和基...

2014-08-22 00:00:00 120

翻译使用RequireJS构建库

RequireJS是用于浏览器的AMD模块加载器，可以异步加载脚本和CSS文件。您不再需要处理单个文件中脚本文件的顺序（例如index.html）。取而代之的是，您只需将代码包装在模块定义中，RequireJS将处理依赖项，从而使您的代码更加结构化和组织良好。它还具有优化工具，该工具可以对文件进行丑化和连接，以供生产使用。该官方站点提供了有关其API的大量文档，并且有许多示例存储库可...

2014-08-22 00:00:00 107

翻译 requirejs使用模块_使用RequireJS构建库

requirejs使用模块 RequireJS是用于浏览器的AMD模块加载器，可以异步加载脚本和CSS文件。您不再需要处理单个文件中脚本文件的顺序（例如index.html）。相反，您只需将代码包装在模块定义中，RequireJS将处理依赖项，从而使您的代码更加结构化和井井有条。它还具有优化工具，可以对文件进行丑化和连接，以供生产使用。该官方站点提供了有关其API的大量文档，并且有许...

2014-08-22 00:00:00 103

翻译 vagrant 应用场景_在Vagrant中使用Laravel和EmberJS构建新应用

vagrant 应用场景如今，一切都变成了Web应用程序。即使是简单的网站，也都有依赖REST Api的移动应用程序。 Web应用程序可在任何地方访问-在笔记本电脑，台式机，平板电脑，移动设备上，以及最近在可穿戴设备（如智能手表）上。一切都变得越来越小和越来越快–前端与后端越来越分离，只能通过API与服务器进行通信。我们将要建设什么？在本系列中，我们将创建一个照片上传应用程序。 ...

2014-08-22 00:00:00 98

翻译 AngularJS应用程序中的JavaScript动画

AngularJS是一个用于创建单页Web应用程序，将所有的功能一个功能丰富的框架，需要一个用于构建丰富的互动应用。其中一个是角度带来的主要特点是支持动画。我们可以用动画的应用程序的一部分指示改变发生。我在上一篇文章中我介绍了CSS动画的角度应用的支持。在这篇文章中，我们将看到如何利用JavaScript来动画AngularJS应用。在角，CSS和JavaScript动画之间唯一...

2014-08-21 00:00:00 87

翻译 javascript动画_AngularJS应用程序中JavaScript动画

javascript动画 AngularJS是一个功能丰富的框架，用于创建单页Web应用程序，带来了构建富功能和交互式应用程序所需的所有功能。 Angular带来的主要功能之一是动画的支持。我们可以为应用程序的一部分设置动画，以指示发生了更改。在上一篇文章中，我介绍了Angular应用程序中CSS动画的支持。在本文中，我们将看到如何利用JavaScript来动画化AngularJS应用。...

2014-08-21 00:00:00 67

翻译 jQuery速记Ajax方法简介

如果您从未听说过Ajax这个词，请举手。我敢打赌，几乎所有人的手臂都向下垂，靠近他们的身体。 Ajax 最初代表异步JavaScript和XML ，它是最常用的客户端方法之一，可帮助创建异步网站和Web应用程序。当然可以使用原始JavaScript执行Ajax调用，但是处理代码的所有不同部分可能会很痛苦。如果必须支持史前浏览器（例如Internet Explorer 6），则更是如此。 ...

2014-08-20 00:00:00 152

翻译如何使用Modern.IE在本地测试您的网站

这篇文章是由赞助Modern.IE 。感谢您的支持，使SitePoint可能的赞助商！有没有的前端工具来帮助我们测试我们的代码质量的不足。这些工具的一些例子是JSHint和JSLint的，我们的JavaScript文件，测试W3C标记验证，来测试我们的HTML代码是有效的，并按照说明书编写，并W3C CSS验证来验证我们的样式表，但也有还有很多。最近在SitePoint，我们一直在...

2014-08-19 00:00:00 133

翻译 modern php_如何使用Modern.IE在本地测试您的网站

modern php 本文由Modern.IE赞助。感谢您支持使SitePoint成为可能的赞助商！不乏可以帮助我们测试代码质量的前端工具。这些工具的一些示例包括JSHint和JSLint，测试我们JavaScript文件， W3C标记验证器，测试我们HTML代码是否有效并根据规范编写，以及W3C CSS验证器以验证我们的样式表。还有很多。最近在SitePoint上，我们一直在强...

2014-08-19 00:00:00 102

翻译在Rails中使用Google Maps

地图是导航世界的方式。他们给检查地球上的每一个位置，开辟了道路服务，如路由和土壤成分的能力。在这篇文章中，我将通过谷歌地图API（和一些替代品），并使用Rails集成。教程源库该源代码可在Github上库。每个功能都是单独提交，这样你就可以使用按照教学进度git checkout 。先决条件在使用Rails的Ruby的基本知识RailsBricks 。 JavaScr...

2014-08-15 00:00:00 345

翻译这周在我们的雷达上：JavaScript是否吸引人？

CSS动画并使其持续。亚历克斯在本周引起我们注意的一个挑战，重新创建GIF图像仅使用HTML和CSS ，在绿色广场摇身一变为蓝色三角形，然后到一个红色圆圈。这是相当的挑战，这我想使用马尔卡美丽的图标转换。我们还看到的是可以使用CSS来实现一个漂亮的弯曲打开和关闭霍比特人的前盖，以访问CodePen代码，看看它是如何做。大部分上述使用奇怪的技巧和技术来实现的。相反，如果你希望你...

2014-08-15 00:00:00 89

翻译可学的截屏视频：使用JavaScript创建产品转盘

有数以百万计的今天在网络上购物和产品评论网站。而几乎所有的人通常具有产品和设备的静态照片，他们提供的。如果你能展示产品360度的动画转盘只有JavaScript的几个简单的线条和渲染的一组3D或拍摄的图像？这正是我们将在本视频覆盖。在这个截屏，您将学习如何利用图像序列和使用JavaScript的几行把它变成一个动画转盘可以方便地在你的网站上嵌入，而无需任何额外的插件或软件。在实际...

2014-08-15 00:00:00 63

翻译 rails pry使用_在Rails中使用Google Maps

rails pry使用地图是导航世界的方式。他们具有检查地球上每个位置的能力，从而为路线和土壤成分等服务开辟了道路。在本文中，我将介绍Google Maps API（和一些替代方法）并将其与Rails集成。教程源存储库源代码可从Github存储库中获得。每个功能都是一个单独的提交，因此您可以使用git checkout跟随教程的进度。先决条件使用RailsBri...

2014-08-15 00:00:00 434

翻译这周在我们的雷达上：JavaScript会烂吗？

使CSS动画并使其持久。 Alex本周吸引了我们的注意，它面临着仅使用HTML和CSS来重新创建此GIF图像的挑战，其中一个绿色正方形变为一个蓝色三角形，然后变为一个红色圆圈。这确实是一个挑战，这使我很想使用Marka进行漂亮的图标转换。我们还看到CSS可用于实现The Hobbit弯曲打开和闭合的漂亮封面，并可以访问CodePen代码以了解其工作方式。以上大部分都是使用...

2014-08-15 00:00:00 131

翻译 javascript 截屏_可学的截屏视频：使用JavaScript创建产品转盘

javascript 截屏如今，网上有数百万个购物和产品评论网站。几乎所有这些产品通常都具有所提供产品和设备的静态照片。如果您可以仅用几行简单JavaScript代码和一组3D渲染或拍摄的图像来展示360度动画产品转盘，该怎么办？这正是我们将在本视频中介绍的内容。在此截屏视频中，您将学习如何拍摄图像序列，并使用几行JavaScript将其转换为动画转盘，可以轻松地将其嵌入到站点中，而...

2014-08-15 00:00:00 55

翻译 CSS“位置：粘性” –简介和Polyfills

如果你读过的文章明显的设计总是赢的Annarita Tranfici，则可能是她的说法：人们期望看到的常见模式：发现在页面顶部的主菜单，在右上角的搜索框，在底部的页脚，等等。我认为，人们期待一个网站的某些组件被放置在一个特定的位置，在我看来，这当它涉及到主菜单，则更是如此。有时，由于客户端请求或者是因为我们已经确定这是最好的方法，我们可以要求主导航留在页面上始终可见，而不会被固定在适...

2014-08-14 00:00:00 178

翻译 Processing.js vs P5.js –有什么区别？

几天以前， P5.js被释放到野外。这是一个JavaScript库，用于随后的处理原则可视化编程。按照这篇文章：处理是一个环境/编程语言，是为了使视觉，交互式应用程序非常容易编写。它可用于一切从教孩子如何代码以可视化的科学数据。这是这部分的背后是这样巫术语言：和这个：，当然，一切你可以找到这里。但是，如果我们有processing.js之前，有什么P5.js？ ...

2014-08-14 00:00:00 1322

翻译 processing.js_Processing.js vs P5.js –有什么区别？

processing.js 几天前， P5.js被释放了。这是一个遵循处理原则的用于可视化编程JavaScript库。根据这篇文章：处理是一种环境/编程语言，旨在使视觉交互式应用程序非常易于编写。它可以用于从教孩子如何编码到可视化科学数据的所有事情。这样的语言部分落后于巫术：还有这个：当然，您也可以在这里找到所有内容。但是，如果以前有过processi...

2014-08-14 00:00:00 435

翻译 css粘性布局_CSS“位置：粘性” –简介和Polyfills

css粘性布局如果您已阅读Annarita Tranfici的文章“ 显而易见的设计总是赢家”，则您可能会同意她的说法：人们希望看到常见的模式：在页面顶部找到主菜单，在右上角找到搜索框，在底部找到页脚，依此类推。我同意人们期望将网站的某些组件放置在特定位置，并且我认为，在主菜单中，这一点更为真实。有时，由于客户的请求或我们已经确定这是最好的方法，我们可能要求主导航在页面上始终保...

2014-08-14 00:00:00 349

翻译 QUnit入门

软件测试是评价一个软件来检测对于给定的一组输入预期与实际输出之间的差的处理。测试，尤其是单元测试，应该是每一个开发人员的工作的重要组成部分。不幸的是，许多开发商似乎被吓本次活动。在JavaScript中有很多的框架，我们可以选择来测试我们的代码库。一些例子是摩卡，硒和QUnit 。在本文中，我将向您介绍QUnit。 QUnit是jQuery开发团队，这是相同的幕后团队像jQuer...

2014-08-13 00:00:00 156

翻译 qunit sap_QUnit入门

qunit sap 软件测试是评估软件以检测给定输入集的预期输出与实际输出之间的差异的过程。测试，尤其是单元测试，应该是每个开发人员生活中必不可少的一部分。不幸的是，许多开发人员似乎对此活动感到害怕。在JavaScript中，我们可以选择很多框架来测试我们的代码库。 Mocha ， Selenium和QUnit是一些示例。在本文中，我将向您介绍QUnit。 QUnit是由jQuery团...

2014-08-13 00:00:00 71

翻译使用JavaScript更快地嵌入YouTube

我们希望我们的游客，让我们的内容尽可能地快，这意味着内容的需求要轻，并与要求的最低数量。但是，我们希望确保我们对网页的用户，并予以受理。这是嵌入视频进入现场。视频说明我们的文字内容，带给生活的微博，往往是由第三方提供。更重要的是要问？嗯，有一个隐藏的价格标签：视频是缓慢而沉重的下载，即使游客不看他们。一个通过一个IFRAME无害称为页面上的一个简单的视频可以添加多达6个HTT...

2014-08-12 00:00:00 4848

翻译使用Phaser进行JavaScript游戏编程

移相器是用于桌面和移动HTML5的游戏框架。它的快速，自由和开放源码。移相器是目前在2.0.7版本。它同时支持WebGL和帆布。它有一堆的功能，可帮助您在游戏的开发。它像Flixel游戏框架为ActionScript 3。在本文中，我们将建立一个游戏的骨架移相器，利用Phaser.State 。为简单起见，我们不会使用像精灵或团体的任何移相器的游戏对象。我会提及关于充斥着一点点好...

2014-08-08 00:00:00 216

翻译 jQuery基于滚动的动画简介

网络每天都在变化。新技术和新技术应运而生。因此，网页设计师和前端开发人员必须熟悉许多最新的网页设计趋势。视差滚动，固定页眉，平面设计，一页网站和动画是当前最热门的Web趋势。在本教程中，我们将介绍使用CSS和jQuery的基于滚动的动画和效果。在本演示中可以查看我们将要创建的四个效果。但是在获得效果之前，我们先做一个简短的介绍。注意：本教程中使用的代码可以通过对象缓存和CSS...

2014-08-08 00:00:00 190

翻译 phaser游戏_使用Phaser进行JavaScript游戏编程

phaser游戏 Phaser是适用于台式机和移动设备HTML5游戏框架。它是快速，免费和开源的。 Phaser当前版本为2.0.7 。它同时支持WebGL和Canvas。它具有许多功能，可帮助您进行游戏开发。就像ActionScript 3的Flixel游戏框架一样。在本文中，我们将使用Phaser.State使用Phaser构建游戏框架。为简单起见，我们将不使用任何Phaser游戏对...

2014-08-08 00:00:00 199

翻译 jquery滚动条设置动画_jQuery基于滚动的动画简介

jquery滚动条设置动画网络每天都在变化。新技术和新技术应运而生。因此，网页设计师和前端开发人员必须熟悉许多最新的网页设计趋势。视差滚动，固定标题，平面设计，一页网站和动画是当前Web上最热门的趋势。在本教程中，我们将介绍使用CSS和jQuery的基于滚动的动画和效果。在本演示中可以查看我们将要创建的四个效果。但是在获得效果之前，我们先做一个简短的介绍。注意：本教程中...

2014-08-08 00:00:00 1020

翻译 HTML5 Web音频API教程：构建虚拟Synth Pad

万维网联盟的网络音频工作草案是一个高层次的API，允许开发人员处理，合成，并在网络应用程序，如HTML5游戏或虚拟乐器分析音频信号。网络音频使用的AudioContext接口来表示AudioNodes。内的AudioContext音频文件，作为一个例子，连接到处理节点，其又被连接到像在笔记本电脑上的扬声器的目的地。在AudioContext每个节点是模块化的，使得web开发者可以插入（或...

2014-08-07 00:00:00 222

翻译生成 synth_HTML5 Web音频API教程：构建虚拟Synth Pad

生成 synth 万维网联盟的Web音频工作草案是一个高级API，允许开发人员处理，合成和分析HTML5游戏或虚拟乐器等Web应用程序中的音频信号。 Web Audio使用AudioContext接口表示AudioNode。例如，在AudioContext中，音频文件连接到处理节点，该处理节点又连接到目的地，例如笔记本电脑上的扬声器。 AudioContext中的每个节点都是模块化的，因此W...

2014-08-07 00:00:00 217

空空如也

空空如也