八佾舞于庭

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

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

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

 函数简单封装： 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"&

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

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

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

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

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

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

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

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

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

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

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

formdataFormData类型其实是在XMLHttpRequest 2级定义的，它是为序列化表以及创建与表单格式相同的数据（当然是用于XHR传输）提供便利，上传二进制数据。var formData = new FormData();常用方法：getappendsetdeleteBlob一个Blob对象就是一个包含有只读原始数据的类文件对象。Blob对象中...

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

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

禁止放大：&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

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

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

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

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

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

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 * ...

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

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

Form Data 和 Request Payload 区别 如果请求头里设置Content-Type: application/x-www-form-urlencoded,那么这个请求被认为是表单请求,参数出现在Form Data里,格式为key=value&amp;key=value&amp;key=value 请求头里设置Content-Type:application/js...

function pushKey() { let target = this; setTimeout(function() { target.scrollIntoViewIfNeeded(true); },100); if(/Android [4-8]/.test(navigator.appVersion)) { window.addEventListener("resize",...

new FileReader();function upLoadImg(){ var file = document.getElementById('upLoadImg1').files[0];//选择的文件对象 // console.log(file instanceof Blob);//true file 对象是特殊类型的 Blob // console.log(Blob)...

seo优化 例如百度搜索引擎后台会派出百度蜘蛛，全天候在海量数据里识别并抓取内容；再对内容进行筛选过滤，去掉低质量的内容；将筛选后合格的内容，存储到一个临时的索引库中，进行分类存储。互联网这么多资料，百度蜘蛛怎么会注意到你的网站呢?这时候就需要我们去吸引它——高质量的外链或友链，百度可以通过这些链接来到你的网站上来！不过注意！百度蜘蛛也有不喜欢的东西——比如：js、没有添加A...

Content-Type :Http传输方式FormData和Payload是浏览器传输给接口的两种格式;post请求（默认使用application/x-www-form-urlencoded编码）application/x-www-form-urlencoded(formData)提交的数据按照 key1=val1&key2=val2 的方式进行编码，key 和 val ...