共有 9 人关注 标签:JavaScript,共有 57 篇文章

...
How to write async await without try-catch blocks in Javascript 【12%】

ES7 Async/await allows us as developers to write asynchronous JS code that look synchronous. In current JS version we we're introduced to Promises, that allows us to simplify our Async flow and avo...

计算机/ @小丑
...
How I Convinced Our CTO to Switch From CoffeeScript to ES6 【未翻译】

Aha! is a Rails monolith. Although we have embraced front end technologies, such as webpack and React, Rails is the glue that holds everything together. And like many Rails monoliths, CoffeeScript ...

计算机/ @pauli
...
10 个最终编译成 JavaScript 的脚本语言 【已翻译】

相比于简单的网站,现代应用具有不同的需求。但是浏览器是一个具有(几乎)固定可用技术集合的平台,而JavaScript依然是 web 应用的核心语言;需要运行在浏览器中的任何应用必须使用该语言来实现。 作者的更多文章 KeystoneJS: The Best Node.js Alternative to WordPress The Anatomy of a Modern JavaScript ...

计算机/ @mylxiaoyi, @Render, @墨镜大头
...
使用 JavaScript 进行即时表单验证 【已翻译】

HTML5引入了几个新的属性来实现基于浏览器的表单验证。 pattern属性是一个正则表达式,用于定义textarea元素和大多数input元素类型的有效输入范围。  属性指定某个字段是否需要输入。 对于没有实现这些属性的传统浏览器,我们可以使用它们的值作为填充表单的基础。 我们还可以使用它们来提供更有趣的增强功能 - 即时表单验证。 来自作者的更多内容 一个JavaScript可访问性的失...

计算机/ @toypipi
...
date-fns —— 轻量级的 JavaScript 日期库 【已翻译】

在 JavaScript中处理日期是一件非常让人头疼的事情。原生的日期方法往往是冗长且不一致的,这给开发人员带来很大的困惑。但现在,好消息来了。现在已经有不少库,能让处理日期变得不再那么痛苦。这些库之于 JavaScript 原生的日期方法,就好比 jQuery 之于原生 DOM API。 举个例子。这是一个对 Stack Overflow 上的一个问题—— how to get last ...

计算机/ @Vimsucks, @Render, @边城
...
JavaScript 中的 BDD : Cucumber 和 Gherkin 入门 【7%】

By now, everyone has heard about Test Driven Development (TDD), and the benefits that this can have on your product and your development lifecycle. It’s a no-brainer really. Every time you write a ...

计算机/ @toypipi
...
回归本质:JavaScript 中的回调是什么? 【已翻译】

学习 JavaScript 的时候,很快就会遇到回调。对于初学者来说,它们显得陌生,充满神秘,然而为了驾驭语言的力量,搞懂这个问题就显得非常重要了。我会在这篇文章中通过简单易必的例子教你关于回调的基本知识。 回调 —图片来自 unsplash 什么是回调? 简单的说:回调是一个函数,它会在另一个函数(通常是异步的)执行完成之后才会被调用执行——因此叫做“回调”。 更复杂的解释:JavaScr...

计算机/ @边城, @lison, @CY2
...
JavaScript 里如何正确的进行错误处理 【已翻译】

啊哈,在 JavaScript 中处理错误是个危险的事情。如果你相信墨菲定律,任何可能出错的事情就一定会出错。本文中,我会探讨 JavaScriopt 中的错误处理。内容涵盖陷阱、良好实践,以及处理异步代码和 Ajax 中的错误。 本文很受欢迎,它在 2017年6月8日针对读者的反馈进行了更新。具体地说,包括在代码段中添加文件名称,单元测试包含清理步骤,向 uglyHandler 引入了包装...

计算机/ @边城, @CY2, @machunyan, @Haoz
...
在 JavaScript 中调用 Kotlin 方法 【已翻译】

Kotlin 编译器生成正常的 JavaScript 类,可以在 JavaScript 代码中自由地使用的函数和属性 。不过,你应该记住一些微妙的事情。 用独立的 JavaScript 隔离声明 为了防止损坏全局对象,Kotlin 创建一个包含当前模块中所有 Kotlin 声明的对象 。所以如果你把模块命名为 ,那么所有的声明都可以通过  对象在 JavaScript 中可用。例如: 可以在...

计算机/ @CY2
...
在 Kotlin 语言中调用 JavaScript 方法 【已翻译】

Kotlin 已被设计为能够与 Java 平台轻松互操作。它将 Java 类视为 Kotlin 类,并且 Java 也将 Kotlin 类视为 Java 类。但是,JavaScript 是一种动态类型语言,这意味着它不会在编译期检查类型。你可以通过动态类型在 Kotlin 中自由地与 JavaScript 交流,但是如果你想要 Kotlin 类型系统的全部威力 ,你可以为 JavaScrip...

计算机/ @CY2
...
JavaScript 修饰符是什么及何时使用它们 【已翻译】

随着 ES2015+ 的到来,转译已经司空见惯, 人们会在代码或者教程中看到各种新的语言特性。这些特性中有一个经常让人家挠头的特性,就是 JavaScript 的修饰符。 修饰符随 Angular 2+ 变得流行起来。在 Angular 中,是 TypeScript 带来了修饰符,不过修饰符会在今年晚些时间更新为 ES2017 的一部分。我们来看看修饰符是什么,以及如何使用它们可以让代码变得...

计算机/ @边城
...
现代 JavaScript 应用程序的剖析 【已翻译】

毫无疑问,JavaScript生态系统变化很快。不仅是新工具和框架引入、发展速度迅速, 语言本身随着es2015的引入 (又名ES6)也发生了很大变化. 这也可以理解为什么许多文章都抱怨最近学习现代JavaScript开发是多么困难。 作者的其他相关文章 使用Caporal.js创建你自己的 Yeoman-Style 的框架工具。 如何构建和结构的Node.js MVC应用程序 在这篇文章中...

计算机/ @whlysu, @边城, @CY2
...
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 测验 【35%】

“我怎样制作一个JavaScript 测验呢”——这是我从那些学习Web 开发的人群中最常听到的问题之一,并且有很好的需要它的理由。测验是有趣的!它是一个非常好的学习新事物的方法,并且能以一种有趣又俏皮的方式吸引观众。 编码你自己的JavaScript 测验也是一个绝佳的学习经历。它能教会你怎样处理事件,处理用户输入,操作DOM,给用户以回馈以及跟踪他们的分数(例如,使用客户端存储)。当你有...

计算机/ @宇德高辉, @呼保义, @toypipi
...
JavaScript中的事件冒泡?事件传播的解释 【已翻译】

事件冒泡是你在学习javaScript旅途中遇到的一个术语,它涉及到当一个元素被另一个元素嵌套时调用事件处理的顺序,并且两个元素注册了同一个事件(例如,点击事件)。 但是事件冒泡仅仅是难题的一部分。它经常和事件捕获和事件传播一起被提及,并且对这三个概念有着很深的了解是学习javaScript事件必不可少的,例如,假如你想实现事件委托。

计算机/ @颜王孙, @Render, @边城, @pauli
...
2017 年用于 UI 设计的 9 大 JavaScript 动画库 【已翻译】

快来参与 CSS 动画界泰斗 Donovan Hutchinson 开设的 CSS 动画课程来提升你的 CSS 动画制作能力吧。 前端 web 设计在过去十年经历了一场变革。在 2007 年,我们大部分设计者还在设计静态的杂志布局 —— 但到了 2017 年,我们却在使用数千个可缩放、可调节、可移动的模块构建“数字机器”。 很明确的是,伟大的 UI 设计者也需要是一位伟大的动画制作者 —— ...

计算机/ @Lan, @边城, @苏州小浮云, @Render, @weiming, @mylxiaoyi, @林语琛, @Chucklefish
...
使用 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 的顶级框架和主题 【已翻译】

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

计算机/ @Void_Yuan, @北鸟南游, @边城, @CY2
...
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 动画效果 【已翻译】

我写这篇文章为的是介绍一个搭载thednp和dalisoft,实现开放源代码、免费的、功能丰富的 JavaScript动画引擎,名字叫作KUTE.js。 这是系列连载文章Beyond CSS: Dynamic DOM Animation Libraries 的第二篇。如果你很想阅读更多关于如何在web上使用动画的干货,或者是什么时候你可以使用JavaScript动画图库,而不仅仅只是CSS动...

计算机/ @Pamela, @Render, @边城, @pauli, @mylxiaoyi
...
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, @一叶障目