共有 8 人关注 标签:JavaScript,共有 38 篇文章

...
2017年要学习的JavaScript的顶级框架和主题 【69%】

JavaScript的流行促进了一个非常活跃的由相关技术,框架和库组成的生态圈的发展。整个生态圈的多样性和活跃性越来越强,这让许多人变得越来越困惑。 你应该了解些什么技术呢? 我们应该将时间花费在哪里才能获得最大的收益? 现在公司招聘要求的技术栈包括哪些?哪项技术的发展潜力最大? 当前需要掌握的最重要的技术是什么?  这篇文章高度概括了你需要了解的技术,并附上了每个技术对应的链接,通过链接中...

计算机/ @Void_Yuan, @北鸟南游
...
Hypernova: 一个在服务器端渲染 JavaScript 视图的服务,来自 Airbnb 【37%】

Hypernova 一个在服务器端渲染javascript视图的服务. 为什么? 首先,也是最重要的一点,比起客户端渲染,服务器端的渲染具有更好的用户体验。用户可以快速地获取到视图内容, 在js加载失败或不可用时,能更容易进入网页, 在搜索引擎中的搜索速度也会更快。 其次,它提供更好的开发者体验。你可以在你喜欢的模板库中做两次相同的标记,如果是在javascript中,则会感到乏味并且难以维...

计算机/ @slfeng, @墨镜大头
...
GraphicsJS —— 一个强大的轻量级 JavaScript 图形库 【已翻译】

HTML5是现代 Web 的骨干。 现在,当涉及到创建交互式图像时,SVG和Canvas通常是最佳的技术 - Flash已经被遗忘,Silverlight也像一只罕见的独角兽一般游离在网络的边缘,很少有人记得第三方插件。 Canvas和SVG的优点和缺点在本文中详细地论述,但简而言之,SVG更适合创建和处理交互式元素。 这是因为SVG是基于XML的向量格式,当使用<svg>标记将图像加载到页...

计算机/ @toypipi, @CY2
...
JavaScript Source Maps 介绍  【38%】

你有没有发现你曾希望既可以保持你的客户端代码可读,而且更重要的是又可调试,即使在你合并和压缩代码后,也不影响性能? 现在你可以通过 source maps 的魔法实现。 基本上,这是一种将组合/压缩文件映射到未构建状态的方法。 当您为生产环境构建时,同时压缩并组合你的JavaScript文件,你生成一个source map,其中保存了你的原始文件的信息。 当你在生成的JavaScript中查...

计算机/ @toypipi, @slfeng, @边城
...
Gulp.js 介绍 【已翻译】

这篇文章由 New Relic 赞助. 文章于2017年1月更新,以反映Gulp和Gulp插件的最新状况。谢谢大家对赞助商的支持,正是它们使得SitePoint成为可能! 该文章由 Giulio Mainardi 和 Tim Severien 同行评审. 感谢 SitePoint 上的所有同行评审员,他们使得 SitePoint 上的内容更加完善! 开发人员的编码时间非常宝贵。即使排除那些无...

计算机/ @Void_Yuan, @中国码农
...
使用 KUTE.js 实现有趣的 Web 动画效果 【未翻译】

My aim in this article is to introduce KUTE.js, an open-source, free and feature-rich JavaScript animation engine by thednp and dalisoft. This is the second article in the series Beyond CSS: Dynami...

计算机/ @CY2
...
2016 年 JavaScript 回顾 【已翻译】

取决于你的展望,2016也许是具有纪念意义的、奇怪的,有些欢欣鼓舞/可怕的一年。只专注于JavaScript可能和其他事件相比是无关紧要的,但它是每个web开发人员工作的生活中的一个巨大的部分。 JavaScript人气持续爆发性增长。不是每个人都热爱这门语言,但是你在过去的十年都可能很少听见嘲弄的评论。就我个人而言,我一直喜欢JavaScript——即使是在早期令人沮丧的那些年。那些从C+...

计算机/ @tangmisi, @zhongzhong, @archer
...
传统 JavaScript 性能测试的真相! 【9%】

说javascript是最重要的软件工程技术也不为过. 对接触编程语言,编译器,虚拟机一段时间的我们来说,仍然会觉得有点惊讶, javascript既不是一个设计优雅的语言, 编译引擎也没有做优化,更没有非常好的标准库. 这取决于你怎么看待这个问题, 你可以用几周的时间来列举javascript的缺陷,而且还可能发现新的问题. 尽管看起来似乎有很明显的缺陷, 但是javascript不仅是当...

计算机/ @zhongzhong, @physihan, @Void_Yuan, @STay
...
使用 JavaScript 构建一个简单的 PubSub 系统 【已翻译】

在最近的构建的一个网络推送 服务的项目中, 我想让我的UI响应应用程序级别的事件 (语义上,如果你会的话) 因为有几个组件需要从系统中获取信息,但不相互依赖,我希望他们能够独立管理自己的“业务逻辑”. 我环顾四周,很多不同的工具来帮助我, 但是因为我经常有很严重的NIH综合症和我认为人们可以很快实现自己的基础元素, 我决定迅速把它绑定到一个简单的客户端PubSub服务 — 它工作得很好,满足...

计算机/ @zhongzhong
...
IE 浏览器之后的原生 JavaScript 开发 【已翻译】

欢迎大家来到本系列的第三部分也是最后一部分,致力于oldIE 的退休和这一事件在前端开发领域的变化。 到目前为止,我们涵盖了可以安全丢弃的过时技术,以及现在在主流浏览器中具有完全本机支持的HTML5和CSS3属性。 今天,我们将专注于原生JavaScript技术以及其他不适用于前面提到的类别。 再一次,主要的功能应该归功于CanIUse.com网站,它被证明是一个宝贵的资源。 我也会重申我上...

计算机/ @toypipi, @班纳睿, @薯片番茄
...
9 个顶级的 JavaScript 移动应用开发框架 【已翻译】

从技术角度来讲,iOS,Android和Windows Phone上的应用是由不同的编程语言来开发的。iOS应用是基于Objective-C开发的,Android应用基于Java,Windows Phone应用基于.NET,但是你也可以用合适的JavaScript,CSS和HTML知识来构建一个非常棒的移动应用。因此,这篇文章我们要讨论的就是一些用来开发移动应用的顶级JavaScript框架...

计算机/ @hc1903, @薯片番茄
...
像小狗一样自由 — 开源你的JavaScript代码 【已翻译】

开源不仅仅只是向公众提供一些可用的东西。 不但要提供你的代码,而且也是关系到项目权限的管理,以及自己的理解和参与其中,就像“喂养小猫”----换句话说就是还要处理社区相关问题。 在本文中,我们将简要介绍开源你代码的带来的好处和应避免的陷阱。 开源可能是发生在我们的市场中的最令人兴奋的事情,同时也是网络的爆炸性增长的原由。 我们的大多数服务器都是开源技术,很多浏览器代码也是,甚至我们如今使用的...

计算机/ @tony, @archer, @、默迹
...
使用 peasy-js 编写可重用的 JavaScript 业务逻辑 【14%】

Write Reusable JavaScript Business Logic with peasy-js was peer reviewed by Stephan Max. Thanks to all of SitePoint’s peer reviewers for making SitePoint content the best it can be! When writing ap...

计算机/ @CY2, @小吕
...
React vs. Angular: 一个流行的 JavaScript 库和一个强大的 JavaScript 框架 【已翻译】

大多数互动的单页应用都是使用JavaScript(JS)框架和库来构建的。 用于快速单页应用( SPA)开发的JS工具的数量在持续地增长,使得对于我们web开发人员来说,选择依赖哪个技术更具有挑战性。 React和Angular目前都在美国、英国、加拿大、法国、德国、澳大利亚及其他国家的很多商业、新闻和旅行公司中被使用到。自2009发布以来,AngularJS已被列入几乎所有的十大JavaS...

计算机/ @tangmisi, @CY2
...
用 Anime.js 让 DOM 动起来 【已翻译】

如果你正在寻找一个快速和轻量级的动画库,那么Julian Garnier编写的Anime.js是一个你可以考虑的选择。 这是关于动态DOM动画,包括SVG绘图的系列文章中的第一篇。我不打算囊括专业的canvas-WebGL动画库和SVG-special动画库,但是如果一个动画库在网页的HTML动画元素上有出色表现(SVG绘图同样也是),我会考虑把它包含在这个系列文章中。 我并不计划剖析每一个...

计算机/ @gafeng
...
turbo.js —— 在浏览器上利用 GPGPU 执行大规模并行计算 【已翻译】

turbo.js 是一个很小的 JavaScript 库,用来简化并行的复杂计算。其设计的计算(内核执行)是基于 GPU 进行的,这使得其可以在同一时间对一组数据进行同时操作。 turbo.js 兼容所有的浏览器(甚至是不使用 ES6 模板字符串的 IE)以及几乎所有桌面和移动的 GPU。 在线演示和简单的介绍请看 turbo.github.io. 示例1 在上述网站我们可以看到对一个非常大...

计算机/ @CY2
...
JavaScript 框架比较 —— Angular.js vs React.js vs Ember.js 【已翻译】

选择适合项目需求的js框架,将会提高你项目的生命力和竞争力。 因此,对于一个基于js的应用或网站你需要深思熟虑,选择合适的框架可能会显著的影响你项目的成功性,合适的框架能让你准时完成具有高维护性的代码,比如Angular.js, Ember.js和React.js等js框架,他们能够有组织的构建你的代码,让你更轻松的开发敏捷并且具有可扩展性的项目。

计算机/ @ohjavascript, @gafeng
...
JavaScript 的垃圾收集和存储管理 【已翻译】

本文探讨了内存管理和垃圾收集机制的关系。 简介 文本简要介绍了JavaScript的垃圾收集机制。我会罗列出一些好的书籍和好的网站。我在JavaScript中发现了一些关于垃圾回收机制的丰富的技术细节。我想要将所学的东西写在一个地方。 背景 JavaScript是一个垃圾回收语言。这里的托管环境是浏览器,它会负责所有决策。 在C/C++类似的语言中,你必须自己负责内存管理,例如内存的分配和释...

计算机/ @dahakawang, @ZenYu
...
JavaScript 的 HTML 表单验证插件:jrValidator 【已翻译】

下载 jrValidator-master.zip - 44.2 KB 介绍 HTML5提供了一个很好的功能来验证表单,但是在JavaScript中处理时,它没有多大帮助,每次为每个表单写独立的代码十分恼人。可以使用 javascript插件jrValidator解决这个问题。jrValidator中的javascript函数集是轻量级的,简单,易于使用和修改。 它已经满足基本表单验证要求。...

计算机/ @ypddw, @toypipi, @苏州小浮云
...
提高你JavaScript学习的有趣实验 【已翻译】

学无止境 — 特别是在网页开发当中. 我们的行业在不断地更新和完善自己,我们也应该这样! 不幸的是,坚持会使人精疲力尽,但其实并一定是这样。 在本文中我将告诉你如何将小实验变成一种有趣的和有效的方式来学习新的东西,并确保学习和保持最新的乐趣。 保持实验的乐趣 这位作者的更多内容 Design and Build Your Own JavaScript Library: Tips & Tric...

计算机/ @toypipi, @Mia, @苏州小浮云, @拥抱阳光の雪
...
2016 年学习 JavaScript 是一种什么样的感觉? 【已翻译】

嘿,我最近接到一个 Web 项目,不过老实说,我这两年没怎么接触 Web 编程,听说 Web 技术已经发生了一些变化。听说你是这里对新技术最了解的 Web 开发工程师? 准确地说,我是一名「前端工程师」。不过你算是找对人了。我对今年的技术别提多熟了,前端可视化、音乐播放器、能踢足球的无人机,你尽管问吧。我刚去 JS 大会和 React 大会逛了一圈,没有什么新技术是我不知道的。

计算机/ @可可, @唯恐有闻, @coyee
...
(译者注:不同宿主环境下)JavaScript 上下文的差异 作者:nwjs/nw.js Wiki · GitHub 【59%】

注意: 在维基百科上只一些内容只适合0.12以前的版本. 0.13以后的更多的官方文档, 请看http://docs.nwjs.io。 不同的基于webkit的窗口有不同的JavaScript 上下文环境, 比如:每个窗口都有自己的全局对象和一套自己的全局构造函数(例如 数组或对象)。 这是一些在Web浏览器中的常规做法。这是一件好事, 因为: 当某个对象的原型被一些库替换或扩充时 (例如 ...

计算机/ @zhongzhong
...
理解 JavaScript 对象创建模式 【已翻译】

概述 本文将探讨使用 JavaScript 创建对象的各种方式, 通过这个探讨来发现更多关于学习语言的更多的东西! 内容 介绍 普通对象 构造函数 'new' 的实现原理 探索原型链和 instanceof 原型在什么时候不是原型? constructor属性 关于 'this' 的疑惑 私有对象 利用“闭包”实现私有状态 总结 结论  简介 随着基于web的应用程序不断普及以及一些插件的消...

计算机/ @lison, @Mia, @miniwa, @ZenYu
...
理解 JavaScript 的函数 【已翻译】

函数(Function )这个词对程序猿来说并不陌生. 哪怕你每天只写一点点代码, 你也得在下班前把正在创建或者修改的函数给close掉. 简单来说函数就是一组执行某些动作的一堆程序语句. 一个函数可能有一些输入参数(在方法体内使用)并且执行完成之后返回一个值. JavaScript的函数也具有这些特点,不过他们可不止这些特点. 函数在JavaScript里面是对象. JavaScript里...

计算机/ @lison, @苏州小浮云, @城府很深
...
使用 Jasmine 测试 JavaScript 【已翻译】

Jasmine 简介 Jasmine 是一个基于行为驱动开发的开源自动化测试框架,它可以帮助你来测试你的JavaScript代码。它可以在任何或者JavaScript能运行的平台上运行和执行。Jasmine 不依赖任何浏览器、DOM 或者任何其它的JavaScript框架就能运行。但是Jasmine和其它比如说requireJS和JSCover等框架组合在一起时可以让你的测试更加有效。 BD...

计算机/ @hc1903
...
使用 JSHint 减少 JavaScript 错误 【已翻译】

JSHint 是一个开源工具,用于分析和验证JavaScript代码是否符合您的编码规则。这个强大的工具可以帮助发现您代码中错误和问题T,它强制你的团队保持一定的编码惯例和风格,使得代码可靠和更容易阅读. 在这篇文章中,我将向您展示如何安装、配置和使用JSHint。 还包括一个例子,列出了一些我最喜欢的能使用JSHint的编辑器。 安装 JSHint 安装JSHint非常容易,你可以使用 N...

计算机/ @luke, @rekii
...
入门指南:理解 JavaScript 的 onblur() 和 onfocus() 函数 【已翻译】

在这篇文章中,我将会描述在ASP.NET的C#应用程序中如何使用JavaScript的onblur()和onfocus()函数的一个简单例子。 第1步 从工具箱中拖拽一个简单的文本框控件,然后添加属性,如下图所示: 第2步 就是这样,现在这些函数将在客户端上触发并且你会得到一个输出结果,如下图所示:

计算机/ @ExDevilLee
...
JavaScript 不支持方法重载 —— 确实是的!! 【已翻译】

几周前,我写了一篇博客讨论由于Web的设计方式导致(WCF操作协定不支持方法重载)[http://blog.chinmoymohanty.com/operation-contract-overloading-in-wcf-not-your-usual-polymorphism/],这是多么“神奇”的事。 可能对于很多人来说,JavaScript不支持严格意义上的方法重载是很令人惊讶的。 对于...

计算机/ @rekii
...
Java 脚本引擎 —— 在 JavaScript 中使用 Java 语言 【已翻译】

本文主要讲述如何在脚本语言中调用 Java 类和接口。 所有的代码使用 JavaScript 编写,但你也可以用其他兼容 JSR 223 的脚本语言。这些例子可作为脚本文件也可以在交互式 Shell 中一次运行一个语句的方式来运行。在 JavaScript 中访问对象的属性和方法的语法与 Java 语言相同。 本文包含如下几部分:

计算机/ @CY2, @coyee
...
Java 脚本化编程指南 【已翻译】

Java脚本化API为谁准备? 脚本语言的一些有用的特性是: 方便:大多数脚本语言都是动态类型的。您通常可以创建新的变量,而不声明变量类型,并且您可以重用变量来存储不同类型的对象。此外,脚本语言往往会自动执行许多类型的转换,例如, 必要时 将数字10转换为“10”。 开发快速原型:您可以避免编辑编译运行周期,只使用“编辑运行”! 应用扩展/定制:你可以“具体化”的部分应用程序,例如一些配置脚...

计算机/ @蓝骑士, @luke