现代 CSS

JavaScript

JavaScript中的对象

JavaScript中的一个对象就是一系列属性的集合,一个属性包含一个属性名和一个属性值(key/value)。一个属性的值可以是函数(这个时候也被称为方法)。除了内置的对象之外,还可以自定义对象。接下来学习在JavaScript中怎么使用对象、属性、函数和方法以及怎么自定义创建对象。

JavaScript中的new关键词

这两天学习JavaScript的数据类型以及字符转换过程中接触到了new这个关键词。比如new String()new Boolean()new Number()之类的。如果我们通过typeof来判断他们的类型的话,得到的结果都是object。那么在JavaScript中,new关键词有哪些知识点需要了解呢?

JavaScript中toString()和valueOf()

在《JavaScript中数据类型转换》一文中主要学习了JavaScript中的数据类型、数据类型检测和数据类型转换。从这篇文章中了解到了通过String()toString()可以将值转换为字符串。那么在JavaScript中还有很多有意思的东西,也是让我这样的生手感到困惑的东西。比如String()new String()有何不同,又比如这篇文章的标题toString()valueOf()又有何不同。

JavaScript中数据类型转换

最近在项目中使用到字符串转数字。刚开始使用的是Number(),结果可想而知。后来Review代码的时候,应该使用parseInt()。我当时在纳闷,为什么要使用parseInt()呢?结果老板甩过一句话,看规范去。现在项目可算暂告一段落,所以得自己整清楚Number()parseInt()有什么区别。

JavaScript中this的使用规则

在绝大多数情况下,函数的调用方式决定了this的值。this不能在执行期间被赋值,在每次函数被调用时this的值也可能会不同。在函数中this到底取何值,是在函数真正被调用执行的时候确定下来的,函数定义的时候确定不了。这篇文章介绍了JavaScript中this的一些规则,这些规则很简单。最重要的规则是,this决定调用一个函数时的回调是什么。下面简单的罗列一些这方面的规则。

ES6学习笔记:箭头函数

前端的学习是永无止境的,总是不断的有新知识需要学习,为了能跟上节奏,也硬逼自己开始学习一些ES6相关的知识。今天先来学习ES6中的箭头函数。在学习箭头函数之前先简单的回顾一下JavaScript中的一些概念。

【转载】JavaScript 中的回调

你有无意中看到 "callback" 但并不知道其中的意思么?不用担心。不是只有你一个人这样。很多JavaScript 新手都难以理解回调。虽然回调比较令人困惑,你仍然需要彻底的学习理解它们,因为它在 JavaScript 中是一个很关键的概念。如果你不知道回调,那么你无法走的长远。这就是今天这篇文章需要讲解的!你将要学习什么是回调以及它们为什么如此重要和怎么去使用。

【转载】ES6箭头函数和它的作用域

在ES6很多很棒的新特性中, 箭头函数 (或者大箭头函数)就是其中值得关注的一个! 它不仅仅是很棒很酷, 它很好的利用了作用域, 快捷方便的在现在使用以前我们用的技术, 减少了很多代码......但是如果你不了解箭头函数原理的话可能就有点难以理解. 所以,让我们来看下箭头函数, 就是现在!

【转载】WAAPI

WAAPI 让我们能够构建动画并控制动画的播放。WAAPI 向开发者开放了浏览器的动画引擎,开发者可以通过 Javascript 接口来操作该引擎。该 API 是基于 CSS 动画和 CSS 过渡实现的,并且考量了未来可能会增加的动画效果。它是 Web 平台支持的实现动画的最高效的方式之一,在该方式下浏览器能够进行内部优化,因而不再需要所谓的黑科技、强制性的技巧和 requestAnimationFrame 方法。通过 WAAPI,我们可以很大程度上将交互动画从样式转移到 JS 上,将行为与表现分离。我们不再需要依赖很多的 DOM 技巧来控制动画的播放,比如直接赋值 CSS 属性或者切换类名。并且与简单、声明式的 CSS 不同,JS 允许我们动态地改变样式属性或播放选项。对需要构建自定义动画库和开发动画接口的开发者来说,WAAPI 可能是最酷的工具了。让我们来看看它都可以做什么。

【转载】细嗅Promise

Ajax 出现的时候,刮来了一阵异步之风,现在 Nodejs 火爆,又一阵异步狂风刮了过来。需求是越来越苛刻,用户对性能的要求也是越来越高,随之而来的是页面异步操作指数般增长,如果不能恰当的控制代码逻辑,我们就会陷入无穷的回调地狱中。ECMAScript 6 已经将异步操作纳入了规范,现代浏览器也内置了 Promise 对象供我们进行异步编程,那么此刻,还在等啥?赶紧学习学习 Promise 的内部原理吧!

页面

返回顶部