随笔分类 -  经典javascript

学习JavaScript,当做笔记。
js中使用new所做的事情
摘要：使用new命令所做的几件事: 1创建(或者说构造)一个全新的对象. 2这个新对象汇报执行[[原型]]连接. 3这个新对象会绑定到函数调用的this。 4如果函数没有返回其他对象，那么new表达式中的函数调用会自动返回这个新对象。 以上过程的伪代码: let obj = new funA(); 1le 阅读全文
posted @ 2019-05-24 11:22 小安排 阅读(1054) 评论(0) 推荐(0)
使用vue实现图片上传插件
摘要：直接上代码 效果为: 图片选取前: 图片选取后: 点击删除图片: 阅读全文
posted @ 2019-05-23 15:48 小安排 阅读(5836) 评论(0) 推荐(1)
控制元素滚动位置
摘要：滚动大小指的是包含滚动内容的元素的大小 scrollLeft:被隐藏在内容去左侧的像素数。通过设置这个属性可以改变元素的滚动位置。 scrollTop:被隐藏在内容区域上方的像素数。通过设置这个属性可以改变元素的滚动位置。 下面这个函数会检测元素是否位于顶部，如果不是就将器回滚到顶部 functio 阅读全文
posted @ 2019-04-24 17:14 小安排 阅读(796) 评论(0) 推荐(0)
float属性
摘要：在多数情况下，都可以通过简单地转换属性名的格式来实现HTML元素转换未style属性。 其中一个不能直接转换的CSS属性就是float。由于float是JavaScript中的保留字，因此不能用作属性名。 "DOM2级样式"规范规定样式对象上相应的属性名 应该是cssFloat;Firefox、Sa 阅读全文
posted @ 2019-04-19 17:10 小安排 阅读(339) 评论(0) 推荐(0)
确定节点直接的关系
摘要：确定节点直接的关系，通常使用contains，但是它只能得到两个节点是否为父子节点不能确定其他关系。 compareDocumentPosition()能够确定节点间的关系，支持这个方法的浏览器有 IE9+、Firefox、Safari、Opera9.5和Chrome,该方法返回一个位掩码(bitm 阅读全文
posted @ 2019-04-17 15:19 小安排 阅读(285) 评论(0) 推荐(0)
除了outHTML和innerHTML外，第三种插入标记方法inserAdjacentHTML()方法
摘要：insertAdjacentHTML()方法最早在IE中出现，它接受两个参数:插入位置和要插入的HTML文本。第一个参数必须是下列值之一： 1"beforebegin",当前元素之前插入一个紧邻的同辈元素; 2"afterbegin",在当前元素之下插入一个新的子元素或在第一个子元素之前再插入一个新 阅读全文
posted @ 2019-04-16 15:50 小安排 阅读(488) 评论(0) 推荐(0)
toPrimitive方法使用
摘要：toPrimitive方法对于不同类型的返回结果 1基本类型直接返回，基本类型的值 2对象， a如果对象的ValueOf方法的结果是原始值，返回原始值。 b如果对象的toString方法返回原始值，就返回这个值； 其他情况都返回一个错误 用例子来验证一下结果，首先我们知道下面的代码输出true(字符 阅读全文
posted @ 2019-04-02 11:34 小安排 阅读(2942) 评论(1) 推荐(0)
使用js导入Excel数据，转化为json,导出指定json,合并单元格为excel
摘要：导入Exel 直接上代码， 文中需要的core.js为: 导入源码，生成json对象。 上面需要的utils.min.js为: 阅读全文
posted @ 2019-03-29 11:36 小安排 阅读(1130) 评论(0) 推荐(0)
json另类使用
摘要：json具有序列化和反序列化 序列化(转化为string类型): JSON.stringify(json) 反序列化(转化为object类型): JSON.parse(json) //当你需要返回一个json对象，并且修改该json里的值时可以使用该方法时， function modifyColor 阅读全文
posted @ 2018-07-23 22:11 小安排 阅读(151) 评论(0) 推荐(0)
构造函数另类使用。
摘要：代码 function init(){ let str = new Array() this.fun = function(path){ str.push(path) var bb = (function(path){ //对str进行操作，把操作结果返回出去。 return res })() re 阅读全文
posted @ 2018-07-14 09:36 小安排 阅读(116) 评论(0) 推荐(0)
数组和字符串方法区别
摘要：字符串 1字符串不可变的， 如果对字符串的某个索引赋值，不会有任何错误，但是没有任何效果 如: var s = 'Text'; s[0] = 'X;' alert(s); //s仍然是'Text' 2JavaScript为字符串提供一些常用方法，注意: 调用方法本身不会改变原有字符串的内容，而是返回 阅读全文
posted @ 2018-06-25 22:14 小安排 阅读(1293) 评论(0) 推荐(0)
JavaScript的5中基本数据类型
摘要：javascript的5种基本数据类型有： Undefined,Null,Bollean,Number,String，1种复杂数据类型：Object. 1Boolean类型 将一个值转换为Bollean值，调用转换函数Boolean(). 2Number 把非数值转换为数值：Number(),par 阅读全文
posted @ 2017-09-18 23:09 小安排 阅读(741) 评论(0) 推荐(0)
geyear和getfullyear的区别
摘要：getYear(),IE中获得正确年份，但有的浏览器获取的是当前年份-1900的值。而IE是当大于2000时，直接加上1900 getFullYear(),都是可以获得正确年份。 所以建议使用getFullYear(). 阅读全文
posted @ 2017-09-12 23:42 小安排 阅读(370) 评论(0) 推荐(0)
语句的分号、逗号和函数中var的使用
摘要：1语句 分号 语句的结尾的分号不是必须的，但建议不要省略它，避免错误。 2逗号 1同时定义多个变量用逗号分开 2数组的最后一位，建议不要加上逗号，在有的浏览器中会导致，在逗号后添加一个undefined, 2var 在函数中，用var定义一个变量，是局部变量，当函数退出后就被销毁。 阅读全文
posted @ 2017-09-12 23:33 小安排 阅读(393) 评论(0) 推荐(0)
JS严格模式
摘要：如何开启严格模式？ 在js中，只需要在顶部添加“use strict”,即可进入严格模式 在函数中加上“use strict”编辑指示，也可以指定函数在严格模式下执行， 如 function dosomething(){ "use strict" //函数体 } 阅读全文
posted @ 2017-09-12 23:23 小安排 阅读(128) 评论(0) 推荐(0)