2018年04月_dingshi7798

翻译使用SimpleWebRTC构建WebRTC视频聊天应用程序

这篇文章是在我们的书，精选 6个JavaScript的项目。建立，将让你非常熟悉现代JavaScript开发项目。支持WebRTC的到来和浏览器的实时增加容量来处理对等网络通信，这是比以往任何时候建立实时应用程序更加容易。在本教程中，我们将看看SimpleWebRTC和实施的WebRTC时，它如何能够使我们的生活更轻松。在整篇文章中，我们将建设有短信功能的WebRTC视频聊天应用。 ...

2018-04-30 00:00:00 868

翻译编译成JavaScript的10种语言

本文包括在浏览器或类似Node.js的平台上执行，可以编译成JavaScript的10有趣的语言列表现代的应用程序有不同的要求，从简单的网站。但是，浏览器是使用（大部分）固定组可用的技术平台，和JavaScript仍然是Web应用程序的核心语言。需要在浏览器中运行的任何应用程序在该语言中实现。我们都知道，JavaScript并不是每一个任务的最佳语言，当它涉及到复杂的应用程序，它可...

2018-04-27 00:00:00 551

翻译适用于JavaScript开发人员的10个基本Sublime文本插件

在这篇文章中，我将概述10必须具备崇高的文本插件JavaScript开发人员，每一个都可以提高您的工作流程，使您的工作效率。崇高的文本是几乎所有的开发者在他们的工具箱中一个伟大的应用程序。这是一个跨平台的，高度可定制的，先进的文本编辑器，全功能之间很好地坐在集成开发环境（这是出了名的资源饥饿）和命令行编辑器， Vim的或Emacs的（具有陡峭的学习曲线）。近年来，崇高已经获得了来自...

2018-04-27 00:00:00 221

翻译 javascript编译_编译成JavaScript的10种语言

javascript编译本文列出了十种有趣的语言，它们可以编译为JavaScript，以便在浏览器或Node.js之类的平台上执行。现代应用程序对简单网站的要求不同。但是浏览器是一个平台，具有（大多数）固定技术集，而JavaScript仍然是Web应用程序的核心语言。任何需要在浏览器中运行的应用程序都必须使用该语言来实现。我们都知道JavaScript并不是每项任务的最佳语言，...

2018-04-27 00:00:00 472

翻译 sublime文本模板插件_适用于JavaScript开发人员的10个基本Sublime文本插件

sublime文本模板插件在本文中，我将为JavaScript开发人员概述十个必备的Sublime Text插件，每个插件都可以改善您的工作流程并提高工作效率。 Sublime Text是一款出色的应用程序，几乎所有开发人员都可以在其工具箱中使用。它是一个跨平台的，高度可定制的高级文本编辑器，位于功能齐全的IDE （众所周知非常耗资源）和命令行编辑器（如Vim或Emacs （学习曲线陡峭）...

2018-04-27 00:00:00 169

翻译 FuseBox简介-更快，更简单的Webpack替代方案

的WebPack已经毫无争议地成为了事实上的JavaScript模块捆绑，但它有一个被混乱和难学的声誉。在这篇文章中，我想提出一个更快，更简单的WebPack选择- 保险丝盒。在当今快速发展的前端景观，这是至关重要的有JavaScript的模块系统扎实抓好。模块可以帮助组织你的代码，使之更容易维护和提高其可重用性。不幸的是，对于ES模块浏览器的支持是还没有应用，所以你总是需要一个模...

2018-04-26 00:00:00 1089

翻译使用Babel和webpack设置ES6项目

在这篇文章中，我们将看看如何创建使用处理JavaScript的现代（在Web浏览器中运行）构建设置巴贝尔和的WebPack 。这是必要的，以确保我们的特别现代的JavaScript代码是由兼容更广泛的浏览器比原本可能。 JavaScript中，最喜欢的网络相关技术，正在演变所有的时间。在过去的好时光，我们可以放下一对夫妇<script>标记成一个页面，可能包括jQuery和一...

2018-04-26 00:00:00 295

翻译 FuseBox简介—更快，更简单的Webpack替代方案

webpack可以说已经成为事实上JavaScript模块捆绑器，但是它以混乱和难以学习而闻名。在本文中，我想提出一个更快，更简单的Webpack替代方案— FuseBox 。在当今快速发展的前端环境中，牢牢掌握JavaScript模块系统至关重要。模块可以帮助组织代码，使其更易于维护，并提高其可重用性。不幸的是，浏览器还没有对ES模块的支持，因此您总是需要一个模块捆绑器将它们...

2018-04-26 00:00:00 454

翻译 5 React体系结构最佳实践

毫无疑问，反应彻底改变了我们构建用户界面的方式。这很容易学习，极大地方便了创建提供您的网站一致的外观和感觉可重用的组件。然而，如仅作出反应需要一个应用程序的视图层的护理，它不执行任何特定的体系结构（如MVC或MVVM）。这可以使其难以保持你的代码库组织为你的阵营项目的发展。在这里，在9elements （其中我是CEO），我们的旗舰产品之一是PhotoEditorSDK -完全可定制...

2018-04-25 00:00:00 154

翻译 Webpack 4和模块捆绑的初学者指南

这篇文章是在我们的书，功能现代的JavaScript工具和技巧。熟悉了支持现代JavaScript开发的重要工具。该的WebPack 4文档指出：的WebPack是一个模块捆绑。其主要目的是捆绑的JavaScript文件的使用在浏览器中，但它也能转化，捆绑销售，或者只包装任何资源或资产。的WebPack已成为现代网络发展的最重要的工具之一。这主要是针对你的JavaScrip...

2018-04-25 00:00:00 202

翻译 react 最佳实践_5 React体系结构最佳实践

react 最佳实践毫无疑问，React彻底改变了我们构建用户界面的方式。它易于学习，极大地方便了创建可重用组件，从而为您的网站提供一致的外观。但是，由于React只负责应用程序的视图层，因此它不执行任何特定的体系结构（例如MVC或MVVM）。随着React项目的增长，这可能很难保持代码库的组织性。在9elements （我担任首席执行官）的这里，我们的旗舰产品之一是PhotoE...

2018-04-25 00:00:00 197

翻译 webpack模块_Webpack 4和模块捆绑的初学者指南

webpack模块本文在我们的《现代JavaScript工具和技能》一书中有介绍。熟悉支持现代JavaScript开发的基本工具。 Webpack 4文档指出： Webpack是一个模块捆绑器。其主要目的是捆绑JavaScript文件以供在浏览器中使用，但它也能够转换，捆绑或打包几乎任何资源或资产。 Webpack已成为现代Web开发的最重要工具之一。它主要是JavaSc...

2018-04-25 00:00:00 223

翻译使用React VR构建全球形3D图像库

反应VR是一个JavaScript库被Facebook减少创建的努力WebVR应用。您可以比较阵营VR与Mozilla的A型架，但不是写HTML，与之反应VR我们使用JavaScript来创建一个WebVR场景。反应VR是建立在WebGL的库three.js所和反应本地框架。这意味着，我们能够使用JSX标签，阵营本地组件，如<View>或<Text> ，或者阵营...

2018-04-24 00:00:00 267

翻译构建react组件库_使用React VR构建全球形3D图像库

构建react组件库 React VR是FacebookJavaScript库，可减少创建WebVR应用程序的工作量。您可以将Mozilla的 React VR与A-Frame进行比较，但不是编写HTML，而是通过JavaScript使用JavaScript创建WebVR场景。 React VR建立在WebGL库three.js和React Native框架上。这意味着我们能够使用JSX标...

2018-04-24 00:00:00 316

翻译将您的网站改造为渐进式Web应用程序

在改造你的网站作为一个渐进的Web应用程序本文包含在我们的文集，现代的JavaScript 。如果你想在一个地方的一切起床现代JavaScript的速度，报名参加SitePoint Premium和下载自己的副本。目前已经有大量的谣言围绕渐进Web应用程序（个PWA）近来，有不少人质疑他们是否代表（移动）网络的未来。我不打算进入整个本地应用程式与PWA的争论，但有一点是肯定的：他们走...

2018-04-23 00:00:00 184

翻译 JavaScript对象创建：模式和最佳实践

在这篇文章中，我将带您的各种风格的JavaScript对象创建之旅，以及每个建立在别人的渐进步骤。 JavaScript有款式用于创建对象，新手和退伍军人众多都可以通过选择，他们应该使用不确定感到不知所措。但是，尽管品种，以及如何不同的每个命令的语法看起来，他们更相似可能比你实现。对象文本在我们参观的第一站是JavaScript对象创建的绝对简单的方法 - 对象字面。对象可以被创建...

2018-04-23 00:00:00 104

翻译渐进式web应用程序_将您的网站改造为渐进式Web应用程序

渐进式web应用程序有关将您的网站改造为渐进式Web应用程序的文章包含在我们的选集Modern JavaScript中。如果您希望所有内容都集中在一个地方，以适应最新JavaScript，请注册SitePoint Premium并下载一个副本。最近，有关渐进式Web应用程序（PWA）的讨论越来越多，许多人质疑它们是否代表了（移动）网络的未来。我不会涉及整个本机应用程序与PWA的争...

2018-04-23 00:00:00 197

翻译 JavaScript设计模式：单例

在这篇文章中，我们将深入探讨最佳的方式来实现在JavaScript单身，正在研究如何这与ES6的兴起发展。在广泛生产中使用的语言，JavaScript是迄今为止最迅速发展，看起来越来越不像是其最早的迭代，而更像Python中，每一个新的规范提出由Ecma International。虽然这种改变有批评者的分内，新的JavaScript并有助于使代码更容易阅读和推理，更容易的方式来写成功粘附...

2018-04-20 00:00:00 83

翻译 JavaScript性能优化技巧：概述

在这篇文章中，有很多的东西盖在广泛和广泛变化的景观。这也是一个话题，涵盖了大家的喜爱：每月的JS框架™。我们会尽力将坚持走“工具，而不是规则”的口号，并保持JS流行语到最低限度。由于我们将不能与在一个2000字的文章JS性能面面俱到，请务必阅读的参考文献和做自己的研究之后。但在此之前，我们深入到细节，让我们回答以下获得问题的更广泛的理解：什么被视为高性能的JavaScript，以及它...

2018-04-20 00:00:00 146

翻译 javascript概述_JavaScript性能优化技巧：概述

javascript概述在这篇文章中，有很多内容可以涵盖广阔而变化莫测的景观。它也是涵盖每个人最喜欢的主题：本月的JS框架™。我们将尝试坚持“工具而不是规则”的口头禅，并将JS流行语降至最低。由于我们无法在2000字的文章中涵盖与JS性能相关的所有内容，因此请确保您已阅读参考资料，然后进行自己的研究。但是，在深入探讨具体问题之前，让我们通过回答以下问题来更广泛地了解该问题：什么是...

2018-04-20 00:00:00 130

翻译您可以用ES6代替的10种Lodash功能

眼下， Lodash是最依赖，对NPM包，但如果你使用ES6，你可能实际上并不需要它。在这篇文章中，我们将看看使用本地收集方法有箭头的功能和其它新功能ES6帮助我们削减各地的许多流行的用例角落。 1.地图，过滤器，降低这些收集方法使转换数据变得轻而易举，并与附近的普遍支持。我们可以将它们配对箭头功能，帮助我们编写简洁的替代品由Lodash提供的实现： _.map([1, 2, 3...

2018-04-19 00:00:00 462

翻译 Fetch API简介

在这篇文章中，我们将学习什么新的提取API的样子，它解决了什么问题，并使用最实用的方法来检索里面你的网页远程数据fetch()函数。多年来， XMLHttpRequest的一直是Web开发人员值得信赖的伙伴。无论是直接或引擎盖下， XMLHttpRequest启用了Ajax和一个全新类型的交互体验，通过Gmail到Facebook。但是， XMLHttpRequest正在慢慢被取代提取...

2018-04-19 00:00:00 173

翻译如何构建无服务器，CMS支持的Angular应用程序

角已经起飞的普及和被广泛应用。由谷歌工程师开发和维护，角发现跨所有动态Web应用程序的地方，是一个越来越有需求的平台。角度提供了大量热情的社区和优秀的MVC不需要开发者花费宝贵的时间编写代码来重新结合在一起将多个MVC组件的优势。总之，角是前端开发一个强大的和全面的Web应用程序框架，单元测试准备，使其成为首选的工具，许多开发商。如果您使用的角度，你可能会碰到需要内容管理功能 - 一...

2018-04-19 00:00:00 255

翻译 lodash es6_您可以用ES6取代的10种Lodash功能

lodash es6 目前， Lodash是最受依赖的npm软件包，但是如果您使用的是ES6，则可能实际上并不需要它。在本文中，我们将研究使用带有箭头功能和其他新ES6功能的本机收集方法，以帮助我们绕开许多流行的用例。 1.映射，过滤，缩小这些收集方法使转换数据变得轻而易举，并获得了几乎所有人的支持。我们可以将它们与箭头函数配对，以帮助我们为Lodash提供的实现编写简洁的替...

2018-04-19 00:00:00 538

翻译 fetch api_Fetch API简介

fetch api 在本文中，我们将学习新的Fetch API的外观，解决的问题以及使用fetch()函数在网页内检索远程数据的最实用方法。多年来， XMLHttpRequest一直是Web开发人员值得信赖的伙伴。无论是直接还是在幕后， XMLHttpRequest都启用了Ajax和从Gmail到Facebook的全新的交互式体验。但是， Fetch API逐渐取代了XMLHttpR...

2018-04-19 00:00:00 208

翻译 angular 服务器渲染_如何构建无服务器，CMS支持的Angular应用程序

angular 服务器渲染 Angular已Swift普及并得到广泛使用。 Angular由Google工程师开发和维护，已经在动态Web应用程序中找到了自己的位置，并且是一个越来越受欢迎的平台。 Angular具有庞大而热情的社区以及出色的MVC的优点，它们不需要开发人员花费宝贵的时间来编写代码来将多个MVC组件重新组合在一起。简而言之，Angular是一个用于前端开发的健壮且全面的Web...

2018-04-19 00:00:00 164

翻译使用ES6默认参数和属性速记的简洁代码

创建方法也意味着写一个API -无论是为自己，在你的团队另一位开发人员，或其他开发者使用你的项目。根据大小，复杂程度以及功能的目的，你必须要考虑的默认设置和输入/输出的API。默认功能参数和性能速记是ES6两个方便的功能，可以帮助你写你的API。 ES6默认参数让我们快速梳洗我们的知识，再看看语法。默认参数允许我们使用默认值初始化功能。默认使用当参数被省略或undefined -...

2018-04-18 00:00:00 188

翻译 JavaScript装饰器：它们是什么以及何时使用它们

通过推出ES2015 +，并作为transpilation已经司空见惯，很多人都会有遇到新的语言功能，无论是在真正的代码或教程。这些特征之一，往往有令人摸不着头脑，当他们第一次遇到他们是JavaScript的装饰。装饰已经成为流行由于它们在角2+使用。在棱角分明，装饰可由于打字稿，但在JavaScript他们是目前一个阶段2提议，这意味着他们应该是未来的更新，以语言的一部分。让我们来...

2018-04-18 00:00:00 270

翻译现代JavaScript应用程序剖析

这篇文章是在我们的书，精选最佳实践：JavaScript的。不断的现代JavaScript的快速变化的最佳实践之上。毫无疑问的是，JavaScript的生态系统变化快。不仅是引进和发展以极快的速度新的工具和框架，语言本身与引进ES2015的（又名ES6）发生了很大的变化。可以理解的是，很多文章已经抱怨是多么困难，以学习现代JavaScript开发的这些日子。在本文中，我将向您介...

2018-04-18 00:00:00 127

翻译 javascript程序_现代JavaScript应用程序剖析

javascript程序本文在我们的《 JavaScript：最佳实践》一书中有介绍。掌握快速变化的现代JavaScript最佳实践。毫无疑问，JavaScript生态系统变化很快。不仅快速引入和开发了新的工具和框架，而且随着ES2015（又名ES6）的引入，语言本身也发生了巨大的变化。可以理解，许多文章抱怨如今学习现代JavaScript开发有多么困难。在本文中，我将向您...

2018-04-18 00:00:00 186

翻译了解ES6模块

本文探讨ES6模块，展示了他们今天可以用一个transpiler的帮助。几乎每一种语言都有模块的概念-一种方法，包括功能性内另一个文件中声明。通常情况下，开发人员创建负责处理相关任务的代码封装库。这个库可以通过应用程序或其他模块引用。好处：代码可以拆分成自包含的功能，更小的文件。相同的模块可以在任何数量的应用程序共享。理想情况下，模块需要永远不会被其他开发人员审查，因为他...

2018-04-17 00:00:00 78

翻译 JavaScript承诺概述

本教程介绍的JavaScript承诺的基础知识，展示如何在你的JavaScript开发利用它们。承诺的概念并不是新的Web开发。我们很多人在库，如Q，when.js，RSVP.js等形式已经使用的承诺，即使jQuery有一种叫做Deferred对象，这是类似的承诺。但是，现在我们有在JavaScript中，这是非常令人兴奋的承诺的原生支持。概观一个Promise对象表示可能无法...

2018-04-17 00:00:00 127

翻译 javascript概述_JavaScript承诺概述

javascript概述本教程涵盖了JavaScript Promise的基础知识，展示了如何在JavaScript开发中利用它们。承诺的概念对于Web开发而言并不陌生。我们中的许多人已经以诸如Q，when.js，RSVP.js之类的库的形式使用了Promise。甚至jQuery也有一个称为Deferred对象的东西，这类似于Promise。但是现在我们已经对JavaScript中的p...

2018-04-17 00:00:00 75

翻译面向对象的JavaScript：深入探讨ES6类

.tip { background-color: rgba(128,128,128,0.05); border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding: 15px 20px; border-left: 10px solid rgba(128,128,128,0.075);} 我们经常需要代...

2018-04-16 00:00:00 125

翻译面向对象JavaScript：深入探讨ES6类

.tip { background-color: rgba(128,128,128,0.05); border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding: 15px 20px; border-left: 10px solid rgba(128,128,128,0.075);} 通常，我们需...

2018-04-16 00:00:00 128

翻译行动中的ES6：解构分配

解构赋值听起来很复杂。这让我想起面向对象的术语，如封装和多态的我。我相信，他们选择了做简单的概念显得更加复杂！从本质上讲，ECMAScript中6（ES2015）解构赋值允许你从数组或对象中提取单个项目，并将它们放到使用简写语法变量。那些来自PHP未来可能遇到的列表（）函数，它提取到数组变量在一个操作。 ES6需要到另一个层次。假设我们有一个数组： var myArray = [...

2018-04-13 00:00:00 149

翻译 ES6生成器和迭代器：开发人员指南

ES6带来了一些新的功能，以JavaScript语言。这些特点，发电机和迭代器中的两个，已大大改变了我们如何写在更复杂的前端代码的特定功能。虽然它们彼此发挥很好，他们实际上做可能会有点混乱，所以让我们检查出来。迭代器迭代是编程的普遍做法，通常是在一组值用于循环，要么变换每个值，或者使用或保存它以某种方式供以后使用。在JavaScript中，我们一直有for看起来像这样的循环： ...

2018-04-13 00:00:00 98

翻译 es6中的解构赋值_行动中的ES6：解构分配

es6中的解构赋值破坏性分配听起来很复杂。它使我想起了面向对象的术语，例如封装和多态性。我相信选择它们是为了使简单的概念显得更加复杂！本质上，ECMAScript 6（ES2015）的解构分配使您可以从数组或对象中提取单个项目，然后使用速记语法将其放入变量中。来自PHP的用户可能遇到了list（）函数，该函数可以在一个操作中将数组提取为变量。 ES6将其提升到另一个层次。假设...

2018-04-13 00:00:00 141

翻译 es6 迭代器_ES6生成器和迭代器：开发人员指南

es6 迭代器 ES6为JavaScript语言带来了许多新功能。生成器和迭代器这两个功能已大大改变了我们用更复杂的前端代码编写特定函数的方式。虽然他们彼此之间玩得很融洽，但实际上他们所做的可能会有些混乱，所以让我们检查一下。迭代器迭代是编程中的常见做法，通常用于循环一组值，或者转换每个值，或者以某种方式使用或保存它以供以后使用。在JavaScript中，我们一直都有fo...

2018-04-13 00:00:00 97

翻译行动中的ES6：如何使用代理

在计算方面，代理你和你与之通信的事物之间坐。该术语最常用于代理服务器-网络浏览器（Chrome，火狐，Safari，边缘等），其中一个页面所在的Web服务器（Apache时，Nginx的，IIS等）之间的设备。代理服务器可以修改请求和响应。例如，它可以通过缓存经常访问的资产，并将其投放到多个用户提高效率。 ES6代理代码与对象之间坐。代理，您可以执行的元编程操作，例如拦截调用检查或更改...

2018-04-12 00:00:00 100

空空如也

空空如也