随笔分类 - javaScriopt
摘要：其实就两个动作，拖和放，所以涉及到两个元素，一个是被拖元素，称为拖放源，另一个是要放的目标，称为拖放目标，称为拖放目标。 拖放源 HTML5为所有HTML元素规定了一个draggable属性，表示元素是否可以拖动 图像和链接的draggable属性自动被设置成了true，而其他元素这个属性的默认值都
阅读全文
摘要：//定义类 function Graph(v){ this.vertices = v; //顶点 this.vertexList = []; this.edges = 0; this.adj = []; for(var i=0;i<this.vertices;++i){ this.adj[i] =
阅读全文
摘要：//范例 var base = 'src/'; ///项目根目录 var dist = 'dist/';// 输出目录 /// 压缩html的选项 var minHtmlOption = { collapseWhitespace: true, collapseBooleanAttributes: t
阅读全文
摘要：winResize() function winResize() { // var oHeight=(window).resize(function () { //当浏览器大小变化时 var // newHeight = $(window).height()
阅读全文
摘要：var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); var image = new Image(); image.src = "dragon.jpg"; image.onload = f
阅读全文
摘要：今天第一次碰到了contains()方法，处于好奇了解了一下；发现在某些场合还是挺有用的。 contains()，js原生方法，用于判断DOM元素的包含关系； 需要注意的是：它以HTMLElement为参数，且返回布尔值。 另外：最近在看element-ui源码的时候发现它内置的clickOutsi
阅读全文
摘要：require.context require.context(directory, useSubdirectories, regExp) directory: 要查找的文件路径 useSubdirectories: 是否查找子目录 regExp: 要匹配文件的正则 用法 require.conte
阅读全文
摘要：<section class="buttons"> <button class="draw">Draw</button> <button class="draw meet">Draw Meet</button> <button class="center">Center</button> <butt
阅读全文
摘要：01、ios端兼容input高度 问题描述 input输入框光标，光标的高度和父盒子的高度一样,而android手机没问题 android ios 产生原因 通常我们习惯用height属性设置行间的高度和line-height属性设置行间的距离（行高），当点击输入的时候，光标的高度就自动和父盒子的高
阅读全文
摘要：1.使用一个临时的函数名存储函数 2.重新定义原来的函数 3.定义扩展的功能 4.调用临时的那个函数 function func() { console.log("原始的功能") } let _tmpFn = func; func = function () { _tmpFn(); console.
阅读全文
摘要：(.+)默认是贪婪匹配 (.+?)为惰性匹配 疑问号让.+的搜索模式从贪婪模式变成惰性模式。 var str = 'aaa<div style="font-color:red;">123456</div>bbb' <.+?>会匹配<div style="font-color:red;"> <.+>会
阅读全文
摘要：借用原型链 通过prototype属性 function SuperType() { this.superType = 'SuperType'; } SuperType.prototype.getSuper = function() { return this.superType; } functi
阅读全文
摘要：console.log(1) setTimeout(() => console.log(2), 0) new Promise((resolve, reject) => { console.log(3) resolve() }).then(() => { console.log(4) }) // 1
阅读全文
摘要：1.实现单例模式： 保证一个类仅有一个实例，并提供一个访问它的全局访问点 var Singleton = function( name ){ this.name = name; this.instance = null; }; Singleton.prototype.getName = functi
阅读全文
摘要：函数就是对象，对象字面量产生的对象连接到Object.prototype，函数对象连接到Function.prototype，每个函数还接收两个附加的参数:this（依不同调用模式指向不同）和arguments函数调用共4种调用模式：方法调用模式，函数调用模式，构造器调用模式和apply调用模式 方
阅读全文
摘要：window.matchMedia(mediaQueryString) mediaQueryString: 必需，一个字符串，表示即将返回一个新 MediaQueryList 对象的媒体查询 min-height, min-width, orientation等。 function myFuncti
阅读全文
摘要：/** * @param {String} message 错误信息 * @param {String} source 出错文件 * @param {Number} lineno 行号 * @param {Number} colno 列号 * @param {Object} error Error对
阅读全文
摘要：在项目中自己使用 Canvas 实现了一下水波图，在这里给大家分享一下它的实现原理。一开始看到波浪，可能不知道从何入手，我们来看看波浪的特征就会有灵感了。 没错，有人肯定会想到，就是 正余弦曲线！对于波陡很小的波动，一般选择正弦或余弦的曲线来表示波形，这是最简单而又最接近实际波形的表述。这里我选择了
阅读全文
摘要：下面的代码都是在chrome的F12下调试的，大家可以研究一下 先来看个东西吧。 1 2 3 4 5 var re = /\d/; console.log( re.test("1") ); console.log( re.test("1") ); console.log( re.test("1")
阅读全文
