js
关注
分享
扫一扫
小墨宝
这个作者很懒，什么都没留下…
展开
-
全屏 直接用
全屏方法 调用。handleCanFullScreen(‘.full-screen-dom’, this)原创 2022-11-28 11:51:38 · 155 阅读 · 0 评论 -
vscode 代码片段
设置-----》用户配置用户代码片段---------选第一个新建全局。原创 2022-09-08 15:54:45 · 273 阅读 · 0 评论 -
css 全屏等比缩放 使用transform
组件 aaa 直接复制代码，中间还emit 发射监听屏幕变化。使用css单位 放大缩小自适应全屏等比缩放。原创 2022-09-07 09:46:31 · 2036 阅读 · 0 评论 -
浏览器全屏
可以是div 也可以是body。原创 2022-08-22 16:42:10 · 130 阅读 · 0 评论 -
复制黏贴直接上传图片
复制黏贴直接上传图片原创 2022-06-17 15:03:11 · 604 阅读 · 0 评论 -
js双数组循环
js双数组循环需求：数组aa 匹配对应的bb中的name 并且 加上给对应bb的对象中加上disabled双层for循环实在是有点难看，这里使用filter 结合some(找到就会停止循环)来实现let aa=[ {name:1}, {name:2}, {name:5}]let bb=[ {value:1,name:1}, {name:2,,name:2}, {name:3,,name:3}, {name:4,,name:4}, {name:5,,name:5},]实现原创 2022-05-23 16:43:45 · 1725 阅读 · 0 评论 -
element 根据属性合并行
<template> <el-table ref="multipleTable" border show-summary :span-method="objectSpanMethod" :data="tableData" style="width: 100%;" > <el-table-column label="目录"转载 2022-05-11 16:21:56 · 170 阅读 · 0 评论 -
element表格ascii排序
element表格ascii排序 （本地）ascii码表http://c.biancheng.net/c/ascii/在element 表格中 在el-table-column加入sortMethod自定义排序方法orgCode是代表此列需要对应的排序字段，可以喝prop不一致<el-table-column :sort-method="(a,b) => sortMethod(a ,b , 'orgCode')" sortable prop="departName" label="部原创 2022-04-26 11:24:00 · 391 阅读 · 0 评论 -
promise得实现原理
1.Promise本身就是一个构造函数，用来初始化promise实例2.传入一个执行器，内部注册两个方法resolve,reject，最后通过执行器来执行这两个方法3.promise 内部有3个状态 等待状态pedding，成功状态resolved,失败状态rejected4.resolve和reject两个方法就是用来改变status状态得5.后面封装then方法得时候,就是根据当前得状态来判断执行对应方法，第一个方法固定式成功回调，第二个就是失败回调function Promise(exe.原创 2022-02-15 16:07:25 · 1080 阅读 · 0 评论 -
[11,22,33,44]打印出所以组合 新思路
前言无意间看到得一道算法题，看似比较简单，在整个解题过程中发现了一个很好得解题思路题目：[11,22,33,44]打印出所以组合注：解题过程中想到了递归解法，在实际过程当中遇到了点困难，就是在直接写递归得时候由于逻辑复杂，出现各种问题迟迟没有进展，花了1个多小时吧，比较头疼。新思路，可以先写死数组，利用最原始得办法使用for循环一层一层得去写，才3，4层不多，然后再讲我们写得方法封装成递归简单得多了，上代码let newArr = [];let arr = [11, 22, 33, 44];原创 2022-02-08 17:01:29 · 279 阅读 · 0 评论 -
import和require区别
import和require区别整合import export ES6 输入得是一个值引用（模块内部发生变化是影响这个值得） 用法写法不一样 静态编译（在编译解析文件得时候就生成了值）require module.exports commonJS 输入得是一个值拷贝（模块内部发生变化是不影响这个值得） 用法写法不一样 运行时动态加载（相当于引入一个文件只有在执行完成之后才会生成对象）...原创 2021-12-13 15:46:24 · 271 阅读 · 0 评论 -
微任务为什么优先于宏任务
微任务为什么优先于宏任务从上图我们就可以知道，js的事件循环机制规定了 1.优先执行一个宏任务 2.判断是否有微任务（无：继续执行宏任务） 3.有：执行所有的微任务 4.开始下一个宏任务在js中 script本身就是一个宏任务，所以执行异步队列的时候，会优先执行它的所有微任务，然后执行宏任务...原创 2021-11-24 15:29:13 · 1277 阅读 · 0 评论 -
前端学习资源
https://bytedance.feishu.cn/base/app8Ok6k9qafpMkgyRbfgxeEnet?table=tblLUxZFqOA2vI2F&view=vew0lbb2R4原创 2021-10-18 14:51:32 · 102 阅读 · 0 评论 -
js多维数组得一个筛选
问题：多维数组根据某个字段来筛选，返回原有得数组，children length为0 整个子对象去除。注意：返回得是原数组，如果需要返回数组内符合得对象，这个比较简单，这里就不说了 声明一个数组这是一个三维数组，根据最底部得数据得isDo来过滤let arrss = [{ name: "aa", children: [{ name: "aa-aa", children: [{原创 2021-05-19 12:08:14 · 1209 阅读 · 0 评论 -
发布一个npm 插件js包（方法集）
目录Npm登录简单得写一个webpack插件发布包使用另外1.npm登录1.npm login 输入账号密码邮箱（输入密码得时候命令行没反应得 不用管）2.如果是使用了淘宝镜像 执行npm config set registry https://registry.npmjs.org/ 切换Npm镜像源3.再次登录2.简单得写一个webpack插件1.随便找个文件夹 初始化 npm into 生成package.json文件2.新建 webpack.config.js原创 2021-04-15 11:49:10 · 1550 阅读 · 1 评论 -
正则/g 加与不加得 区别
str是一个正则 加了/g得问题：打印我们发现isTest 为false ，上面却是true。解决结果发现 正则加了/g 全局查找，它在执行过一次以后（console里面执行了一次），再次执行，正则里面有本身就有一个lastIndex来记录匹配得位置,所以第二次执行得时候并不是最开始得位置了。 所以可以将/g去掉 或者 只匹配一次...原创 2021-03-19 16:28:49 · 343 阅读 · 0 评论 -
js表格直接导出excel
XLSX.js<template> <div class="about"> <el-button type="success" @click="excel1" icon="el-icon-upload2" >data导出</el-button> <el-table :data="tableData" id="out_table2" border style="width:100%"> &l原创 2020-10-22 15:52:54 · 286 阅读 · 0 评论 -
常用 正则表达式
校验数字的表达式数字：^[0-9]*$n位的数字：^\d{n}$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$零和非零开头的数字：^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(\.[0-9]{1,2})?$带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})$正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$有两位小数的正实数：^[0-9]+(\.[0-9]{2})?$有1~3位小数的正实转载 2020-10-12 10:13:01 · 92 阅读 · 0 评论 -
数字变化效果 插件
countup.js可以百度下 vue怎么用 下面是html的例子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数字增长效果</title></head><body> <h1 id="num1"></h1> <h1 id="num2"></h1> <原创 2020-08-17 17:59:42 · 682 阅读 · 0 评论 -
图片裁剪
https://admin.iviewui.com/components/cropper_page原创 2020-08-13 15:30:15 · 115 阅读 · 0 评论 -
十万 百万 级数据处理 以及可视化 画图
这两天处理后端返回得数据（数据量比较大 1天就2.3万，并且我们得需求比较特殊相当于一下要画最少10万得点），并且在一个画布内画多个折线图（数量不定）；问题一：可视化工具得寻找常年使用echarts，用得比较顺手，但是涉及到大量得数据，没有找到很好得支持（可能我没找到），这里推荐 蚂蚁数据可视化 antv G2. 可以承载大数量得数据 ，下面是链接：https://g2.antv.vision/zh/examples/area/stacked/注：具体得这么画图这边不多叙述，直接看文档！不过原创 2020-08-04 13:58:50 · 4123 阅读 · 0 评论 -
qq在线客服
一般可以直接唤起qq聊天窗口（一些未加好友得 可能要先添加）<span><a href="tencent://Message/?Uin=QQ号&websiteName=local.edu.com:8888=&Menu=yes" class="btn btn-qq"><img border="0" src="http://pub.idqqimg.com/wpa/images/counseling_style_53.png" alt="hello原创 2020-07-29 10:16:50 · 476 阅读 · 0 评论 -
canvas作图总结学习 （一）
你的浏览器不支持 canvas，请升级你的浏览器。let canvas=document.getElementById("cans"); // 检查浏览器兼容 if(canvas.getContext){ let ctx =canvas.getContext('2d'); // 绘制两个长方形： ctx.fillStyle="rgba(200,0,0,.5)"; ctx.fillRect(30,20,80,80) //原创 2020-07-21 17:02:21 · 144 阅读 · 0 评论 -
js 查漏补缺知识点
1…和 = 得优先级let a = {n : 1}; let b = a; a=a.x = {n: 2}; console.log(a.x) console.log(b.x)undefined{n: 2}解: a=a.x = {n: 2}; 优先执行. 可以看作 a.x={n:2}，a={n:2};前面a.x 因为对象是引用类型 直接改变b 后面得a重新定义了对象内存地址已经改变，所以不影响b二.变量提升var b =原创 2020-07-21 11:29:53 · 132 阅读 · 0 评论 -
局域网映射
1.找到hosts文件 C:\Windows\System32\drivers\etc 记事本打开2.添加192.168.8.99 xxxx.xxxx.com 前面带#表示注释3.有些无法保存的 由于权限关系，可以保存到桌面（显示文件后缀，保存好以后去掉后缀）；然后覆盖hosts文件4.浏览器访问 xxxx.xxxx.com 就能访问到192.168.8.99另外...原创 2020-03-28 10:21:16 · 402 阅读 · 0 评论 -
rem的原理
rem的原理实际就是等比缩放一般按照款段来算，比如宽度分为100份 那么1rem 就相当于宽度的1%,设置rem的比例网上有（根据设计图的不同来设计）原创 2020-03-25 11:53:23 · 254 阅读 · 0 评论 -
iframe 移动端ios低版本 无法出现滚动条
<div style="width:100%;height:100%;-webkit-overflow-scrolling:touch;overflow-y:scroll;"> <iframe :src="$store.state.iframeBox.url" style="height:calc(100% - 10px);overflow-y: auto...原创 2020-03-18 10:59:30 · 283 阅读 · 0 评论 -
js模板引擎之artTemplate实现原理
artTemplate它采用预编译（渲染之前完成的）方式，所以性能比较好，同时模板调试器可以精确定位到引发渲染错误的模板语句，渲染原理仍然是通过render函数去转椅成javascript 字符串，动态执行 javascript 字符串；...原创 2020-11-04 15:08:32 · 183 阅读 · 0 评论 -
jQuery获取的dom对象和原生的dom对象有何区别
js原生获取的dom是一个对象，jQuery对象就是一个数组对象，其实就是选择出来的元素的数组集合原创 2020-08-10 16:48:59 · 840 阅读 · 0 评论 -
HTTP与HTTPS的区别
简单总结http：一种超文本传输协议，明文传输，连接很简单，是无状态的，应用最为广泛的一种网络协议。https:是以安全为目标的HTTP通道，简单讲是HTTP的安全版,加入SSL层，HTTPS的安全基础是SSL,加密传输，需要ca证书比较贵，不如HTTP高效，但是是当前最安全的一种方法...原创 2020-03-05 11:35:12 · 102 阅读 · 0 评论 -
instanceof 和 construvtor的区别
判断对象数组 采用 construvtorinstanceof 判断数组的时候都是Object let arr=[] let obj={} console.log(arr instanceof Object) true console.log(arr instanceof Array) true console.log(ar...原创 2020-03-05 10:37:16 · 95 阅读 · 0 评论 -
内存泄漏 和 内存溢出
简单的来说就是，内存泄漏就是 你请内存后又不释放内存，堆积起来后就造成了内存溢出主要讲一下前端方面的内存泄漏：1.全局变量引起的内存泄漏2.闭包 引用的闭包中变量没有释放3.计时器、回调、事件监听...原创 2020-03-05 10:27:05 · 126 阅读 · 0 评论 -
window.print（） 表格打印 完美实现分页
问题描述：采用js打印页面，表格过长 会出现分页，表格就会被裁减（那种每行固定就一行展示的简单，每个分页给他多少条数据就完事了），这里的问题是数据从后台获取，而且每一列都可能出现换行，多的可能达到10几20行的。需要的效果思路：分页采用<div style="page-break-after:always"></div>一、整理思路1.不同的分页中都要有...原创 2020-03-05 10:01:20 · 7269 阅读 · 7 评论 -
iphone 5兼容 flex布局
<!DOCTYPE html><html><head><meta charset="utf-8"><meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"><meta con...原创 2020-02-28 15:20:56 · 465 阅读 · 0 评论 -
移动端es6兼容
es6语法在一些老得机型上是不兼容得解决方法：1.用插件转译成es52.直接用es5写原创 2020-02-28 15:20:08 · 816 阅读 · 0 评论 -
window.print()打印页面 宽度为1000
使用window.print()得时候 如果Body 没设置宽度 或者为100%得时候打印页面得宽度 为700~800 多了会被裁掉！当设置body宽度后 以我这边为例 body 1200px 的时候 主体要打印得元素 给 1000px结果就能打印 1000宽度得内容了（如果再大于1000px，我试过，会被裁掉！）效果如下：...原创 2020-02-28 13:16:11 · 3468 阅读 · 0 评论 -
微信sdk 功能denmo
https://www.weixinsxy.com/jssdk/原创 2020-02-26 15:54:45 · 423 阅读 · 0 评论 -
事件委托机制
事件委托机制：也叫事件代理 ：原理是事件冒泡机制1.为什么要使用事件委托按照原来的绑定事件onclick需要不断的与DOM 交互比较耗性能，事件委托采用addEventListener来实现，只需跟DOM绑定一次，未来会出现新的Dom元素都会自动绑定！提供性能优点：1.减少了大量的事件注册，减少内存使用，2.：新增元素实现自动绑定，可多次绑定同一个事件，并且不会覆盖上一个事件。ad...原创 2020-02-25 15:48:13 · 345 阅读 · 0 评论 -
用过的 插件 ui库 开发工具 集合
持续记录：以前用的一些实在记不住了1.开发工具1.vscode: 前端代码开发工具2.hbuilder: 前端代码开发工具(移动端比较适合，h5页面比较适合)3.dreamweaver:现在不怎么用了4.winSCP: 远程工具,上传代码5.svn:代码管理工具6.git：代码管理工具7.sourcetree：git代码管理工具得可视化界面操作工具（我们公司是代码放在codin...原创 2020-02-24 09:59:02 · 240 阅读 · 0 评论 -
window.print()分页
<div style="page-break-after:always"></div>原创 2020-02-05 15:58:35 · 769 阅读 · 0 评论