JavaScript
前端小码田
这个作者很懒,什么都没留下…
展开
-
树形结构获取子节点的直接父节点
树形结构获取子节点的直接父节点原创 2022-06-08 17:08:08 · 360 阅读 · 0 评论 -
前端实现打印
先下载插件print-jsnpm install print-js --save 然后在页面引入import printJS from 'print-js'具体使用<template> <div> <el-button round class="btn" @click="handlePrint(item)">打印</el-button> </div></template><s原创 2022-04-12 16:32:01 · 973 阅读 · 0 评论 -
前端实现在浏览器下载图片
首先在项目中untils中增加一个工具函数,downloadPng.jsfunction downloadIamge(imgsrc, name) { // 下载图片地址和图片名 var image = new Image() // 解决跨域 Canvas 污染问题 image.setAttribute('crossOrigin', 'anonymous') image.onload = function() { const canvas = document.createE原创 2022-04-12 14:48:01 · 601 阅读 · 0 评论 -
前端实现文件导出
方法一:const blob = new Blob([r], { type: 'application/vnd.ms-excel' })if ('download' in document.createElement('a')) {const elink = document.createElement('a')elink.download = '学员数据.xlsx'elink.style.display = 'none'elink.href = URL.createObjectU原创 2022-04-01 14:13:27 · 1527 阅读 · 0 评论 -
实现文字或者链接复制
<template> <div> <div @click.native="copyExamUrl">复制考试地址</div> <input type="text" style="opacity: 0" id="copyInput" /> </div></template><script>export default { methods: { // 复制地址 .原创 2022-04-01 13:41:05 · 248 阅读 · 0 评论 -
JSON.parse和JSON.stringify的区别
JSON.stringify() :将JS对象转换为JSON格式 // 测试用例1:let str = {a: 'test', b: 123};console.log('-----------str:', JSON.stringify(str));-----------str: {"a":"test","b":123} JSON.parse() :将JSON字符串转换成对象 // 测试用例1:let str = '{"a":"test","b":123}';consol原创 2022-03-01 13:59:15 · 94 阅读 · 0 评论 -
JS输出26个英文字符
JS输出26个英文字符for(var i=0;i<26;i++){console.log(String.fromCharCode(65+i));//输出A-Z 26个大写字母}for(var i=0;i<26;i++){console.log(String.fromCharCode(97+i));//输出a-z 26个小写字母}原创 2022-03-01 13:58:21 · 438 阅读 · 0 评论 -
箭头函数和this的指向
函数的使用// 1.定义函数的方式: function const aaa = function () { } // 2.对象字面量中定义函数 const obj = { bbb() { } } // 3.ES6中的箭头函数 // const ccc = (参数列表) => { // // } const ccc = () => { }箭头函数参数问题// 1.参数问题: // 1.1.放入两个参数 ..原创 2020-11-18 17:21:21 · 107 阅读 · 0 评论 -
JavaScript高阶函数的使用
高阶函数所谓高阶函数,就是函数中可以传入另一个函数作为参数的函数。常用的高阶函数有:filter、reduce、map、sort。filter:筛选元素,返回boolean值const nums = [150,120,90,85,75];let numNums = nums.filter(function(n){ return n < 100})console.log(newNums);map// // 2.map函数的使用// // 20, 40, 80.原创 2020-11-12 22:00:57 · 82 阅读 · 0 评论 -
ES6的新特性
1. const let varvar声明的变量是全局变量,声明变量的时候存在变量提升,无论声明在何处,一般都被视为声明在函数的最顶部。var x = '全局变量';{ let x = '局部变量'; console.log(x); // 局部变量}console.log(x); // 全局变量let声明的是局部变量,const表示声明常量,两者都为块级作用域。const 声明的变量都会被认为是常量,意思就是它的值被设置完成后就不能再修改了,如果const的是...原创 2021-09-28 09:28:00 · 68 阅读 · 0 评论