Flyingfish

MVVM什么是MVVM？MVVM是Model-View-ViewModel的缩写。当我们用Node.js有了一整套后端开发模型后，我们对前端开发也会有新的认识。由于前端开发混合了HTML、CSS和JavaScript，而且页面众多，所以，代码的组织和维护难度其实更加复杂，这就是MVVM出现的原因。用JavaScript在浏览器中操作HTML，经历了若干发展阶段：第一阶段，直接用JavaS...

Node.js

jQueryjQuery这么流行，肯定是因为它解决了一些很重要的问题。实际上，jQuery能帮我们干这些事情：消除浏览器差异：你不需要自己写冗长的代码来针对不同的浏览器来绑定事件，编写AJAX等代码；简洁的操作DOM的方法：写$(’#test’)肯定比document.getElementById(‘test’)来得简洁；轻松实现动画、修改CSS等各种操作。jQuery的理念“Wri...

underscoreunderscore前面我们已经讲过了，JavaScript是函数式编程语言，支持高阶函数和闭包。函数式编程非常强大，可以写出非常简洁的代码。现在问题来了，Array有map()和filter()方法，可是Object没有这些方法。此外，低版本的浏览器例如IE6～8也没有这些方法，怎么办？方法一，自己把这些方法添加到Array.prototype中，然后给Obje...

错误处理try … catch … finally我们来分析一下使用try … catch … finally的执行流程。当代码块被try { … }包裹的时候，就表示这部分代码执行过程中可能会发生错误，一旦发生错误，就不再继续执行后续代码，转而跳到catch块。catch (e) { … }包裹的代码就是错误处理代码，变量e表示捕获到的错误。最后，无论有没有错误，finally一定会被...

JavaScript教程505 | 浏览器浏览器对象windowwindow对象不但充当全局作用域，而且表示浏览器窗口。window对象有innerWidth和innerHeight属性，可以获取浏览器窗口的内部宽度和高度。内部宽高是指除去菜单栏、工具栏、边框等占位元素后，用于显示网页的净宽高。内部宽高是指除去菜单栏、工具栏、边框等占位元素后，用于显示网页的净宽高。对应的，还有一...

JavaScript教程404 | 面向对象编程面向对象的两个基本概念类：类是对象的类型模板实例：实例是根据类创建的对象JavaScript不区分类和实例的概念，而是通过原型（prototype）来实现面向对象编程。原型是指当我们想要创建xiaoming这个具体的学生时，我们并没有一个Student类型可用。那怎么办？恰好有这么一个现成的对象：法一：把一个对象的原型指向另一个对象...

JavaScript教程303 | 标准对象标准对象typeof 123; // 'number'typeof NaN; // 'number'typeof 'str'; // 'string'typeof true; // 'boolean'typeof undefined; // 'undefined'typeof Math.abs; // 'function'typeo...

JavaScript教程202 | 函数定义函数// 定义1function abs(x) { if (x >= 0) { return x; } else { return -x; }}// 定义2：匿名函数var abs = function (x) { if (x >= 0) { ...

JavaScript教程101 | 快速入门代码JavaScript代码可以直接嵌在网页的任何地方，不过通常我们都把JavaScript代码放到中第二种方法是把JavaScript代码放到一个单独的.js文件，然后在HTML中通过引入这个文件alert('hello');语句块语句块是一组语句的集合注释以//开头直到行末的字符被视为行注释另一种块注释是用/…/把多...

应用

浏览器10 | 浏览器：一个浏览器是如何工作的？（阶段一）网络部分对浏览器的实现者来说，他们做的事情，就是把一个 URL 变成一个屏幕上显示的网页。浏览器首先使用 HTTP 协议或者 HTTPS 协议，向服务端请求页面；把请求回来的 HTML 代码经过解析，构建成 DOM 树；计算 DOM 树上的 CSS 属性；最后根据 CSS 属性对元素逐个进行渲染，得到内存中的位图；一个...

JavaScript05 | JavaScript类型：关于类型，有哪些你不知道的细节？问题为什么有的编程规范要求用 void 0 代替 undefined？字符串有最大长度吗？0.1 + 0.2 不是等于 0.3 么？为什么 JavaScript 里不是这样的？ES6 新加入的 Symbol 是个什么东西？为什么给对象添加的方法能用在基本类型上？7 种语言类型U...

CSS09 | CSS语法：除了属性和选择器，你还需要知道这些带@的规则CSS 的顶层样式表由两种规则组成的规则列表构成，一种被称为 at-rule，也就是 at 规则，另一种是 qualified rule，也就是普通规则。at-rule 由一个 @ 关键字和后续的一个区块组成，如果没有区块，则以分号结束。这些 at-rule 在开发中使用机会远远小于普通的规则，所以它的大部分内容，你...

HTML03 | HTML语义：div和span不是够用了吗？语义类标签是什么，使用它有什么好处？语义类标签也是大家工作中经常会用到的一类标签，它们的特点是视觉表现上互相都差不多，主要的区别在于它们表示了不同的语义，比如大家会经常见到的 section、nav、p，这些都是语义类的标签。不过，在很多工作场景里，语义类标签也有它们自己无可替代的优点。正确地使用语义标签可以带来很多好处...

开篇重学前端开篇词 | 从今天起，重新理解前端前端的史前记忆：“青铜时代”AjaxWeb 1.0（静态网页）到 Web 2.0（动态网页）的迈进进入发展期的前端：“白银时代”前端逐步从后端分离了出来，它的代码也变得复杂了起来，还需要保存数据、处理数据、生成视图等。从前端到“全端”：“黄金时代”逐步过渡到提倡组件化和 UI 架构模式，最后形成了新一代的前端框架Rea...