JavaScript
Gem__
这个作者很懒,什么都没留下…
展开
-
js树形数据递归转化至list生成id和parentId,和再次递归成树时产生的内存泄漏触发浏览器断点保护
在项目交付时,甲方系统接入我们的子系统,甲方希望对菜单权限进行统一控制,而不是在子系统内控制,所以需要对甲方系统树形格式的菜单数据进行扁平化处理,再匹配添加我们子系统的菜单数据字段,这样已经写好的代码就不需要再改动了。处理时遇到的问题,将树形数据处理为list遇到的问题:treeToList(tree,pId){ let node = {menuId:this.numId ,menu:tree[i].menu,pId:pId} this,menuList.push(node) if(tree[i]原创 2021-01-23 14:44:17 · 835 阅读 · 0 评论 -
前端通过文件流导入导出excel(兼容IE)
前端通过文件流导入导出excel(兼容IE)api文件夹内新建config.js,封装导入导出的请求方法import axios from 'axios'.../** 上传* url:请求地址* params:参数* */export function fileUpload(url, params = {},loading=true) { return new Promise((resolve, reject) => { service({原创 2020-12-30 12:54:05 · 724 阅读 · 0 评论 -
[Vue warn]: Invalid handler for event “click“: got undefined报错原因
今天在写菜单的时候,vue中我将onClick事件写到了rander函数里渲染的方式,渲染的是菜单,有些具有children的菜单也需要点击跳转这个需求,这样写了之后,点击跳转的功能生效了,但是会报vue警告。Invalid handler for event “click”: got undefined解决: 把点击事件的方法写道methods方法里...原创 2020-10-25 15:31:35 · 2848 阅读 · 0 评论 -
前端json格式请求文件流导出excel文件
前端json格式请求文件流导出excel文件 :请求方法:// http为axios封装后的方法export function exportFile(url,data){http.post(url,data,{ headers: { 'Content-type' : 'application/json;charset-UTF-8', // 设置content-type 'Authorization' : sessionStorage.getItem('sessionId') // 获取原创 2020-09-02 10:27:36 · 768 阅读 · 0 评论 -
根据传入字符,递归获取任意层级结构数据中对应节点属性值。
后台给的树形层级结构,回显根据id获取名称name/***❤**根据传入字符,递归获取任意层级结构数据中对应节点属性值。(层级结构数据最外层为[]或{}均可)@onlyCode = 传入字符@treeData = 树形结构数据@code = 节点编码id,不传默认为value@name = 节点名称name,不传默认为label@childName = 内嵌数组对象集的属性名称,不传默认为children*/ const getNameFormTree = (onlyCode, tree原创 2020-09-02 09:49:23 · 298 阅读 · 1 评论 -
el-select可搜索功能,实现对输入的搜索内容进行控制
今天测试提了一个bug,需求是一个下拉框,带搜索过滤功能,测试要求对输入的内容进行控制,控制其长度为20,搜索功能是不进行交互的,是前端的一个功能而已,测试要求,那就搞呗。可以用.native获取内部input<el-selectv-model="searchForm.productId"placehoder="请输选择产品或输入产品名字过滤"filterable@input.native="filterData"clearableref="searchSelect"><原创 2020-07-25 10:04:28 · 7223 阅读 · 4 评论 -
前端下载文件,值得借鉴
https://www.cnblogs.com/willingtolove/p/10686208.html#_label7_0原创 2020-05-30 15:38:31 · 152 阅读 · 0 评论 -
使用JS控制元素的伪元素
一. 缘由:本文源于在OSC社区中,有人提问如何用jq获取伪元素。我第一想法是强大的CSS Query应该可以获取伪元素吧。然而事实上,CSS Query并不能。即我们不能通过(“:before”)、(“:before”)、(“:before”)、(dom).find(“:before”)或document.querySelector(“:before”)来获取:before伪元素。为此,我...原创 2019-12-29 22:03:25 · 534 阅读 · 0 评论 -
js基础知识点总结
js基础知识点总结原创 2019-12-16 21:49:06 · 116 阅读 · 0 评论 -
JavaScript 常见报错解析
js开发中遇到一些常见的报错信息Uncaught TypeError: undefined is not a function错误类型为TypeError(类型错误);错误产生:你希望调用一个函数,这个值却不是一个函数。错误修复:确保函数名正确。这个错误中,错误行号能正确指示。Uncaught ReferenceError: Invalid left-hand side in assig...原创 2019-12-16 21:39:54 · 1112 阅读 · 0 评论 -
JavaScript:函数进阶 函数闭包
字符串方法:var str = ' abcdedf ';console.log(str.trim());//去除字符串两侧的空格符函数进阶函数的定义//1.命名函数function fn (){ }//2.匿名函数 变量接收var fn = function(){ } fn()//3.自调用函数(function(){ })() //4.创建对象var fn...原创 2019-12-09 22:56:10 · 342 阅读 · 0 评论 -
JavaScript:构造函数
构造函数在构造函数本身上添加的成员是静态成员,只能由构造函数本身来访问()构造函数内部创建的对象成员称为实例成员,只能由实例化的对象来访问(new 来访问)构造函数原型 prototype构造函数原型是构造函数的属性,这个属性是一个对象,也称prototype为原型对象Star.prototype 是一个对象作用:是为了共享方法,从而达到节省内存空间的目的注意:每一个函数...原创 2019-12-09 22:54:30 · 182 阅读 · 0 评论