ANNENBERG的博客

无论是在主线程关闭 worker，还是在 worker 线程内部关闭 worker，worker 线程当前的 Event Loop 中的任务会继续执行。在 worker 线程内部关闭 worker，不会直接断开与主线程的连接，而是等 worker 线程当前的 Event Loop 所有任务执行完，再关闭。区别是，在主线程手动关闭 worker，主线程与 worker 线程之间的连接都会被立刻停止，即使 worker 线程当前的 Event Loop 中仍有待执行的任务继续调用。方法，主线程还是能通过监听。

【代码】鼠标滚动实现动态菜单切换。

获取路径跳转参数key，value。

【代码】截图与打印。

【代码】截图并将图片导出为pdf。

【代码】canvas绘制并导出图片（画笔）

【代码】过滤数组对象中某一相同属性、求和、个数、返回新数组。

【代码】echarts3D / 2D。

#<100 return后面不能换行 箭头函数返回对象需要包裹，防止对象的{}与函数{}冲突 let nums=(a,b)=>{ if(a>b) console.log('a is bigger') else console.log('b is bigger') return a+b } console.log(nums(3,2)); console.log(nums(1,2)); /*return后面不能换

1、你需要过滤掉错误值吗？这个技巧肯定会帮助你摆脱错误值，例如 False、“ ”、0、undefined null。查看下面的示例代码以更好地理解。//example codeconst array = [1, 0, false, "", 2, null, 3]const farray = array.filter(Boolean)console.log(farray) // [1, 2, 3]2、去除重复我们都在 JavaScript 编程中遇到过重复值，最常用的摆脱它们的方法是将 i

前端代码优化

数组类型还可以使用concat()方法 arr1 = arr.concat();

滚动播报及el-scrollbar

var arr = [{ id: '1', key: '1', value: '明月' }, { id: '3', key: '2', value: '可欣' }, { id: '2', key: '3', value: '小红' }, { id: '1', key: '1', value: '小馨' }, { id: '1', key: '2'...

参考来源，导出出word,excel,pdf

// 参数number为毫秒时间戳，format为需要转换成的日期格式export function formatTime (number, format) {let time = new Date(number)let newArr = []let formatArr = ['Y', 'M', 'D', 'h', 'm', 's', 'i']newArr.push(time.getFullYear())newArr.push(formatNumber(time.getMonth()

//封装class SocketPlugin { constructor(param) { this.websocket = null this.isConnect = false this.timeoutNum = null this.isActivelyClose = false this.param = param } connect() { this.websocket.

前端常见的设计模式主要有以下几种：1. 单例模式2. 工厂模式3. 策略模式4. 代理模式5. 观察者模式6. 模块模式7. 构造函数模式8. 混合模式单例模式 这种设计模式的思想是确保一个类只有唯一实例，一般用于全局缓存，比如全局window，唯一登录浮窗等。采用闭包的方式实现如下：var single = (function(){ let instance; function getInstance(){　　　　// 如果该实例存在，则直接返回，否则就对其实例化

1.setClock:function(time){var that=this, sec= parseInt(time) , clockCount={}, strTimer="";clockCount=setInterval(function(){ if(sec==0){ $(".js-count-down").html("活动已经结束");clearInterval(clockCount); return false; }strTimer = that.secondToDate(sec

function jump(){ var objShell = new ActiveXObject("wscript.shell");// var cmd= "cmd /c start C:/\"Program Files (x86)\"/Google/Chrome/Application/chrome.exe \"http://www.baidu.com\""; var cmd= "cmd /c start C:/\"Program F...

javascript用于存储的方式可谓是多种多样，善于应用‘存储’可以大大的提高网站的性能，博主结合日常开发常见需求做一下总结，希望对大家有用～1.cookie存储大小： 4kb左右，以20个为上限，清理机制：IE和Opera 会清理近期最少使用的cookie，Firefox会随机清理cookie。主要应用： 购物车，登录状态缺陷： 同域内http请...

一、写在前面在阅读本文前，希望大家能针对每个属性亲手测试，网上现有的大量相关博客都有不等的概念错误，毕竟亲手实践才能更好的掌握这些概念。1.pageX，clientX，screenX与offsetX先统一了解下这四个概念，理解不透没关系，咱们把概念相近的对比着一一细说。pageX：鼠标指针距离文档左侧边缘的距离，不随滚动条变化而变化。clientX：鼠标指针距离可视窗口左侧边缘的距离，随滚动条变化而变化，如果拖动滚动条让元素距离可视窗口左侧越近，值越小。screenX：鼠标指针距离屏

1.flat() 默认拉平一层；参数整数代表拉平的次数；参数Infinity代表最终被拉平为一维数据数组的成员有时还是数组，Array.prototype.flat()用于将嵌套的数组“拉平”，变成一维数组。该方法返回一个新数组，对原数据没有影响。[1, 2, [3, 4]].flat()// [1, 2, 3, 4]上面代码中，原数组的成员里面有一个数组，flat()方法将子数组的成员取出来，添加在原来的位置。flat()默认只会“拉平”一层，如果想要“拉平”多层的嵌套数组，可以将f

es速查表：生成器，一种可以基于一次请求生成多次值的函数，在不同请求之间也能挂起执行。 Promise，让我们更好地控制异步代码。 代理，让我们控制对特定对象的访问。 高级数组方法，书写更优雅的数组处理函数。 Map，用于创建字典集合；Set，处理仅包含不重复项目的集合。 正则表达式，简化用代码书写起来很复杂的逻辑。 模块，把代码划分为较小的可以自包含的片段，使项目更易于管理。 通过下列方式https://kangax.github.io/compat-table/es6/、http://

const csvFileLine = '1997,John Doe,US,[email protected],New York';const { 2: country, 4: state } = csvFileLine.split(',');console.log({ 2: country, 4: state });//{2: "US", 4: "New York"}对象结构处理数组const ob...

browserType:function(){letuserAgent=navigator.userAgent;//取得浏览器的userAgent字符串letisOpera=userAgent.indexOf("Opera")>-1;//判断是否Opera浏览器if(isOpera){return"Opera"...

1.代码中获得ip首先在data里添加一个ip为空data() { return { ip: '' };}然后在methods里面写上getUserIP(onNewIP) { let MyPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection; ...

使用 elementui 做项目的时候大家应该会遇到很多关于表格的需求下面是总结的两个项目中遇到的问题.查看文档的话是很简单, 但是很多需求还是需要大家自己去写的.第一个 --- 表格合并1. 需求页面如下:这个需求如果直接用 js 写的话就太简单了.但是使用 vue, 就需要自己修改了. 其实也不是很难,主要还是数据解析各种合并2. 数据结构如下: var list = [ { "id": "16EE8A54E6917F647990

1.ie 下的selectselect {//ie下拉 border: solid 1px #000; appearance:none; -moz-appearance:none; -webkit-appearance:none; padding-right: 14px; background: url("../images/arrow....

fetch请求和ajax请求ajax1.是XMLHTTPRequest的一个实例2.只有当状态为200或者304时才会请求成功3.格式零散，容易出现回调地狱的问题fetch1.fetch是基于promise实现的，也可以结合async/await2.fetch请求默认是不带cookie的，需要设置fetch（URL，{credentials:’include’})。...

// 数组的扩展let arr=[3,5,7];let arr2=Array.from(arr,(x)=>x*5);//新数组console.log(arr2);for (const item of arr) {//for of 遍历数组元素console.log(item);}for (const elem of arr2.values()) {consol...

总结：表单里上传文件时要写enctype="multipart/form-data"，不上传文件可以不写，但是method="post/get"一定要写，不然提交不了。另外注意：（1）&lt;input type="file" accept="image/png"/&gt;中的accept属性筛选的图片格式多的话，会有很长的延迟；（2）target="picIframe"该属性

&lt;!DOCTYPE html&gt;//1.var let const声明变量//var会变量提升，let就不会被变量提升//var内层变量覆盖外层变量,let所声明的变量，只在let命令所在的代码块内有效（新增块级作用域）//var用来计数的循环变量泄露为全局变量(循环结束为最后一轮i的值，新值覆盖旧值)；let不会//const也用来声明变量，但是声明的是常量。一旦声...

​​语法： el.addEventListener(type, listener[, useCapture])el：事件对象type：事件类型，click、mouseover 等listener：事件处理函数，也就是事件触发后的回调useCapture：布尔值，规定是否是捕获型，默认为 false（冒泡）2015年底，DOM 规范做了修订：addEventListener() ...

一.生成唯一码guidfunction guid() { return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) { var r = Math.random()*16|0, v = c == 'x' ? r : (r&0x3|0x8); return v...

2.鼠标悬停改变字体颜色ps:使用mouseover事件内嵌套hover或者mouseover/mouseenter事件有bug,第一次触发不到进入事件。故，采用e.target!3.街景模式<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/...