谈谈 JS 中 __proto__ 和 prototype

前言

关系图
在学习 JavaScript 的过程中, 深感这门语言的一些奇葩设定, 在学习 __proto__ 和 prototype 时, 遇到了一些困惑, 思考了挺久也查阅了很多资料, 于是写了这篇博客来记录。



JavaScript 数组对象 Array

前言

在 JavaScript 中引用类型除了 Object 外,最常用的恐怕就是 数组 Array 了。 都说 JavaScript 中万物基于对象(但我觉得这句话有些时候也是有些坑的), 所以 Array 对象也有很多它内置的方法。
JavaScript 是弱类型语言, 所以我们不用声明就可以直接使用了, 但这样是比较不推荐的。 JavaScript 中的数组也是个有序列表, 但和其他语言有所不同的是, JavaScript 数组中的每一项都可以保存任何类型的数据。 有点像 Python 中的列表, 我们可以用数组中的第一项保存一个数字, 第二项保存一个字符串, 而第三项可以保存一个 Object, 没有任何限制。 并且其数组大小是动态调整的, 可以随数据增长而自动增大数组大小。



关于 HTML5 中 CSS 设置 Canvas 画布的大小所遇到的问题

前言

在学习 HTML5 的 Canvas 标签时, 看了文档后, 自己写了一下, 发现遇到了一个问题。
当我想改变画布的的大小的时候, 通常想到的是通过 CSS 样式来改变, 如:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<style>
#test-canvas {
width: 300px;
height: 300px;
background-color: #ccc;
}
</style>

<canvas id="test-canvas">
<p>你的浏览器不支持Canvas</p>
</canvas>

<script>
var canvas = document.getElementById("test-canvas");
// 拿到CanvasRenderingContext2D对象
var ctx = canvas.getContext("2d");
// 绘制一个边长为100像素的张方形
ctx.strokeRect(0, 0, 100, 100);
</script>


JavaScript 中的几种函数声明方式小记录

前言

最近在学 JavaScript 对其的函数声明的几种方式有很大的兴趣, 思考了一些东西, 所以就写下这篇博客来记录, 可以说 函数是 JavaScript 中最有趣的东西了. 据说 Brendan Eich 在创造它时, 比较中意的是函数式, 但他当时的公司在于 sun 合作, 所以希望他把 JavaScript 整的像 Java 一点, 并取名为 JavaScript. 但与 Java 并没有什么关系. 在其风格上看, 个人认为更像是 C 风格的函数式脚本语言.
JavaScript 中所有的一切都是对象, Object 是一个基础类型, 而 Function 类型是引用 Object 类型继承而来的, 函数作为 Function 类型的实例, 也是对象.



网页布局前的一些前置工作网页布局前的一些前置工作


浏览器样式重置(CSS Reset)

  • 为什么要重置浏览器样式?

    因为不同的浏览器(ie,firefox,chrome等),不同的核心对CSS的解析效果会有不同的呈现,和自己所期望的效果有所差异.
    如浏览器就会自己给body加上一条外边距(margin)的属性等,但有时候我们便不需要它,所以我们要重置浏览器样式.



Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×