自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(46)
  • 收藏
  • 关注

翻译 使用LightBlue Bean和IFTTT自动化LIFX灯

所述LightBlue豆是一个小的低能量蓝牙Arduino的微控制器,具有一个内置的3轴加速度计和温度传感器。 这是相当添加连接到通过蓝牙连接,而不是无线网络连接的对象一个有趣的方式。 它具有数字和模拟引脚像一个典型的Arduino,所以你可以扩展它可以通过添加新元素的设立做。 为了添加新的元素,是必需的一点的焊接。 在这篇文章中,我想要一个无焊接演示,只要有LightBlue Bean可以有...

2015-08-31 00:00:00 125

翻译 lightblue使用教程_使用LightBlue Bean和IFTTT自动化LIFX灯

lightblue使用教程 LightBlue Bean是一款小型低功耗蓝牙Arduino微控制器,具有内置3轴加速度计和温度传感器。 通过蓝牙连接而不是Wi-Fi向对象添加连接是非常有趣的方法。 它具有像典型的Arduino一样的数字和模拟引脚,因此您可以通过在设置中添加新元素来扩展其功能。 为了添加新元素,需要一点焊接。 对于本文,我想要一个无焊点的演示,任何拥有LightBlue Bea...

2015-08-31 00:00:00 1712

翻译 仅用18行JavaScript构建一个倒数计时器

有时候,你将需要建立一个JavaScript倒计时钟。 你可能有一个事件,销售,促销,或游戏。 你可以建立在原始的JavaScript时钟,而不是伸手最近的插件。 虽然有许多伟大的时钟插件,你在这里会使用原始的JavaScript得到了实惠: 您的代码将是轻量级的,因为它会具有零层的依赖。 您的网站将更好地履行。 您将不需要加载外部脚本和样式表。 您将有更多的控制。 您将内置时钟的行为正是...

2015-08-28 00:00:00 136

翻译 具有jQuery,Bootstrap和Shield UI Lite的可编辑网格

在这短短的文章中,我提供几个简单的步骤来设置使用可编辑网格(或表) 引导和屏蔽UI精简版 。 屏蔽UI精简版是一个开源jQuery库,其包括,其它部件,一个jQuery网格之中。 栅格支持编辑外的所述盒,以及排序,分组,和不同的列的编辑器。 关于盾UI精简版 盾的用户界面是一个Web组件开发公司,专门从事设计,开发和UI组件纯JavaScript开发的市场,以及在ASP.NET,ASP.N...

2015-08-27 00:00:00 103

翻译 使用Visual Studio和ASP.NET在一个小时内构建网络游戏

这篇文章是从微软的Web开发系列的一部分。 感谢您支持谁使SitePoint可能的合作伙伴。 本文讨论: 基本的游戏开发理念 使用Web技术的游戏开发 添加游戏控制和人工智能 技术讨论: 的Visual Studio 2013专业版时,Visual Studio 2013社区,ASP.NET 代码下载文件(.zip) 你并不需要一个全新的技能来开发游戏。 事实上,在HTML,Ja...

2015-08-27 00:00:00 291

翻译 stack_MEAN Stack简介

stack 自从缩写LAMP(Linux Apache MySql PHP)创建以来,已经很久了。 今天,另一个非常常见的堆栈是MEAN堆栈。 也许并非所有人都知道缩写词“ MEAN”代表什么,所以让我们从基础开始。 MEAN代表MongoDB , Express , AngularJS和Node.js。 它处理用于构建网站和Web应用程序的全栈JavaScript解决方案。 从数据库到后端代码和...

2015-08-27 00:00:00 187

翻译 介绍enquire.js

一段时间以来,我一直在使用的enquire.js库 ,以增加在JavaScript中使用的媒体查询。 我已经有很多使用各种项目库的成功,但我见过的大多数开发人员承认他们从来没有使用过或听说过它。 在这篇文章中,我想给你介绍图书馆,解释为什么你会想如何使用它。 什么是enquire.js? enquire.js是一个轻量级的,纯JavaScript库,用于应对CSS媒体查询。 在我自己的话,...

2015-08-26 00:00:00 2697

翻译 如何将jQuery的$ .ajax()用于异步HTTP请求

毫无疑问, 阿贾克斯已经席卷网络的发展,它是有史以来最成功的范例之一。 在我的文章介绍到jQuery的速记方法阿贾克斯 ,我讨论了一些jQuery的最常用的Ajax速记方法: $.get() $.post()和$.load() 他们是在制作的几行代码Ajax请求方便的方法。 有时候,我们需要更多的控制权Ajax调用我们要。 例如,我们要指定在什么情况下应该发生一个Ajax调用失败,或者我们需要...

2015-08-26 00:00:00 349

翻译 观看:React中的条件渲染

今天我们将建立在上周具有条件呈现秒表组件 。 我们将有条件地显示基于我们的组件的状态开始和停止按钮。 此外,我们将添加一个复位按钮,这样我们就可以复位定时器。 这是第2部分建筑秒表在阵营系列。 正在载入播放器... from: https://www.sitepoint.com//watch-conditional-rendering-in-react/...

2015-08-26 00:00:00 84

翻译 enquire_link_介绍enquire.js

enquire_link 一段时间以来,我一直在使用enquire.js库来增强JavaScript中媒体查询的使用。 我在各种项目中使用该库都取得了很大的成功,但是我遇到的大多数开发人员都承认他们从未使用过,甚至从未听说过它。 在本文中,我想向您介绍该库,并解释为什么以及如何使用它。 什么是enquire.js? enquire.js是一个轻量级的纯JavaScript库,用于响应C...

2015-08-26 00:00:00 336

翻译 react条件渲染_观看:React中的条件渲染

react条件渲染 今天,我们将在上周的秒表组件的基础上进行条件渲染 。 我们将根据组件的状态有条件地显示开始和停止按钮。 此外,我们将添加一个重置按钮,以便我们重置计时器。 这是在React中构建秒表系列的第2部分。 正在加载播放器… 翻译自: https://www.sitepoint.com/watch-conditional-rendering-in-react/react条件...

2015-08-26 00:00:00 86

翻译 使用ngMessages在AngularJS中轻松进行表单验证

去年秋天, ngMessages模块是推出了与角1.3的发布。 从表单验证通常错误消息 - 用于显示信息给用户加入这个增强的支持。 发布之前ngMessages ,开发商被迫依靠指令,如ng-class和ng-show ,以显示这些错误。 这导致混乱,重复的代码。 然而,现在ngMessages提供无需违反编码的DRY原则显示自定义错误信息的能力-不重复自己。 而且,作为对角2.0版本稳步推进...

2015-08-24 00:00:00 164

翻译 angularjs表单验证_使用ngMessages在AngularJS中轻松进行表单验证

angularjs表单验证 去年秋天,随着Angular 1.3的发布, ngMessages模块被推出。 这增加了对向用户显示消息的增强支持-通常是来自表单验证的错误消息。 在ngMessages发行之前,开发人员被迫依靠ng-class和ng-show ng-class指令来显示这些错误。 这导致代码混乱,重复。 但是,现在, ngMessages提供了显示自定义错误消息的功能,而不必违反...

2015-08-24 00:00:00 128

翻译 没有jQuery的Vanilla Ajax指南

简称异步JavaScript和XML, Ajax的是制作部分页面更新的机制。 它使您能够更新数据来自服务器页面的部分,同时避免了完全刷新的需要。 这样做的部分更新,可有效地创造流畅的用户体验,并且可以降低服务器上的负载放。 这是一个基本的Ajax请求的剖析: var xhr = new XMLHttpRequest();xhr.open('GET', 'send-ajax-data.php...

2015-08-21 00:00:00 121

翻译 vanilla_没有jQuery的Vanilla Ajax指南

vanilla Ajax是异步JavaScript和XML的缩写,是一种用于进行部分页面更新的机制。 它使您可以使用来自服务器的数据更新页面的各个部分,同时避免完全刷新的需要。 以这种方式进行部分更新可以有效地创造流畅的用户体验,并减少服务器上的负载。 这是基本的Ajax请求的剖析: var xhr = new XMLHttpRequest();xhr.open('GET', 'send...

2015-08-21 00:00:00 120

翻译 使用TypeScript Angular 2入门

这篇文章是基于一个alpha版2角的是现在已经过时。 对于一个上最新的教程,请参阅文章角2教程:创建一个CRUD应用程序与角CLI 。 角(即角的1.x)的当前稳定版本是使用ES5的功能内置,并打算在工作大部分浏览器,包括一些旧版本的IE的。 该框架必须建立它自己的模块系统,抽象掉一些语言特性,并提供一个高度抽象和配置基于接口的工作。 1角的一切好的东西仍然可用在角2,但该框架简单。 角2设...

2015-08-20 00:00:00 169

翻译 使用新的Vorlon.js插件进行远程调试和测试JavaScript

这篇文章是从微软的Web开发系列的一部分。 感谢您支持谁使SitePoint可能的合作伙伴。 在2015年4月,我们在微软的工程师和技术布道者队发动Vorlon.js ,一个开源的,用于远程调试和测试你的JavaScript扩展,平台无关的工具。 当我们在微软构建开发者大会的主题演讲中推出的项目中,我们只有三个插件:在DOM资源管理器,交互式控制台和Modernizr的。 我们知道,在这个时...

2015-08-20 00:00:00 118

翻译 typescript入门_使用TypeScript Angular 2入门

typescript入门 本文基于Angular 2的Alpha版本(现已淘汰)。 有关最新教程,请参阅文章Angular 2教程:使用Angular CLI创建CRUD应用程序 。 当前稳定的Angular版本(即Angular 1.x)是使用ES5的功能构建的,旨在在大多数浏览器(包括某些较旧版本的IE)上运行。 该框架必须创建自己的模块系统,抽象一些语言功能,并提供一个高度抽象且基于配置...

2015-08-20 00:00:00 116

翻译 javascript调试_使用新的Vorlon.js插件进行远程调试和测试JavaScript

javascript调试 本文是Microsoft的Web开发系列的一部分。 感谢您支持使SitePoint成为可能的合作伙伴。 2015年4月,我们在Microsoft的工程师和技术推广人员团队发布了Vorlon.js ,这是一个开源,可扩展,与平台无关的工具,用于远程调试和测试JavaScript。 当我们在Microsoft Build Developer Conference主题演...

2015-08-20 00:00:00 128

翻译 简介四:WebGL,但更轻松

现在的WebGL已经出现了几年,我们看着它成长为可靠的和广泛支持的图形技术,它是今天。 有了像谷歌,Mozilla和微软大公司主张其使用,这很难不被好奇吧。 由于其规格是在2011年完成,它已经获得了很多的吸引力。 有了这样的框架的帮助下ThreeJS , BabylonJS和播放帆布 ,这方面已变得不那么令人生畏。 由于他们可以更轻松拿起,但它仍然需要一个良好的学习努力,因为它是一个不同的学...

2015-08-19 00:00:00 243

翻译 观看:在React中捕获时间

今天,我们正在采取的第一个步骤从头开始建立一个秒表成分! 在接下来的视频,我们将通过建立这个功能秒表功能。 今天,我们专注于拍摄时间的setInterval。 Loading the player… jwplayer("video-5684").setup({ image: "https://d3rj1gznkm47xj.cloudfront.net/998280ce-3aa3-...

2015-08-19 00:00:00 115

翻译 react 捕获编译错误_观看:在React中捕获时间

react 捕获编译错误 今天,我们正在采取从头开始构建秒表组件的第一步! 在接下来的几个视频中,我们将逐个功能构建秒表功能。 今天,我们专注于使用setInterval捕获时间。 正在加载播放器… 翻译自: https://www.sitepoint.com/watch-capturing-time-in-react/react 捕获编译错误...

2015-08-19 00:00:00 54

翻译 webgl1到webgl2_简介四:WebGL,但更轻松

webgl1到webgl2 WebGL已经存在了几年,我们已经看到它已经发展成为当今可靠且得到广泛支持的图形技术。 像Google,Mozilla和Microsoft这样的大公司都提倡使用它,很难不对此感到好奇。 自2011年确定规格以来,它就吸引了很多人。 借助ThreeJS , BabylonJS和Play Canvas等框架,该领域已不再那么令人生畏。 多亏了他们,学习起来容易得多,但是...

2015-08-19 00:00:00 1841

翻译 视频:了解JavaScript中的阻塞语句

在本课程中,您将了解JavaScript的是如何让您组语句,为什么这可能是有用的。 你会被介绍给声明组的语法,并获得语句组如何使用条件逻辑,以及用于控制流的概述。 这只是一个课程,一路过关斩将的功能和范围在JavaScript的基本面需要从简单的变量和类型初学者的小部分。 我当然编程简介使用JavaScript的目的是为谁可能从来没有编码的,或者可能复制和粘贴别人的脚本到网页并没有真正理解它们...

2015-08-18 00:00:00 59

翻译 示例项目:使用Famo.us和Angular创建一个移动应用程序

这篇文章是从微软的Web开发系列的一部分。 感谢您支持谁使SitePoint可能的合作伙伴。 我爱高性能JavaScript和我爱分享我相信这是其真正的潜力。 在本教程中,我希望把重点放在Famo.us - 它可以让你保持,同时对画面流畅的动画一个如丝般光滑每秒60帧。 的Matrix3D,它允许框架计算复合材料基体,并跳过浏览器的渲染:Famo.us利用CSS3原始-webkit-变换做到...

2015-08-18 00:00:00 167

翻译 Node.js Express的5个简单性能调整

Node.js的彻底改变了网络的发展和快速框架必须共享大部分功劳。 Express可能不是最快或最先进的服务器选项,但它几乎肯定与每月超过300万个下载的,用得最多。 如果你什么都不做,Node.js的和快速运行速度极快。 然而,也有一些简单的方法,使快递4.X跑得再快... 1.切换到生产模式 Express可以在多种模式下运行。 默认情况下,它假定开发模式,提供异常堆栈跟踪和其它记录任...

2015-08-17 00:00:00 465

翻译 使用Three.js和Node在VR中可视化Twitter流

Twitter是一个美妙而丰富的信息兽。 我想结合一些可视化的权力,three.js所与Socket.IO和节点的VR功能,通过创建一个Twitter流产生的粒子的一个漂亮的世界。 我以前讨论发展SitePoint文章中虚拟现实的网络体验所有的基本知识带来VR与谷歌纸板和three.js所网页 ,所以如果你是新来这个整体思路-读了一个第一回来。 该演示使用相同的基础。 演示,我们将建立会看一...

2015-08-17 00:00:00 271

翻译 three.js vr_使用Three.js和Node在VR中可视化Twitter流

three.js vr Twitter是一个很棒的信息丰富的野兽。 我想将某些可视化功能,Three.js及其VR功能与Socket.IO和Node结合使用,以创建一个通过Twitter流生成的粒子的漂亮世界。 之前,我已经在SitePoint文章中讨论了开发虚拟现实Web体验的所有基础知识, 并使用Google Cardboard和Three.js将VR引入网络 ,因此,如果您不熟悉整个想法...

2015-08-17 00:00:00 238

翻译 使用AngularJS和Firebase构建实时状态更新应用

如果你已经度过了AngularJS任何时间,那么你很可能会很熟悉火力地堡 -a的实时数据存储,使得它很容易跨任何平台保存和同步数据。 火力地堡提供AngularJS其平台结合称为AngularFire这使得使用火力API更容易。 在本教程中我们将创建一个简单的状态更新应用程序,将让我们看看如何AngularJS和火力地堡互动。 对于UI,我们将使用角材料这是AngularJS实现谷歌的材质设计...

2015-08-14 00:00:00 160

翻译 firebase使用_使用AngularJS和Firebase构建实时状态更新应用

firebase使用 如果您花了很多时间来使用AngularJS,那么您可能会熟悉Firebase ,它是一种实时数据存储,可以非常轻松地在任何平台上保存和同步数据。 Firebase为其平台(称为AngularFire)提供了AngularJS绑定,这使使用Firebase API更加容易。 在本教程中,我们将创建一个简单的状态更新应用程序,该应用程序将让我们看到AngularJS和Fire...

2015-08-14 00:00:00 136

翻译 视频:使用map()在React中创建列表

在这段视频中,我们将构建我们的第一个列表组件。 我们将使用的道具,一个普通的旧的JavaScript阵列,以及map()函数。 如果您有与没有经验map()函数,不用担心。 这是一个非常温和简介map()有一堆的例子! 正在载入播放器... from: https://www.sitepoint.com//video-using-map-to-create-lists-in-react/...

2015-08-12 00:00:00 223

翻译 带有Crosswalk的歧管,Android的更简单开发体验

这篇文章是从微软Web开发系列的一部分。 感谢您支持谁使SitePoint可能的合作伙伴。 随着manifoldJS的版本0.3.0现在你可以选择与人行横道,而不是传统的Android的WebView建立自己的Android应用。 这是很简单的实现也是如此。 如果你不熟悉, manifoldJS是一个新的开源框架,可以采取一个网站,创建用于Windows,iOS版,Android版,Chro...

2015-08-12 00:00:00 199

翻译 如何使用basket.js缩短加载时间

对于现代网页,脚本显然是至关重要的元素。 在重要性和字节数方面,它们的权重在增加。 例如,考虑一下单页应用程序以及为我们提供所需的所有功能和动画所需的代码量,而无需单击浏览器上的“重新加载”按钮。 页面中脚本的总大小与视频和音频文件的总大小相去甚远,但越来越接近图像的大小。 在本文中,我将测试两个访问量最大的网站Facebook和Twitter的性能,重点介绍它们的一些主要问题。 然后,我将重...

2015-08-12 00:00:00 302

翻译 react中map使用方法_视频:使用map()在React中创建列表

react中map使用方法 在本视频中,我们将构建第一个列表组件。 我们将使用道具,一个普通的旧JavaScript Array和map()函数。 如果您以前没有使用map()函数的经验,请不要担心。 这是对map()的非常温和的介绍,并附带了许多示例! 正在加载播放器… 翻译自: https://www.sitepoint.com/video-using-map-to-create-li...

2015-08-12 00:00:00 610

翻译 r basket 关联规则_如何使用basket.js缩短加载时间

r basket 关联规则 对于现代网页,脚本显然是至关重要的元素。 在重要性和字节数方面,它们的权重正在增加。 例如,考虑一下单页应用程序及其所需的代码量,这些应用程序可以为我们提供所需的所有功能和动画,而无需点击浏览器上的“重新加载”按钮。 页面中脚本的总大小与视频和音频文件的总大小相去甚远,但越来越接近图像的大小。 在本文中,我将测试访问量最大的两个网站Facebook和Twitter的...

2015-08-12 00:00:00 214

翻译 crosswalk_带有Crosswalk的歧管,Android的简单开发体验

crosswalk 本文是Microsoft的Web开发系列的一部分。 感谢您支持使SitePoint成为可能的合作伙伴。 现在,有了0.6.3版的歧管JS,您现在可以选择使用Crosswalk而不是传统的Android Webview构建Android应用程序。 实现起来也很简单。 如果您不熟悉, variantJS是一个新的开源框架,可以访问一个网站并为Windows,iOS,Andr...

2015-08-12 00:00:00 141

翻译 ES6难题

这篇文章是从微软Web开发系列的一部分。 感谢您支持谁使SitePoint可能的合作伙伴。 的ECMAScript 6或ES6是JavaScript的演变,这是未来。 这是我们一直期待的网络技术创新。 这是充满了强大的功能,我们总是渴望它终于使我们能够建立网络应用程序巨大的可扩展性和易于维护的方式。 它使数以千计的开发人员从Java或C#或其他“更高”的语言来写最后JavaScript和都带来...

2015-08-10 00:00:00 170

翻译 适用于现代JavaScript开发人员的基本工具和库

学习JavaScript是一门伟大征程,但我们知道的语言,它的语法仅仅是个开始。 一旦新手变成熟练工,他们面临着被用来创建,管理和维护现代JavaScript代码的工具和库了看似无穷无尽。 不变的是,混乱罢工! 作为一个真正的旅程,你需要某种指导或地图通过进行定向自己。 所以,这是这篇文章的目的 - 给你的使用可能性的结构概述,并以光为那些希望了解更多的方式。 如果你曾经想知道交易的工具 - ...

2015-08-10 00:00:00 94

翻译 javascript工具_适用于现代JavaScript开发人员的基本工具和库

javascript工具 学习JavaScript是一个伟大的旅程,但是了解语言及其语法只是一个开始。 一旦新手成为一名熟练手,他们将面临着看似无数的工具和库,这些工具和库可用于创建,管理和维护现代JavaScript代码。 混乱总是在袭来! 就像在实际旅途中一样,您需要某种指导或地图来进行自我定位。 因此,这就是本文的目的-为您提供有关可用可能性的结构化概述,并为那些希望了解更多信息的人指明...

2015-08-10 00:00:00 73

翻译 20多种面向前端开发人员的文档和指南(第5号)

这是那个时候再选择工具或技术,我们要刷上。 如果你觉得你一直在努力,在建设,但也许不是学习尽可能多的,只要你愿意,我有你的背部覆盖。 请欣赏我们的文档和指南系列的第五批,不要忘记,让我们知道任何人,我们还没有包括在这个或一前一后的。 1. SitePoint萨斯参考 SitePoint的自己的项目的基础上萨斯参考网站建立我们的常驻专家雨果Giraudel和斯图·罗布森,SitePoint的...

2015-08-06 00:00:00 94

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除