js
关注
分享
扫一扫
想喝橙汁儿
化身孤岛的鲸
展开
-
将一维数组根据id pid，改成树结构
将一维数组根据id pid，改成树结构。原创 2023-08-16 11:47:38 · 569 阅读 · 0 评论 -
js 文字逐个弹出
逐个弹出文字原创 2022-11-24 17:14:24 · 1573 阅读 · 0 评论 -
递归--多层数据结构
children 是子级，当子级不为空时，循环调用，修改label 的值。多层数据结构，层级不定时采用递归方法。原创 2022-09-22 13:47:46 · 428 阅读 · 0 评论 -
VUE跨域问题
vue 跨域解决原创 2022-08-26 13:32:15 · 364 阅读 · 0 评论 -
原生js 导出excel
使用原生js导出，不需要插件。原创 2022-08-23 17:57:56 · 657 阅读 · 0 评论 -
js 时间戳
js时间戳。原创 2022-07-27 11:39:34 · 116 阅读 · 0 评论 -
纯前端js导出Excel文件
项目中有的时候需要咱们前端来导出Excel表格还是需要了解怎么做的，当然了最好还是让后端做导出话不多说，上步骤安装插件 vue-json-excelnpm install vue-json-excel -S引入 - - - 在需要导出功能的文件中引入import ExportJsonExcel from "js-export-excel";代码：template中 - - - 主要是exportExcel方法 <a-button type="primary" ico原创 2021-04-16 09:52:21 · 488 阅读 · 0 评论 -
JavaScript深拷贝
新创建的对象为arr1，源对象为arr，一行代码实现：利用JSON（推荐，JS语言自支持，不需要依赖其他工具） let arr1= JSON.parse(JSON.stringify(arr))Lodash（推荐，在某些集成了Loadsh的开发环境代码显得更简洁） let newObj = _.cloneDeep(oldObj)ES6的对象拓展运算符：… ( 不推荐----对象中不能套深层次的数据) let newObj = {...oldObj}ES6的对象拓展运算原创 2021-04-14 15:35:19 · 91 阅读 · 0 评论 -
Ant Design of Vue —— Table表格组件 —— 设置动态表头
需求：表格的表头，需要动态改变效果图方法动态改变columns ，通过push改变关键代码find(arr, str) { this.findTF = false; arr.forEach(item => { if (item.title == str) { return this.findTF = true; } })},find2(arr, str) { this.findTF2 = false; arr.forEach(item =原创 2021-03-26 13:31:16 · 8071 阅读 · 5 评论 -
Ant Design of Vue —— Table表格组件 —— 设置动态表头（固定下的动态）
需求：表格的表头，需要动态改变效果图实现步骤：一、表头数据columnscolumns: [ { // title:'y1', scopedSlots:{ title:'y1' }, align:"center", dataIndex: 'y1' }, { // title:'y2', scopedSlots:{ title:'y2'原创 2021-02-01 17:49:04 · 4623 阅读 · 1 评论 -
split 复杂字符串分割成数组
需求：需要将数组数据拼接成字符串后展示，后面又需要把字符串解析成原来的数组数据格式"jsparameter":[ {name: '系统精度',value: ''}, {name: '校管范围',value: ''}, ], //技术参数拼接代码 // 新增参数 for(let i =0;i<this.jsparameter.length;i++){ if(this.jsparameter[i].value!=''){ this.form.jsp原创 2020-12-30 09:51:37 · 301 阅读 · 0 评论 -
递归小案例
递归小案例不要用console.log输出，浏览器会死的<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>递归</title> </head> <body> <script type="text/javascript"> // function say(n){ // if(n==0){ //原创 2020-09-27 16:46:37 · 1322 阅读 · 35 评论 -
什么是防抖与节流？如何实现？
有这样一种应用场景，在滚动事件中做一个复杂取值计算或者频繁的触发一个事件，这是很影响性能并容易导致页面卡顿的，所以要合并多次请求，通过函数做一个精确操作。这时就会用到函数防抖或者函数节流，那么，这两种方式有什么区别呢？个人认为：函数防抖是：当你频繁触发后，n秒内只执行一次函数节流是：在固定的时间内触发事件，每隔n秒触发一次一、防抖触发高频函数事件后，n秒内函数只能执行一次，如果在n秒内这个事件再次被触发的话，那么会重新计算时间思路：每次触发事件时都取消之前的延时调用方法 functi原创 2020-09-09 18:03:09 · 873 阅读 · 0 评论 -
prototype实例的公用方法和属性
prototype实例的公用方法和属性<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> //函数类 function Person(name,age){ this.name = n原创 2020-09-08 11:07:12 · 327 阅读 · 0 评论 -
js 贪吃蛇
诺基亚贪吃蛇——我的游戏启蒙老规矩，代码自用自取，复制粘贴直接使用，喜欢的话可以查看博主其它文章，贡献一丢丢的浏览量，感激不尽。部分游戏截图：代码如下：<!DOCTYPE html><html><head> <title>贪吃蛇</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <st...转载 2020-09-07 20:53:55 · 124 阅读 · 0 评论 -
导航条 动态居中
导航条 动态居中效果：备注都在代码里了，各位看官请自便。代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .wrap{ height: 200px; width: 820px; background-color: #f0f0f0; white-spa原创 2020-09-07 17:22:48 · 523 阅读 · 0 评论 -
canvas 动画
canvas实现的动画效果图：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body { background: #111; padding:0; margin:0; overflow:hidden; } </s原创 2020-09-04 18:50:05 · 1240 阅读 · 0 评论 -
js 数据类型与转换
JavaScript基础知识解析1这里写目录标题JavaScript基础知识解析11 变量类型与计算二者区别2 类型转换3 if 语句与逻辑运算4 逻辑判断1 变量类型与计算值类型：值 key.value都存储在栈中，其中值类型有undefined 未定义string 字符串number 数字Boolean 布尔symbol 符号引用类型：引用类型栈中存储内存地址堆中存储实际的值，其中引用类型有array 数组object 对象null 空function 函数二者区原创 2020-08-28 15:34:17 · 210 阅读 · 0 评论 -
js数据类型
js数据类型原创 2020-08-27 20:36:33 · 623 阅读 · 9 评论 -
javascript 面试题
总结一些 javascript 面试问题JavaScript 的组成JavaScript 由以下三部分组成：ECMAScript（核心）：JavaScript 语言基础DOM（文档对象模型）：规定了访问 HTML 和 XML 的接口BOM（浏览器对象模型）：提供了浏览器窗口之间进行交互的对象和方法JS 的基本数据类型和引用数据类型基本数据类型：undefined、null、boolean、number、string、symbol引用数据类型：object、array、function原创 2020-08-20 21:23:09 · 1052 阅读 · 1 评论