八佾舞于庭

let divBox = document.querySelector('#workspace_row-grid'); //事件委托 给对应的元素列表绑定事件 divBox.addEventListener('mouseover', function(e){ let target = e.target || e.srcElement let className = target.classNam.

打开地址如http://txt.pdf#view=FitH,top,在文件地址后面添加#view=FitH,top，可以实现一打开全屏查看pdf文件。#view=FitH,top参数默认是全屏打开文件，当前测试本地文件也可以用这种方法打开预览，本人只测试了Google浏览器，是没有问题的。...

vue中嵌入react组件，直接上图，下图为一个开源的jsoneditor组件，由react编写，在项目中需要集成到vue工程中，组件名称为jsonEditor.jsx在需要引入的vue组件中引入，package.json文件需要引入的资源包vuerareact react-dom等等.babelrc文件中需要修改的地方vue...

代码如下：点击编辑按钮可编辑当前行，点击保存可以保存当前行，可以结合业务需要，进一步修改<template> <div class="st-table"> <el-table :data="tableData" border style="width: 100%"> <el-table-column prop="date...

cnpm重新安装一遍image-webpack-loader

push：向数组的末尾增加一项 unshift：向数组开头增加一项 pop:删除数组的末尾项 shift:删除数组开头项拼接：concat:把一个数组和另一个数组拼接在一起 join:把数组中的每一项 按照指定的分隔符拼接成字符串排序：reverse:倒序数组 返回值倒序数组 原有数组改变 sort:根据匿名函数进行冒泡排序 b-a倒序 a-b升序 sort(sort...

webpack.base.conf.js加入var webpack = require("webpack");module.exports加入：plugins: [new webpack.ProvidePlugin({jQuery: "jquery",$: "jquery"})]然后 npm  run dev   ；import $ from 'jquery'是必...

javaScript的实现包括以下3个部分： ECMAScript(核心) 描述了JS的语法和基本对象。 文档对象模型 （DOM） 处理网页内容的方法和接口 浏览器对象模型（BOM） 与浏览器交互的方法和接口 关于DOM、BOM的一点介绍： DOM 是 W3C...

 函数简单封装： function getBase64Image(img) { var canvas = document.createElement("canvas"); var width = img.width; var height = img.height; // calcula...

ECMAScript简单介绍ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association）通过ECMA-262标准化的脚本程序设计语言（个人认为就是一种标准规范）。这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，但实际上后两者是ECMA-262标准的实现和扩展...

原型链 完整原型链   1. 函数与 Function 的关系    函数就是 Function 的实例. 即 Function 就是函数的构造函数.        实例对象有一个继承的 constructor 属性, 该方法指向就是构造函数.        自己定义一个函数( 任意的函数 ), 可以知道函数的 constructor 就是 Function    ...

直接上代码&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;style type="text/css"&

 不多说，直接上图，详情请见下图。  

方法一（亲测goolge firefox可以，其他的浏览器据说不支持，有待验证），可以更改filename名字来修改文件类型createDownload("download.doc","download file"); function createDownload(fileName, content){ var blob = new Blob([content]); var ...

js运作在浏览器中,是单线程的，即js代码始终在一个线程上执行。js引擎有多个线程，一个主线程，其它的后台配合主线程。主线程执行的说明:【js的运行机制】（1）所有同步任务都在主线程上执行，形成一个执行栈。（2）主线程之外，还存在一个”任务队列”。只要异步任务有了运行结果，就在”任务队列”之中放置一个事件。（3）一旦”执行栈”中的所有同步任务执行完毕，系统就会读取”任务队列”，看...

noscript 标签中的元素中的内容只有在下列情况下才会显示出来： 浏览器不支持脚本 浏览器支持脚本，但脚本被禁用noscript标签是一个相当古老的标签，其被引入的最初目的是帮助老旧浏览器的平滑升级更替，因为早期的浏览器并不能支持 JavaScript。noscript 标签在不支持JavaScript 的浏览器中显示替代的内容。这个元素可以包含任何 HTML 元素。这个标签的用...

promisePromise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled(resolved)（已成功）和rejected（已失败）。就可以将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数。此外，Promise对象提供统一的接口，使得控制异步操作更加容易。then方法回调中需要获取异步操作中的值，并且依赖于promise对象的resolved或者...

该方法允许精确添加或修改对象的属性。通过赋值操作添加的普通属性是可枚举的，能够在属性枚举期间呈现出来（for...in或Object.keys方法），这些属性的值可以被改变，也可以被删除。这个方法允许修改默认的额外选项（或配置）。默认情况下，使用Object.defineProperty()添加的属性值是不可修改的。定义Object.defineProperty()方...

jquery的serializeArray() 方法通过序列化表单值来创建对象数组（名称和值）。您可以选择一个或多个表单元素（比如 input 及/或 textarea），或者 form 元素本身。.serializeArray() 方法使用了 W3C 关于successful controls（有效控件） 的标准来检测哪些元素应当包括在内。特别说明，元素不能被禁用（禁用的元素不...

es6中引入扩展运算符（...），它用于把一个数组转化为用逗号分隔的参数序列，它常用在不定参数个数时的函数调用，数组合并用法如下：1、获取数组最大值function getMaxArray(arr){ return Math.max(...arr);}2、数组合并var arr=[1,2,3,4];var arr1=[1,2];var arr2=[....

encodeURI() 方法可把字符串作为 URI 进行编码，转码之后就不会乱码，同时如果传递参数中包含&、=等特殊字符转码之后不会在接受参数页面出现错误截取。必须进行两次编码，一次解码。menu_manage_add.html?id=' + (id || '') + '&name=' + (name ? encodeURI(encodeURI(name)) : '')d...

变量命名规则如下：1、变量命名必须以字母、下划线”_”或者”$”为开头。其他字符可以是字母、_、美元符号或数字。2、变量名中不允许使用空格和其他标点符号，首个字不能为数字。3、变量名长度不能超过255个字符。4、变量名区分大小写。(javascript是区分大小写的语言)5、变量名必须放在同一行中6、不能使用脚本语言中保留的关键字、保留字、true、false 和 null 作为标识...

function postExcelFile(params, url) { //params是post请求需要的参数 var form = document.createElement("form"); form.style.display = 'none'; form.action = url; form.method = "post"; documen...

function bd_decrypt(bd_lon, bd_lat) { //百度转高德坐标转换 var pi_value = Math.PI; var X_PI = pi_value * 3000.0 / 180.0; var x = bd_lon - 0.0065; var y = bd_lat - 0.006; var z = Math.sqrt(x * ...

function foo () {        var num1 = Math.random();        var num2 = Math.random();        return [            function () {                return num1;            },            function () { ...

直接上代码： (function remYS(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in win? 'orientationchange' : 'resize', recalc = function (...

toFixed() 方法toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。Number.toFixed(num);num 必需。规定小数的位数，是 0 ~ 20 之间的值，包括 0 和 20，有些实现可以支持更大的数值范围。如果省略了该参数，将用 0 代替。 eg:     因为浮动点是用了2的多次幂，有误差出现的可能，所以会出现这样的问题；...

Cookie机制：是服务器发给客户端的特殊信息，cookie是以文本的方式保存在客户端，每次请求时都带上它。如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称会话cookie。如果在浏览器中设置了cookie的过期时间，cookie被保存在硬盘中，关闭浏览器后，cookie数据仍然存在，直到过期时间结束才消失。session机制：当服务...

window.onbeforeunload = function () {//窗口关闭前            console.log(12);            return '确认要关闭当前窗口？';        };window.onunload = function(){//窗口关闭后          localStorage.setItem('closeTestDat...

禁止放大：&lt;meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /&gt;强制横屏或者竖屏：&lt;meta name="screen-orientation" content="portrait"&gt;//uc

属性DeviceOrientationEvent.absolute （只读）用来说明设备是提供的旋转数据是否是绝对定位的布尔值。DeviceOrientationEvent.alpha （只读）一个表示设备绕z轴旋转的角度（范围在0-360之间）的数字DeviceOrientationEvent.beta （只读）一个表示设备绕x轴旋转（范围在－180到180之间）的数字，从前到后的方...

str.replace(/[^\d]/g,'');使用上述代码时，报错replace is not a function，将str转换成字符串即可。

异常：很多情况都会导致异常当程序出现了异常，会导致异常之后的代码无法运行（异常之前的代码是正常运行的）进行异常处理，语法结构：代码1try{    可能会出现异常的代码2}catch(e){    假如出现了异常，处理异常的代码3}代码4如果没有出现异常，代码执行的顺序是：代码1-》代码2-》代码4如果出现了异常，代码执行的顺序：代码1-&gt;代码2,出现异常-&gt...

闭包的概念 常见的说法 1> 可以访问函数内部的数据的函数 2> 所谓的闭包就是有未绑定到特定对象的代码组成的语法块( 含有的自由变量的语法结构 )闭包要实现两个问题：1、 访问函数内部的变量2、所访问的变量将不被释放function add(){ var num=100; function add1(){ ...

直接上代码：for (let k in this.obj){ if(this.obj[k]==""||this.obj[k]=='-'||this.obj[k]=="."){//排除空字符串、-、. delete this.obj[k];//删除对象属性 }} ​ 

split: var str='123456';console.log(str.split(''))// 打印数据 ["1","2","3","4","5","6"]//split方法中传递的参数取决于你想获得的数组数据，str.split('')方法返回数组map: map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。array.map(f

"在开发环境下，很少使用间歇调用（setInterval），原因是后一个间歇调用很可能在前一个间歇调用结束前启动",（如，回调当中的代码执行for循环时间比，比设定时间长，在回调还没执行完的时候，第二次定时任务就已经放到事件队列中去了，所以多用seTimeout代替setinterval）妙用setTimeout代替setInterval进行间歇调用如下function func()...

event.clientX 设置或获取鼠标指针位置相对于当前窗口的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。 (可见区域)event.clientY 设置或获取鼠标指针位置相对于当前窗口的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。 （可见区域）event.offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。 （触发事件的元素,ie,chrom...

1.1Object.assign(target,source) 方法只会拷贝源对象自身的并且可枚举的属性到目标对象，返回目标对象，继承属性和不可枚举属性是不能拷贝的。1.2Object.freeze({});//Object.freeze() 方法可以冻结一个对象，冻结指的是不能向这个对象添加新的属性，//不能修改其已有属性的值，不能删除已有属性，以及不能修改该对象已有属性的可枚举...