JavaScript
关注
分享
扫一扫
JavaScript是一种基于对象的脚本语言，它不仅可以创建对象，也能使用现有的对象。
天高任鸟飞dyz
一名技术狂热追求者，一直在奔跑从未停止过。
展开
-
js常用方法（日常更新）
【代码】js常用方法。原创 2024-04-25 11:10:51 · 141 阅读 · 0 评论 -
post请求下载文件
【代码】post请求下载文件。原创 2023-06-15 18:14:05 · 975 阅读 · 0 评论 -
G6 Graph配置
SVG 除支持内置的所有节点/边类型以及自定义节点/边时使用与 Canvas 相同的图形外，还支持在自定义节点/边时使用 'dom' 图形，详见。中文字“图”在大家的传统认知里指的是图画、图像，而图论与可视化中的“图”—— Graph 则有着更精确的定位：主体（objects）与关系（relationships）的组成。在 G6 中，Graph 对象是图的载体，它包含了图上的所有元素（节点、边等），同时挂载了图的相关操作（如交互监听、元素操作、渲染等）。除默认状态外的其他状态下节点的样式配置。原创 2023-01-10 11:57:11 · 1859 阅读 · 1 评论 -
对JS数组进行归类
【代码】对JS数组进行归类。原创 2023-01-10 10:30:50 · 225 阅读 · 0 评论 -
element-plus el-date-picker限制一个月范围
vue3 时间选择器限制时间范围一个月原创 2022-12-07 14:38:26 · 2775 阅读 · 1 评论 -
cookie插件（js-cookie）
js-cookie原创 2022-09-22 19:17:34 · 1309 阅读 · 0 评论 -
数组reduce方法详解
很多前端开发中都知道数组的reduce方法可以用来给数组求和，但是你问到里面的具体参数代表的时候什么，很多人却不知道。原创 2022-08-24 14:31:22 · 448 阅读 · 0 评论 -
js对象转FormData对象（一般用于上传）
js对象转FormData对象（一般用于上传）原创 2022-08-09 15:41:19 · 1762 阅读 · 0 评论 -
列表加入计时器（正计时、倒计时）
列表加入计时器（正计时、倒计时），列表每一行都有独立计时！原创 2022-06-28 16:29:46 · 439 阅读 · 1 评论 -
vue大文件下载（下载进度展示）
vue大文件下载（下载进度展示） 提示框展示下载进度原创 2022-06-28 15:37:58 · 5174 阅读 · 0 评论 -
import、export、export default、as的使用
目录前言一、export二、export default三、as 示例1 示例2 示例3总结export 与import是es6中新增模块功能最主要的两个命令。 1.export与export default均可用于导出常量、函数、文件、模块等 2.在一个文件或模块中，export、import可以有多个，export default仅有一个 3.通过export方式导出，在导入时要加{ }，export default则不需要{ }使用export抛出的变量需要用{}进行import原创 2022-06-10 15:19:26 · 2431 阅读 · 0 评论 -
vue全局注册组件
在components文件夹下新建index.js文件@/components/index.jsimport Vue from 'vue'// require.context 是webpack的一个apiconst req = require.context('./', true, /\.vue$/)// 全局注册req.keys().forEach((element,index) => { let name = element.replace(/(\.\/)|(\.vue)原创 2022-04-22 16:51:58 · 4725 阅读 · 0 评论 -
js事件循环机制(Event Loop)
event loop它最主要是分三部分：主线程、宏队列（macrotask）、微队列（microtask）原创 2022-02-11 09:52:41 · 1759 阅读 · 3 评论 -
this指向详解（apply，call，bind区别）
一、普通函数this指向函数的this指向遵循一个基本原则：谁调用的函数，函数的this就指向谁，否则指向全局示例var name = 'window'let obj = { name: 'yuanzhi', show1: function () { console.log(this.name) }, show2: function () { return function () { console.log(this.name) } .原创 2021-12-01 17:59:37 · 599 阅读 · 2 评论 -
防抖（debounce）和节流（throttle）
一、防抖动作绑定事件，动作发生后一定时间后触发事件，在这段时间内，如果该动作又发生，则重新等待一定时间再触发事件。具体方法是：在上一次事件触发之后的time时间内如果事件没有再次触发，那么就在time时间后触发，否则将触发的时间作为新的起始点通俗理解就是，将密集的时间触发事件看作一个时间整体，整个整体只触发一次事件，密集的界定就是相邻事件触发时间小于time，则以这个整体的最后一次事件触发为起始点...原创 2021-11-10 11:52:03 · 3565 阅读 · 1 评论 -
element tree组件半节点回显问题
一、需求keys：[半选节点key+勾选节点key] 通过keys进行tree树回显节点为全选，则设置为全选。若改节点下未全部勾选，父节点设置为半全选。样式：keys：keys:[1,4,9]data：data: [{ id: 1, label: '一级 1', children: [{ id: 4, label: '二级 1-1', children: [{ id: 9, label: '三级 1-1-1' },原创 2021-09-02 13:03:09 · 796 阅读 · 0 评论 -
数组方法
整理目前所用过的数组方法，学习了新增的es6方法。1arr.push()从后面添加元素，返回值为添加完后的数组的长度let arr = [1,2,3,4,5]console.log(arr.push(5)) // 6console.log(arr) // [1,2,3,4,5,5]2arr.pop()从后面删除元素，只能是一个，返回值是删除的元素let arr = [1,2,3,4,5]console.log(arr.pop()) // 5console.lo...转载 2021-08-27 14:19:35 · 699 阅读 · 0 评论 -
vue鼠标悬浮框
效果：html：<div @mouseenter="enter" @mouseleave="leave" @mousemove="move">鼠标触碰元素</div><div v-show="popUpShow" class="hover_con" :style="positionStyle">悬浮框</div>js：export default { name: '', data() {原创 2021-08-13 15:52:06 · 2233 阅读 · 0 评论 -
tinymce富文本编辑器（vue）
TinyMC编辑器简介TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。跟其他富文本编辑器相比，有着丰富的插件，支持多种语言，能够满足日常的业务需求并且免费。TinyMCE的优势：开源可商用，基于LGPL2.1插件丰富，自带插件基本涵盖日常所需功能接口丰富，可扩展性强，有能力可以无限拓展功能界面好看，符合现代审美提供经典、内联、沉浸无干扰三种模式（详见“介绍与入门”）对标准支持优秀（自v5开始）多语言支持，官网可下载几十种语言。下图为开启全部功能的截图Tiny原创 2021-08-10 10:06:04 · 49619 阅读 · 16 评论 -
页面跳转指定位置（返回顶部）
html<div id="top"></div><button @click="goTop()">跳转指定位置</button>jsgoTop() { document.querySelector('#top').scrollIntoView(true)}原创 2021-08-06 17:50:27 · 156 阅读 · 0 评论 -
vue-qr生成二维码并下载
引入import vueQr from 'vue-qr'html原创 2021-08-04 23:23:44 · 745 阅读 · 6 评论 -
利用html2canvas截取div保存为png图片并下载
Html2canvas是什么?是一个脚本 这个脚本可以允许用户直接在浏览器上拍摄网页或其中一部分的"屏幕截图".屏幕截图是基于DOM,因此可能无法真实表示100％的准确度，因为它无法生成实际的屏幕截图，而是根据页面上的可用信息构建屏幕截图。运行过程?脚本遍历加载页面的DOM。它收集那里所有元素的信息，然后将其用于构建页面的表示形式。换句话说，它实际上并不截取页面的屏幕快照，而是根据它从DOM读取的属性来构建页面的表示形式。所以可能有些这个脚本识别不了的css或者html将会在编译过程中失效!原创 2021-07-30 09:36:01 · 1897 阅读 · 2 评论 -
树状结构递归转变key值
}, getBankTreeSelect () { getBankTreeSelect().then(res => { if (res.data) { const { data } = res.data let bankTreeData = data ? [data] : [] const loop = (data) => { data.forEach((item, ind..原创 2021-07-27 22:53:33 · 330 阅读 · 0 评论 -
vue 将xlsx表格转成json数据
HTML:<van-uploader :before-read="beforeUpload" :accept="'application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'"> <van-button icon="plus" type="primary">上传文件</van-button></van-uploader&g.原创 2021-06-17 15:52:34 · 727 阅读 · 3 评论 -
new Date() 属性获取
var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期X(0-6,0代表星期天)myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数.原创 2021-06-04 14:17:04 · 261 阅读 · 0 评论 -
Vue clipboard（复制功能）
前言 clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。通过该插件可以将输入框，文本域，DIV元素中的文本等文本内容复制到剪贴板中 clipboard.js支持主流的浏览器：chrome 42+; Firefox 41+; IE 9+; opera 29+; Safari 10+;封装import Vue from 'vue'import Clipboard from 'clipboard'function clipboardSuccess...原创 2021-05-31 10:30:23 · 3179 阅读 · 0 评论 -
Tree 树形控件根据code过滤节点（Element+Vue）
项目场景：权限控制中根据登陆账号已有权限code 渲染tree的结构树。从而实现下级权限不能高于本级权限解决方案：DOM <el-tree :data="menuData" show-checkbox default-expand-all node-key="id" ref="tree" :props="defaultProps" @check="onCheck" > </el-tree>原创 2021-05-17 10:59:42 · 769 阅读 · 16 评论 -
JavaScript如何获取页面的URL？
文章目录前言一、语法：二、示例:二、输出：总结前言在JavaScript中可以使用window.location 对象的href 属性来获取当前页面的URL。下面本篇文章就来给大家具体介绍一下，希望对大家有所帮助。一、语法：window.location对象可用于获取当前页面地址（URL）并把浏览器重定向到新页面；而该对象的href 属性可返回当前页面的 URL。window.location.href二、示例:<!DOCTYPE html><html> &l原创 2021-04-30 01:47:26 · 684 阅读 · 0 评论