11 2019 档案

原形与原形连链
摘要：所有函数都有一个特别的属性: * `prototype` : 显式原型属性* 所有实例对象都有一个特别的属性: * `__proto__` : 隐式原型属性 * 显式原型与隐式原型的关系 * 函数的prototype: 定义函数时被自动赋值, 值默认为{}, 即用为原型对象 * 实例对象的__pro 阅读全文
posted @ 2019-11-26 14:12 distant-遥远 阅读(223) 评论(0) 推荐(0)
js 高级 原型与原型链
摘要：* 所有函数都有一个特别的属性: * `prototype` : 显式原型属性* 所有实例对象都有一个特别的属性: * `__proto__` : 隐式原型属性 1. 每个函数都有一个prototype属性, 它默认指向一个对象 objectg(即称为: 原型对象) * 显式原型与隐式原型的关系 * 阅读全文
posted @ 2019-11-24 16:27 distant-遥远 阅读(185) 评论(0) 推荐(0)
js基础总结
摘要：## 数据类型的分类和判断 * 基本(值)类型* Number 任意数值 typeof* String 任意字符串 typeof* Boolean true/false typeof* undefined undefined typeof/ * null null * 对象(引用)类型* Objec 阅读全文
posted @ 2019-11-23 17:49 distant-遥远 阅读(172) 评论(0) 推荐(0)
js里json和eval()
摘要：JSON * - JS中的对象只有JS自己认识，其他的语言都不认识 * - JSON就是一个特殊格式的字符串，这个字符串可以被任意的语言所识别， * 并且可以转换为任意语言中的对象，JSON在开发中主要用来数据的交互 * - JSON * - JavaScript Object Notation J 阅读全文
posted @ 2019-11-23 11:39 distant-遥远 阅读(514) 评论(0) 推荐(0)
js--冒泡排序
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>if练习3</title> <script type="text/javascript"> /* * 编写程序，由键盘输入三个整数分别存入变量num1、num2、num3， * 阅读全文
posted @ 2019-11-19 16:30 distant-遥远 阅读(102) 评论(0) 推荐(0)
js数学公式-曲线运动
摘要：勾股定理 a*a + b*b =c*c 三角函数 正弦 : sin 余弦 : cos 正切 : tan 余切 : cot 正弦定理 a/sinA = b/sinB =c/sinC = 2r（r为外接圆半径） 余弦定理 cosA = b*b + c*c - a*a / 2bc cosB = c*c + 阅读全文
posted @ 2019-11-15 16:40 distant-遥远 阅读(814) 评论(0) 推荐(0)
事件绑定兼容（事件流的机制;事件委托
摘要：2.js的兼容性问题 ev||event offsetParent 事件绑定（事件流的机制;事件委托） 鼠标滚轮事件 非火狐：onmousewhell（dom0） ev.whellDelta（滚轮方向） 上：正 下:负 火狐： DOMMouseScroll（dom2） ev.detail（滚轮方向） 阅读全文
posted @ 2019-11-15 15:18 distant-遥远 阅读(215) 评论(0) 推荐(0)
2 获取元素在页面中的位置
摘要：获取元素在页面中的位置 绝对位置:到body的距离 相对位置:到视口的距离 本身定位为fixed ==> offsetParent:null（不是火狐） offsetTop和offsetLeft也是参照于body的 ==> offsetParent:body（火狐） 本身定位不为fixed 父级没有 阅读全文
posted @ 2019-11-15 13:45 distant-遥远 阅读(222) 评论(0) 推荐(0)
Dom关于位置和尺寸的api
摘要：parentNode 直接父级//和offsetParent不同 <!DOCTYPE html> <html id="html"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #inner2{ posit 阅读全文
posted @ 2019-11-14 19:46 distant-遥远 阅读(173) 评论(0) 推荐(0)
canvas像素的操作
摘要：###在canvas中的像素操作 到目前为止，我们尚未深入了解Canvas画布真实像素的原理，事实上， 你可以直接通过ImageData对象操纵像素数据，直接读取或将数据数组写入该对象中 ###得到场景像素数据 getImageData():获得一个包含画布场景像素数据的ImageData对像,它代 阅读全文
posted @ 2019-11-10 16:46 distant-遥远 阅读(505) 评论(0) 推荐(0)
canvas绘制文本
摘要：##在canvas中绘制文本 canvas 提供了两种方法来渲染文本: fillText(text, x, y) 在指定的(x,y)位置填充指定的文本 strokeText(text, x, y) 在指定的(x,y)位置绘制文本边框 <!DOCTYPE html> <html> <head> <me 阅读全文
posted @ 2019-11-10 11:46 distant-遥远 阅读(679) 评论(0) 推荐(0)
canvas插入图片设置背景，渐变
摘要：##在canvas中插入图片(需要image对象) 1.canvas操作图片时，必须要等图片加载完才能操作 2.drawImage(image, x, y, width, height) 其中 image 是 image 或者 canvas 对象，x 和 y 是其在目标 canvas 里的起始坐标。 阅读全文
posted @ 2019-11-10 11:28 distant-遥远 阅读(7854) 评论(0) 推荐(0)
canvas绘制路径
摘要：2.画布apicanvas.getContext("2d");canvas.widthcanvas.height 3.上下文api ctx.fillRect(x,y,w,h):填充矩形 ctx.strokeRect(x,ymwmh):带边框的矩形 ctx.clearRect(0,0,oc.width 阅读全文
posted @ 2019-11-09 12:43 distant-遥远 阅读(389) 评论(0) 推荐(0)
canvas绘制线和矩形
摘要：###canvas绘制矩形 HTML中的元素canvas只支持一种原生的图形绘制：矩形。所有其他的图形的绘制都至少需要生成一条路径 1.绘制矩形 canvas提供了三种方法绘制矩形： >绘制一个填充的矩形（填充色默认为黑色） fillRect(x, y, width, height) >绘制一个矩形 阅读全文
posted @ 2019-11-08 17:00 distant-遥远 阅读(758) 评论(0) 推荐(0)
canvas基础用法
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } html,body{ height: 100%; over 阅读全文
posted @ 2019-11-08 16:29 distant-遥远 阅读(189) 评论(0) 推荐(0)
bootsrap-----固定布局解析
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/bootstrap.min.css" /> <style type="text/css"> .c 阅读全文
posted @ 2019-11-07 13:07 distant-遥远 阅读(223) 评论(0) 推荐(0)
bootstrap-----流体布局解析
摘要：流体布局容器 容器的width为auto，只是两边加了15px的padding。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/bootstr 阅读全文
posted @ 2019-11-07 12:31 distant-遥远 阅读(415) 评论(0) 推荐(0)
css----less预处理器
摘要：###less less是一种动态样式语言，属于css预处理器的范畴，它扩展了 CSS 语言， 增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展 LESS 既可以在 客户端 上运行 ，也可以借助Node.js在服务端运行。 less的中文官网：http://lesscss.cn/ bo 阅读全文
posted @ 2019-11-06 13:33 distant-遥远 阅读(208) 评论(0) 推荐(0)
css---flex布局--容器
摘要：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool 容器设置 新版的为display为flex 老版的为display为webkit-box； 布局方向 老版的布局方向 flex-direction: 阅读全文
posted @ 2019-11-04 12:53 distant-遥远 阅读(500) 评论(0) 推荐(0)
css---动画封装
摘要：animation-name 属性指定应用的一系列动画，每个名称代表一个由@keyframes定义的动画序列 值: none 特殊关键字，表示无关键帧。 keyframename 标识动画的字符串 animation-duration属性指定一个动画周期的时长。默认值为0s，表示无动画。 值 一个动 阅读全文
posted @ 2019-11-03 12:23 distant-遥远 阅读(359) 评论(0) 推荐(0)
css---2D变形
摘要：1.transfrom:rotate(360deg); 用前要加transition: 2s; deg重点 transform:rotate(angle); 正值:顺时针旋转 rotate(360deg) 负值:逆时针旋转 rotate(-360deg) 只能设单值。正数表示顺时针旋转，负数表示逆时 阅读全文
posted @ 2019-11-01 15:04 distant-遥远 阅读(314) 评论(0) 推荐(0)
css---过渡天坑
摘要：异步加载 确实没看懂这什么坑 阅读全文
posted @ 2019-11-01 14:19 distant-遥远 阅读(233) 评论(0) 推荐(0)
css---8 过渡属性刨析
摘要：1. transition-property 默认值为 all，表示所有可被动画的属性都表现出过渡动 可以指定多个 property 属性值： none 没有过渡动画。 all 所有可被动画的属性都表现出过渡动画。 IDENT 属性名称 （可以指定多个） 2 transition-duration 阅读全文
posted @ 2019-11-01 12:18 distant-遥远 阅读(190) 评论(0) 推荐(0)