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

...
JavaScript 中数据管理与可视化介绍 【未翻译】

In order to create meaningful visual representations of our data, and the complimentary tools to analyze said data, it is important to have a well-conceived data management framework. This requires...

计算机/ @CY2
...
如何做一个简单的 JavaScript 测验 【17%】

“How do I make a JavaScript quiz?” — this is one of the most common questions I hear from people who are learning web development, and for good reason. Quizzes are fun! They are a great way of lear...

计算机/ @toypipi
...
JavaScript中的事件冒泡?事件传播的解释 【未翻译】

Event bubbling is a term you might have come across on your JavaScript travels. It relates to the order in which event handlers are called when one element is nested inside a second element, and bo...

计算机/ @CY2
...
2017 年用于 UI 设计的 9 大 JavaScript 动画库 【7%】

Take your CSS animations to the next level with our Animating with CSS course by Donovan Hutchinson, the man behind CSS Animation Rocks. Frontend web design has been through a revolution in the las...

计算机/ @苏州小浮云
...
使用 Flow 更好的编写 JavaScript 代码 【已翻译】

你有多少次发现自己在代码中跟踪 Bug 时,只是为了找到那些原本可以简单避免的问题?可能你给一个函数传递参数的顺序错误,又或者你尝试给一个数值参数传递了字符串?JavaScript 的弱类型系统和你强迫使用不同类型变量的习惯是这类错误的根源所在,而这些问题在静态类型语言中是不存在的。 2017年3月30日 更新:根据最新的 Flow 库的变化进行了内容调整。 Flow 是 Facebook ...

计算机/ @CY2
...
现代 JavaScript 开发相对比较困难些 【已翻译】

最近经常看到人们抱怨JavaScript开发很复杂。 我很赞同这种看法,如果他刚刚接触这门语言。 如果你在学习JS,用不了多长时间你就会发现搭建一个现代的Web应用程序是一个多么巨大的生态系统,这里又太多的知识点需要你去理解(至少在概念上)。 包管理, 代码提示, 反编译, 模块捆绑, 压缩,源图, 框架,单元测试, 热加载… 不可否认,这些相对于只包含一个script标签然后就通过FTP登...

计算机/ @whlysu
...
使用 JavaScript 创建一个带动画效果的固顶导航菜单 【已翻译】

当我们需要往页面增加导航菜单时,有很多问题需要考虑。例如菜单的位置、样式,以及是否支持响应式等等。又或者你想给菜单增加一些动画效果。这个时候你可能想找一个 jQuery 插件可以帮你实现所有的事情。但是不需要,其实只需要一些简单代码就可以轻松创建你自己的漂亮菜单。 在这篇文章中,我将演示如何使用 JavaScript\CSS\HTML 创建一个具有动画效果的固顶导航菜单。该菜单在页面向下滚动...

计算机/ @CY2
...
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 上下文的差异 【已翻译】

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

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

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

计算机/ @lison, @Mia, @miniwa, @ZenYu