深入 ES6 面向对象

通常我们需要在代码中表述一个想法或概念——一部汽车引擎、一个电脑文件、一个路由器甚至一个温度计的度数。使用代码直接描述这些概念通常分为两部分:「表示状态的数据」与「表示行为的函数」。「类」给我们一个捷径来表述我们想表示的对象的状态和行为。同时,还通过初始化函数确定执行、更方便的定义约定的操作数据与维护状态的函数等机制,使得我们的代码更可控。如果你觉得某些「事物」是一个独立的实体,那么是时候单独为这个「事物」定义一个「类」了

看一段没有类的代码,有多少错误能肉眼判断出来?又如何修复这些错误?

more...

你所不知道的 console 对象的五个函数

文档信息

原文https://shellycloud.com/blog/2014/11/five-functions-of-the-console-object-you-didnt-know?utm_source=himysql&utm_medium=link&utm_campaign=five-functions-of-the-console-object-you-didnt-know

作者@_bkzl

日期:2014年11月

翻译信息

译者@leopku

链接http://www.himysql.com/post/five-functions-of-the-console-object-you-didnt-know/

翻译版本:1

翻译日期:2014年11月10

console.log 常被用来作为日志之用,但是 Console 对象还有一堆类似有用函数鲜为人知。本文中我将选择五个很有意义、在每天的工作中都能实用,却不是很流行的函数。

所有的功能均在 Google Chrome 38 版本中测试有效

more...

AngularJS将页面代码从291行减少到63行

遗留的旧系统,近期需要作些改动。 原来的代码写的非常糟糕,在js里拼接html(貌似这种现象很普遍?!) 代码可读性和可维护性非常之低。 索性拿一个页面做试验,引入AngularJS,将不必要的代码剔除。 功能完成后,代码从原有的291行减少到63行(这63行里还超值赠送了瀑布流的效果)。