随笔分类 - JavaScript
摘要：日常开发中，面对各种不同的需求，我们经常会用到以前开发过的一些工具函数，把这些工具函数收集起来，将大大提高我们的开发效率。 1、校验数据类型 export const typeOf = function(obj) { return Object.prototype.toString.call(obj
阅读全文
摘要：用JS来动态设置CSS样式，常见的有以下几种 1. 直接设置style的属性某些情况用这个设置 !important值无效 如果属性有'-'号，就写成驼峰的形式（如textAlign） 如果想保留 - 号，就中括号的形式 element.style['text-align'] = '100px';
阅读全文
摘要：ES6新特性（2015） ES6的特性比较多，在 ES5 发布近 6 年（2009-11 至 2015-6）之后才将其标准化。两个发布版本之间时间跨度很大，所以ES6中的特性比较多。 在这里列举几个常用的： 类 模块化 箭头函数 函数参数默认值 模板字符串 解构赋值 延展操作符 对象属性简写 Pro
阅读全文
摘要：一、利用ES6 Set去重（ES6中最常用） function unique (arr) { return Array.from(new Set(arr)) } var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,u
阅读全文
摘要：当 try 语句块中的代码出现错误时，会创建并抛出一个 Error 对象，对象中包含错误类型和错误描述两个属性（error.response） 错误类型说明 EvalError 使用 eval() 函数时发出错误，会抛出该错误 InternalError 由 JavaScript 引擎内部错误导致的
阅读全文
摘要：定义类 继承：继承使用关键字extends，调用父类使用super，子类继承父类的属性和方法，并且子类可以改写父类的属性和方法 public、private、protected、readonly public（不声明默认都为public，也可以显示的设置为public） class Person {
阅读全文
摘要：Javascript: const clientHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; IE中： document.body.clientW
阅读全文
摘要：var cookie = { set: function (key, val, time) {//设置cookie方法 var date = new Date(); //获取当前时间 var expiresDays = time; //将date设置为n天以后的时间 date.setTime(date.getTime() + ...
阅读全文
摘要：移动端web缩放有两种： 1.双击缩放； 2.双指手势缩放。 在iOS 10以前，iOS和Android都可以通过一行meta标签来禁止页面缩放 但iOS 10开始，meta设置在Safari内无效了。 后来在网上看到一个解决方案： 经过测试，这种方法只能禁止双击缩放。只好继续找解决方案了。 原来在
阅读全文
摘要：1.for循环 使用临时变量，将长度缓存起来，避免重复获取数组长度，当数组较大时优化效果才会比较明显。 2.foreach循环 遍历数组中的每一项，没有返回值，对原数组没有影响，不支持IE 3.map循环 有返回值，可以return出来 map的回调函数中支持return返回值；return的是啥，
阅读全文
摘要：一、什么是跨域 JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。那什么是跨域呢，简单地理解就是因为JavaScript同源策略的限制， a.com 域名下的js无法操作 b.com 或是 c.a.com 域名下的对象。 当协议、子域名、主域名、端口号中任意一个不相同时，都算作不
阅读全文
摘要：这几天在做登录时需要输入验证码，可后端那边由于受限制，导致只能返回给前端验证码的文字，下面就把源码附上： 插件 gVerify.js HTML： 效果：
阅读全文
摘要：前几天在做 input[type='file'] 上传图片时，需要检测上传文件的内存大小，写了一个小demo，在此做一总结： 上传文件之后浏览器显示： 之后又发现了其他大牛的全能博客： https://www.cnblogs.com/tjzhangjianjun/p/5670972.html htt
阅读全文
摘要：现在很多的内部系统，一些界面，都是用户手动点击退出按钮的。但是为了避免，用户误操作 点击浏览器后退，或者用鼠标手势后退什么的。容易出现误操作。 所以在有些页面上，适当的禁用浏览器的后退，是可以提高很大的用户体验。 在网上查，可以查到很多js禁用后退的材料。 用的多的方法如下： 1、回退后，产生一个前
阅读全文
摘要：昨天看了一篇vue的教程，作者用async/ await来发送异步请求，从服务端获取数据，代码很简洁，同时async/await 已经被标准化，是时候学习一下了。 先说一下async的用法，它作为一个关键字放到函数前面，用于表示函数是一个异步函数，因为async就是异步的意思， 异步函数也就意味着该
阅读全文
摘要：今天学习到用canvas来写 HTML5音频可视化频谱跳动代码 将代码在此做一总结： 其效果图为：
阅读全文
摘要：拼音排序： 拼音排序并按字母分类： 参考文档： http://blog.csdn.net/testcs_dn/article/details/25116655 JS获取中文拼音首字母，并通过拼音首 字母快速查找页面内的中文内容 http://www.jb51.net/article/100864.h
阅读全文
摘要：最近在项目时，需要获取用户的上传文件的路径，便写了一个demo： 效果及结果如下： 通过input[type=file]上传图片获取图片的尺寸：
阅读全文
摘要：在做项目时，需要将后端返回来的数据经过前端网页生成pdf文件，供用户下载，这里便提供此功能的方法及demo，可以作为参考： 代码： var pdf = new jsPDF('p','pt','a4'); pdf.internal.scaleFactor = 1; //可以调整缩放比例 var opt
阅读全文
摘要：根据三个坐标点以及三个坐标点的半径( x1 , y1 ) , d1 , ( x2 , y2 ) , d2 , ( x3 , y3 ) , d3，即可求得三个点的交点 ( x0 , y0 ) 。 通过勾股定理可得出： 再次通过分解因式可获得( x0 , y0 )：
阅读全文
