过客如期的博客

1.本文通过实现一个物体的拖拽，简单介绍一下拖拽的api2.一个简单的拖拽模型，包含目标元素拖拽过程，和容器元素。

1.FileReader用于解析File对象或Blob对象，获取文件数据。

1.在javascript中，File对象代表一个文件，是文件在代码中的抽象表示。

一，前言1.对于css盒子模型，我们使用width和height等来定义dom元素的宽高，而有时我们需要在js中获取元素的宽高进行一些操作。2.dom操作提供了相应的属性来实现这一点二，clientWidth和clientHeight1.clientWidth和clientHeight用于获取元素的视口宽高，不包含border，margin,还要滚动条。三，offsetWidth和offsetHeight1.元素的实际宽高，包含滚动条和border,不包含margin四，scrollHei

一，blob介绍1.blob是二进制类型的大对象。2.在后端Blob的概念在一些数据库中被使用，将文件存储成二进制。3.在前端中，Blob类型的对象表示不可变的类似文件对象的原始数据。通俗点说，Blob对象是类似文件对象的二进制数据二，blob作用1.通常在前端我们下载文件有两种方式，一种是提供url直接指向文件位置。2.另一种就是可以通过请求返回blob数据，前端解析生成指向blob文件的url。三，使用blob对象下载文件1.new Blob([],{type:'"}) 使用blob函数

1.浏览器提供了三种常用储存方式可以在浏览器中对数据进行保存，分别是、和cookie2.其中cookie兼容性最好，和在IE8以上都是支持的。1.cookie是最早的存储数据的方式。2.设置cookie（1）基本方式（2）设置过期时间expires=GMT(格林威治时间)格式的日期型字符串;'（3）当没有设置expires时，cookie是临时的，页面关闭时就会删除。（4）我们可以在开发者工具上查看存储的cookies3.读取cookie（1）访问所有的cookie，返回字符串（2）注意在删除。......

一，setTimeout和setInterval介绍1.很多人容易把setTimeout和setInterval理解成线程概念，其实不然，js是单线程的，setTimeout和setInterval的计时虽然运行在浏览器内核的定时触发器线程上，但真正的回调函数依然被添加到事件队列，在js引擎线程中执行。2.setTimeout和setInterval的作用简单来说就是将一些操作延时执行。二，...

一，DOM介绍1.浏览器会把HTML文档解析成一个树结构，并且在此基础上定义了访问和操作 HTML 文档的标准。根据W3C标准我们称之为HTML DOM(Document Object Model)文档对象模型。2.HTML 文档中的所有内容都是节点，且有以下几个类型。整个文档是一个文档节点(root根节点)每个 HTML 元素是元素节点HTML 元素内的文本是文本节点每个 HTML ............

一，事件介绍1.事件用来实现js和html之间交互，网页中的每个元素都有一些事件属性可以触发 JavaScript 函数(下文的事件处理函数）。2.一个完整的事件包含:事件源 (html元素）事件类型 (click,mouseover……)事件处理程序-侦听器 (js回调函数)二，事件流1.事件流分为三种：事件冒泡，事件捕获，dom事件流。2.事件冒泡：事件开始时由最具体的元素 (...

1

一，什么是正则表达式1.正则表达式是一种模式，用来匹配符合这种模式的字符串。可以用来寻找或者替换文本。2.正则表达式的基本模式：/正则表达式主体/修饰符(可选)二，创建一个正则表达式1.通过字面量来创建：/ /2.通过构造函数：new RegExp(/ /)三，正则对象方法1.test...

一，parseInt()1.接受任何合法的js值，但只有是number类型，或者内容本身是数字的字符串时返回整数部分。其余非数字的返回NaN。2.注意parseInt直接取整数部分，没有进行四舍五入的计算二，parseFloat()1.接受任何合法的js值，但只有是number类型，或者内容本身是数字的字符串时返回其数值型（当是整数时返回整数，是小数时返回小数）。其余非数字的返回NaN。2.当要把一个数字字符串转成数值类型时，如果没有只保留整数的需求，应该使用parseFloat而不是parseI

什么是javascript?JavaScript是一种运行在浏览器中的解释型的编程语言Node.js把JavaScript引入到了服务器端，JavaScript已经变成了全能型选手。javascript历史1995年网景公司创造了javascript。为什么叫JavaScript？因为当时Java非常火热，网景公司想借java的名气来推广JavaScript。后来微软学习javascri......

一，介绍1.在js中某些操作会自动转化数据类型，称之为隐式转换二，场景1.==操作:会将左右两边的数据转化后在比较，例如 0==false 返回true2.数字+字符串（11+'11'） ：加法运算中，只要出现了字符串，最终结果会变成字符串，因此11+'11' =11113.数字*字符串（'11' *2 ）：字符串乘数字会返回number类型，'11'*2=22 'aa'*2=NaN4.数字* + 布尔值（true+1）： boolean会被转化成数值进行运算,true+1=2 false*10

一，Date对象创建方法1.创建Date对象有四种方法：（1）new Date():不传入参数，返回系统当前时间（2）new Date('YYYY-MM-DD hh:mm:ss')或new Date('YYYY/MM/DD hh:mm:ss'):接受一个特定格式的字符串作为参数，返回字符串里的时间（3）new Date(num):接受一个时间戳，即毫秒（4）new Date(Y,m,d,h,m,s):接受多个参数时，分别代表年月日时分秒，注意可以不用都传，但只传一个参数时，会被认为是时间戳2.t

面向对象编程面向对象编程有两个基本的概念：1，类2，实例然而JavaScript不区分类和实例的概念，而是通过原型（prototype）来实现面向对象编程例如，创建一个Array对象：var arr = [1, 2, 3];其原型链是：arr ----> Array.prototype ----> Object.prototype ----> null当我们创...

背景介绍语言特性代码流程控制数值介绍字符串介绍数组介绍对象介绍函数介绍函数中this指向闭包函数面向对象编程代码预解析JavaScript执行机制

高阶函数一个函数可以接收另一个函数作为参数，还可以把函数作为结果值返回，这种函数就称之为高阶函数函数的闭包1.在函数内部定义函数，2.返回函数体，而不是返回函数调用function abs(){var i=0 //可以封装成一个私有变量var fn =function(){return i}return fn //注意是返回函数本身fn ,而不是返回函数调用fn() 后者...

javaScript 支持的数据类型1.Number (js不区分整数，浮点数，NaN,inifity）2.string3.对象4.数组5.布尔值6,两个特殊的值undefined：声明而为初始化时为undefinednull: 声明且初始化为空JavaScript 的比较运算符>, <,>=,<=,==, ===其中比较特殊的两个==,==="=...

一, javascript中的数值1.在js中，数值只有整数和浮点数和NAN的概念。2.在js中，我们不仅可以使用十进制来表示数字，也可以使用二进制 (添加0b前缀)，八进制 （添加0o前缀）十六进制（添加0x前缀）表示数字。{ let n=10; //十进制 console.log(n===0b1010 )// 10的二进制表示形式,true console.log(n===0o12) //10的八进制表示形式,true console.log(n===0xA) //10的十六进制表

if做条件判断循环有3种1，for2. while3. for in 循环： for （key in object）当遍历的是字符串和数组时返回索引下标，且返回的是字符串形式，并非数字形式...

js数组非常强大，本文为自己学习时整理的数组特性，数组常用操作的一些总结。

对象js对象是一种无序的集合数据类型，它由若干键值对组成JavaScript对象的所有属性都是字符串，不过属性对应的值可以是任意数据类型若对象的属性不是一个有效的变量名，则需要用引号括起来访问对象属性的两种方式：1.object.prop : 如果对象的属性名不是有效变量，则不能使用此方法2.object[prop]由于js是动态的，你可以自由的为对象添加，或删除键值对添加可直接写...

js函数学习

javaScript关于this的学习与总结

javaScript之字符串字符串是以’ ’ ,’’ ''括起来的字符表示若要表示的字符串里有单引号，则外部使用双引号，反之。若字符串里既有单引号，又有双引号则在内部使用转义字符 常用的转义字符有：\n表示换行，\t表示制表符，字符\本身也要转义，所以\表示的字符就是\对字符串的常用操作：连接：使用+号将字符全部转化为大写：toUpperCase()将字符全部转化为小写：toLo...

介绍了预解析的工作，关于变量提升...

一，javaScript是单线程1.要想理解js的执行机制，首先，我们要把握一个重要的点，js是单线程的。因此按理说我们可以认为js是按照语句出现的顺序一步一步执行。2.但是假如某个操作耗时非常久，那么下面的任务就需要等，例如：假如我们想浏览新闻，但是新闻包含的超清图片加载很慢，我们的网页要一直卡着直到图片完全显示出来，显然这样是不合理的。那么解决的对策是什么呢？二，同步任务和异步任务1....