2018 年 12月随笔档案 - 浅色的风

（转）认识原型对象和原型链

摘要：在Javascript中，万物皆对象，但对象也有区别，大致可以分为两类，即：普通对象 Object 和函数对象 Function。一般而言，通过 new Function 产生的对象是函数对象，其他对象都是普通对象。举例说明： f1属于函数的声明，最常见的函数定义方式，f2实际上是一个匿名函数阅读全文

posted @ 2018-12-20 19:25 浅色的风阅读(138) 评论(0) 推荐(1)

JS中部分 Array 对象方法介绍

摘要：1.concat() concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本 2.join() join() 方法用于把数组中的所有元素（元素是通过指定的分隔符进行分隔的）放入一个字符串。该方法的返回值是一个字符串。该字符串是通过把 arrayOb 阅读全文

posted @ 2018-12-19 20:10 浅色的风阅读(176) 评论(0) 推荐(0)

js预编译和函数执行

摘要：javascript 执行过程 1.语法检测（有没有基本的语法错误,例如中文,关键字错误...）2.词法分析(预编译) （1）创建全局GO（global object）对象（2）对var声明的变量进行声明提升但不赋值,放入GO对象中（3）对函数体整体进行提升，放入GO对象中 3.逐行执行一.全阅读全文

posted @ 2018-12-17 20:21 浅色的风阅读(892) 评论(0) 推荐(1)

canvas和svg小记

摘要：一、关于canvas <canvas> 是 HTML5 新增的元素，可用于通过使用JavaScript中的脚本来绘制图形例如，它可以用于绘制图形，创建动画。 <canvas> 最早由Apple引入WebKit 我们可以使用<canvas>标签来定义一个canvas元素,canvas标签的两个属性< 阅读全文

posted @ 2018-12-15 16:25 浅色的风阅读(314) 评论(0) 推荐(0)

HTML中常用的部分标签（一）

摘要：【常见的块级标签】标题标签<h1></h1>...<h6></h6> 水平线<hr/> 段落<p></p> 换行<br/> 引用<blockquote</blockquote> 预格式<pre></pre> 引用标签<blockquote></blockquote> 表明标签中的文字，为引用的内容阅读全文

posted @ 2018-12-13 20:16 浅色的风阅读(469) 评论(0) 推荐(0)

如何在canvas中画出一个太极图

摘要：先放一个效果图：代码如下具体来说，先画出一个圆然后在圆的左半边填充黑色然后在圆心纵坐标上下各二分之一半径处分别画一个圆，一个填充黑色，一个填充白色最后在这两个圆内分别填充一个更小的圆，一个黑色，一个白色阅读全文

posted @ 2018-12-12 22:07 浅色的风阅读(309) 评论(0) 推荐(0)

利用canvas画一个实时时钟

摘要：先放一张效果图：下面是源代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ text-align: center; margin-top: 150 阅读全文

posted @ 2018-12-12 20:54 浅色的风阅读(711) 评论(0) 推荐(1)

js利用点击事件做一个简单的计算器

摘要：先放一个样式图：源代码如下： ————简单来说，我的做法就是根据需求给每一个按键添加一个点击事件。先获取到显示器部分： ————利用点击事件将按键的值传给显示部分，用到这个方法的的按键有0~9的数字，小数点，加减乘除和取余（%）的运算符号 ————给等号按键添加的方法如下，eval方法会自动进行阅读全文

posted @ 2018-12-11 17:34 浅色的风阅读(1376) 评论(0) 推荐(1)

利用随机数与定时器做一个简单的伪随机抓阄游戏

摘要：————定义两个数组，一个装姓名，一个装事件，顺便定义一个定时器名 //document.getElementById("sb").innerHTML 获取到的ID名为sb的元素里面的内容//Math.floor(Math.random()*sname.length) 随机生成一个0到sname.l 阅读全文

posted @ 2018-12-10 19:11 浅色的风阅读(702) 评论(2) 推荐(0)