![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
ANNENBERG
五道口职业技术学院
展开
-
获取路径跳转参数key,value
获取路径跳转参数key,value。原创 2023-12-23 20:17:22 · 75 阅读 · 0 评论 -
截图与打印
【代码】截图与打印。原创 2023-11-05 17:12:53 · 125 阅读 · 0 评论 -
截图并将图片导出为pdf
【代码】截图并将图片导出为pdf。原创 2023-11-05 17:12:07 · 110 阅读 · 0 评论 -
canvas绘制并导出图片(画笔)
【代码】canvas绘制并导出图片(画笔)原创 2023-07-22 19:06:38 · 485 阅读 · 0 评论 -
JavaScript 中距离概念 :clientX、clientY、offsetX、offsetY、screenX、screenY
原创 2023-07-21 00:09:07 · 132 阅读 · 0 评论 -
过滤数组对象中某一相同属性、求和、个数、返回新数组;数组对象转对象
【代码】过滤数组对象中某一相同属性、求和、个数、返回新数组。原创 2023-05-24 21:21:19 · 228 阅读 · 0 评论 -
echarts3D / 2D
【代码】echarts3D / 2D。原创 2023-04-14 10:26:44 · 413 阅读 · 0 评论 -
每日一题js
#<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后面不能换原创 2022-12-04 22:57:14 · 396 阅读 · 0 评论 -
js小技巧(数组处理)
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原创 2022-12-04 22:54:17 · 714 阅读 · 0 评论 -
前端代码优化总结
前端代码优化原创 2022-12-04 16:58:50 · 119 阅读 · 0 评论 -
浅拷贝深拷贝
数组类型还可以使用concat()方法 arr1 = arr.concat();原创 2022-12-01 00:31:14 · 108 阅读 · 0 评论 -
滚动播报、el-scrollbar
滚动播报及el-scrollbar原创 2022-08-03 13:57:41 · 186 阅读 · 0 评论 -
数组对象去重三种方法-Map/reduce/属性
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'...原创 2022-05-25 22:53:27 · 512 阅读 · 0 评论 -
页面导出为word-两中方法
参考来源,导出出word,excel,pdf原创 2022-03-03 16:19:50 · 1065 阅读 · 0 评论 -
时间格式化
// 参数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()原创 2022-03-03 10:32:39 · 191 阅读 · 0 评论 -
websocket封装
//封装class SocketPlugin { constructor(param) { this.websocket = null this.isConnect = false this.timeoutNum = null this.isActivelyClose = false this.param = param } connect() { this.websocket.原创 2022-01-03 17:59:33 · 1333 阅读 · 1 评论 -
设计模式-8种
前端常见的设计模式主要有以下几种:1. 单例模式2. 工厂模式3. 策略模式4. 代理模式5. 观察者模式6. 模块模式7. 构造函数模式8. 混合模式单例模式 这种设计模式的思想是确保一个类只有唯一实例,一般用于全局缓存,比如全局window,唯一登录浮窗等。采用闭包的方式实现如下:var single = (function(){ let instance; function getInstance(){ // 如果该实例存在,则直接返回,否则就对其实例化原创 2021-08-11 17:38:03 · 668 阅读 · 0 评论 -
倒计时计算-时分秒
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原创 2021-01-08 11:30:07 · 1819 阅读 · 1 评论 -
新指定浏览器打开页面
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...原创 2020-11-27 09:11:25 · 231 阅读 · 0 评论 -
详解JavaScript的cookie、localstorage、session、离线存储
javascript用于存储的方式可谓是多种多样,善于应用‘存储’可以大大的提高网站的性能,博主结合日常开发常见需求做一下总结,希望对大家有用~1.cookie存储大小: 4kb左右,以20个为上限,清理机制:IE和Opera 会清理近期最少使用的cookie,Firefox会随机清理cookie。主要应用: 购物车,登录状态缺陷: 同域内http请...原创 2020-10-27 13:35:59 · 368 阅读 · 0 评论 -
page,client,offset,screen距离概念解释
一、写在前面在阅读本文前,希望大家能针对每个属性亲手测试,网上现有的大量相关博客都有不等的概念错误,毕竟亲手实践才能更好的掌握这些概念。1.pageX,clientX,screenX与offsetX先统一了解下这四个概念,理解不透没关系,咱们把概念相近的对比着一一细说。pageX:鼠标指针距离文档左侧边缘的距离,不随滚动条变化而变化。clientX:鼠标指针距离可视窗口左侧边缘的距离,随滚动条变化而变化,如果拖动滚动条让元素距离可视窗口左侧越近,值越小。screenX:鼠标指针距离屏原创 2020-10-10 15:12:38 · 898 阅读 · 0 评论 -
es6数组拉平和js中??
1.flat() 默认拉平一层;参数整数代表拉平的次数;参数Infinity代表最终被拉平为一维数据数组的成员有时还是数组,Array.prototype.flat()用于将嵌套的数组“拉平”,变成一维数组。该方法返回一个新数组,对原数据没有影响。[1, 2, [3, 4]].flat()// [1, 2, 3, 4]上面代码中,原数组的成员里面有一个数组,flat()方法将子数组的成员取出来,添加在原来的位置。flat()默认只会“拉平”一层,如果想要“拉平”多层的嵌套数组,可以将f原创 2020-09-04 16:30:00 · 391 阅读 · 0 评论 -
js忍者秘籍
es速查表:生成器,一种可以基于一次请求生成多次值的函数,在不同请求之间也能挂起执行。 Promise,让我们更好地控制异步代码。 代理,让我们控制对特定对象的访问。 高级数组方法,书写更优雅的数组处理函数。 Map,用于创建字典集合;Set,处理仅包含不重复项目的集合。 正则表达式,简化用代码书写起来很复杂的逻辑。 模块,把代码划分为较小的可以自包含的片段,使项目更易于管理。 通过下列方式https://kangax.github.io/compat-table/es6/、http://原创 2020-11-05 19:37:40 · 271 阅读 · 0 评论 -
es6入门
const csvFileLine = '1997,John Doe,US,john@doe.com,New York';const { 2: country, 4: state } = csvFileLine.split(',');console.log({ 2: country, 4: state });//{2: "US", 4: "New York"}对象结构处理数组const ob...原创 2019-08-21 16:42:54 · 143 阅读 · 0 评论 -
获取浏览器的类型
browserType:function(){letuserAgent=navigator.userAgent;//取得浏览器的userAgent字符串letisOpera=userAgent.indexOf("Opera")>-1;//判断是否Opera浏览器if(isOpera){return"Opera"...原创 2020-08-19 10:13:35 · 293 阅读 · 0 评论 -
获取本地ip(网卡ip)
1.代码中获得ip首先在data里添加一个ip为空data() { return { ip: '' };}然后在methods里面写上getUserIP(onNewIP) { let MyPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection; ...原创 2020-08-19 10:11:12 · 500 阅读 · 0 评论 -
elementui-table表头合并和纵向排列
使用 elementui 做项目的时候大家应该会遇到很多关于表格的需求下面是总结的两个项目中遇到的问题.查看文档的话是很简单, 但是很多需求还是需要大家自己去写的.第一个 --- 表格合并1. 需求页面如下:这个需求如果直接用 js 写的话就太简单了.但是使用 vue, 就需要自己修改了. 其实也不是很难,主要还是数据解析各种合并2. 数据结构如下: var list = [ { "id": "16EE8A54E6917F647990原创 2020-08-17 09:21:56 · 7857 阅读 · 3 评论 -
交通云ie项目笔记
1.ie 下的selectselect {//ie下拉 border: solid 1px #000; appearance:none; -moz-appearance:none; -webkit-appearance:none; padding-right: 14px; background: url("../images/arrow....原创 2020-01-10 15:45:04 · 346 阅读 · 0 评论 -
fetch请求和ajax请求
fetch请求和ajax请求ajax1.是XMLHTTPRequest的一个实例2.只有当状态为200或者304时才会请求成功3.格式零散,容易出现回调地狱的问题fetch1.fetch是基于promise实现的,也可以结合async/await2.fetch请求默认是不带cookie的,需要设置fetch(URL,{credentials:’include’})。...原创 2020-01-04 20:27:31 · 365 阅读 · 0 评论 -
ES6基础笔记-阮一峰
// 数组的扩展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...原创 2019-12-29 17:46:02 · 3958 阅读 · 1 评论 -
表单提交
总结:表单里上传文件时要写enctype="multipart/form-data",不上传文件可以不写,但是method="post/get"一定要写,不然提交不了。另外注意:(1)<input type="file" accept="image/png"/>中的accept属性筛选的图片格式多的话,会有很长的延迟;(2)target="picIframe"该属性原创 2019-02-17 11:26:59 · 240 阅读 · 0 评论 -
ES6常用特性
<!DOCTYPE html>//1.var let const声明变量//var会变量提升,let就不会被变量提升//var内层变量覆盖外层变量,let所声明的变量,只在let命令所在的代码块内有效(新增块级作用域)//var用来计数的循环变量泄露为全局变量(循环结束为最后一轮i的值,新值覆盖旧值);let不会//const也用来声明变量,但是声明的是常量。一旦声...原创 2019-02-17 12:36:59 · 199 阅读 · 0 评论 -
addEventListener 关于 passive
语法: el.addEventListener(type, listener[, useCapture])el:事件对象type:事件类型,click、mouseover 等listener:事件处理函数,也就是事件触发后的回调useCapture:布尔值,规定是否是捕获型,默认为 false(冒泡)2015年底,DOM 规范做了修订:addEventListener() ...原创 2019-02-17 12:40:16 · 924 阅读 · 0 评论 -
通州房屋小结
一.生成唯一码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...原创 2019-08-21 10:12:04 · 185 阅读 · 0 评论 -
南锣古巷
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/...原创 2019-10-22 14:30:37 · 170 阅读 · 0 评论