- 博客(70)
- 收藏
- 关注
RSS订阅
原创 实现数组扁平化（七种方式）
数组扁平化就是把多维数组转为一维数组比如[1, [2,3,3],3,[1, [2,3,8]],8] 转为[1,2,3,3,3,1,2,3,8,8]1.[].concat(…arr) var msg = [1, [2,3,3],3,[1, [2,3,8]],8] function flatten(arr) { while(arr.some(item => Array.isArray(item))) { arr =
2021-08-07 23:22:42
1100
原创 js数组去重(九种方式，还有实现的方法再更新)
真是败给数组去重了，我要把所有的方式都记住。一、es6的Setvar arr = [1, 2, 3 ,2,undefined,undefined,true,true,15,15,false,false, null,null]new Set是伪数组，用Array.from或者...转为数组console.log([...new Set(arr)])console.log(Array.from(new Set(arr)))小哥哥不让我这么简单的实现，好的，我真想给你来一拳。二、利用for嵌套f
2021-08-07 02:02:02
831
2
原创 2022前端面试总结及答案(不定期更新)
前端vue篇1. vue生命周期？vue生命周期分为八个阶段：创建前后，挂载前后，更新前后，销毁前后beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed2. vuex是什么？怎么用？有哪些属性？针对vue.js框架实现的状态管理系统使用Vuex要引入store并注入Vue.js组件中，在组件内部通过$store访问store对象有五种，分别是state,getter,mu
2021-07-13 21:37:44
9459
1
原创 private、public、protected、readonly、static
private、public、protected、readonly、static
2022-08-03 23:21:36
4712
原创 利用for in 数组转对象
for in获取到对象的键名，for获取到数组的下标for of获取到对象的键值数组 arr1=[{title:“a”,id:“1”},{title:“b”,id:“2”},{title:“c”,id:“3”}]使用arr1数组生成一个ObjectObject格式要求：{"arr1[0]_title ": ‘a’,“arr1[0]_id” : ‘1’,“arr1[1]_title” : ‘b’,` “arr1[1]_id”:‘2’}（参数中每个键值均为String）.
2022-05-25 17:30:59
318
原创 js六种继承
什么是继承？为什么要实现继承？当然是子类啃老，自己想从父类获取属性和方法，还得我帮他实现，md。了解一下构造函数、实例、原型对象的区别构造函数就是这样的function Fun() {} 大写的函数名，普通函数是小写实例对象就是new Fun每一个构造函数都有原型对象实现继承的六种方式 // // 定义父类 function Parent(name) { //属性 this.name = na
2022-05-09 08:17:19
377
原创 GeoServer的介绍与安装
一、什么是GeoServer?GeoServer是java编写的开源软件服务器，允许用户共享和编辑地理空间数据。为实现互操作性而设计，它使用开放标准发布来自任何主要空间数据源的数据。二、下载官网地址：http://geoserver.org/别人下载的是需要安装的，我下载的是war包，可能官网改方式了吧。下载后的文档如下：双击启动这个页面自动打开，登录默认的用户名admin，密码geoserver关闭的GeoServer，关闭cmd，bin的窗口点击shutdown.bat，弹出
2022-04-21 05:09:19
1172
原创 瓦片是什么意思？
先了解几个概念：一、经纬度地球是个椭球，Datum是一组描述这个椭球的数据集合。最常用的一个Datum是WGS84（World Geodetic System 1984）。主要的参数有：长短轴，质心，子午线，扁平比例坐标系的原点地球质心子午线，即零度经线椭球截面长轴a椭球截面短轴b，可选参数扁平比例f=(a−b)/a=1/298.257223563；geoid，海平面，用于定义高度，本文从略。WGS84 Datum的信息可以用下图进行概括：二、投影投影就是把球面坐标转为平面坐
2022-04-21 04:32:18
2815
原创 使用nvm下载node和npm
看了网上很多的版本，有些不太对，记录一下。一、下载nvm下载地址：https://github.com/coreybutler/nvm-windows/releasesnvm-noinstall.zip： 绿色免安装版本，使用之前需要配置。nvm-setup.zip：安装包，下载之后点击安装，无需配置就可以使用。Source code(zip)：zip压缩的源码。Sourc code(tar.gz)：tar.gz的源码，一般用于*nix系统。下载第三个解压到自己想要的盘符，我放到了e
2022-04-15 00:54:30
14963
1
原创 w10地址栏输入code打开vscode
在C:\windows\system32文件下创建code.bat文件， 内容如下：@echo offstart “” “%ProgramFiles(x86)%\Microsoft VS Code\code.exe” .code回车就打开vscode啦~~参考地址：https://www.cnblogs.com/1zhk/p/7440883.html
2022-04-14 23:31:17
800
原创 vscode打印ts文件输出
1、全局安装ts包cnpm i typescript ts-node @types/node@* -g2、下载vs中的Code Runner插件,然后点击右上角的运行,就会有输出
2022-01-08 05:22:21
1510
原创 js判断用户是第一次点击还是第二次点击
判断用户第一次点击还是第二次点击，执行不同的函数var isFirst = false;if(!isFirst) { //第一次点击 isFirst = true} else { //第二次点击 isFrist = false;}
2021-09-07 19:15:06
3263
原创 echarts实现双柱图数据联动
一、效果实现如下的双柱图联动二、需求分析1. 两个echarts实现联动用到echarts中的 echarts.connect（[图表名称1，图表名称2]） let stackingBar1 = this.$echarts.init(document.getElementById("myCharts1")); let stackingBar2 = this.$echarts.init(document.getElementById("myCharts2")); stackingBar1.se
2021-09-03 16:47:03
2583
2
原创 echarts实现饼图阴影，改变饼图的颜色，改变引导线的颜色
需求分析：> 1、饼图阴影，就是在series中再加图层> 2、引导线labelLine->normal->lineStyle> 3、改变饼图的颜色后端返值＋itemStyle或者自己定义在option中color数组> 4、设置不同标识文字的颜色，在rich中写nameColor的样式>formatter: function (value) { let data = value.data; return ("{nameColor|" +da.
2021-08-28 23:23:47
7451
2
原创 echarts实现省份迁徙图
一、实现效果二、分析需求分析：1、实现的省份图，边框的阴影是一层一层的2、实现迁徙图3、上面有小图标三、实现的逻辑1、引入json，注册registerMap(地图名字，引入json的名字)2、geo中regions设置图层阴影3、symbol放图标地址四、代码代码在别人的基础上改的，代码较多，较乱，有时间再整理<template> <div class="echart-map-container"> <div id="echart
2021-08-23 11:52:15
7099
7
原创 echarts中的zlevel和z的区别
一、zlevelzlevel是对于canvas分层的，频繁操作会影响内存，尤其移动端慎用。大的zlevel优先级高于zlevel二、zz个人觉得和css中的z-index差不多，但是优先级没有zlevel高，同样也是大的z优先级高于z...
2021-08-20 16:48:00
3673
2
原创 修改el-table-column单独的样式
<template> <el-table :data="tableData" border style="width: 100%" :cell-style="setCellStyle" :header-cell-style="{ textAlign: 'center' }" > <el-table-column prop="date" label="日期" width="180"> </el-table-col
2021-08-17 22:10:33
4550
原创 vue实现二进制流文件导出excel
问了一下其他的后端，他们公司前端是a标签，后端是给了一个地址，a标签或者window.open()都可以实现。我们公司是后端返回的二进制流文件，实现了一下，亲测可以，没有问题前端代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
2021-08-16 00:15:39
569
1
原创 leetcode35. 搜索插入位置js
搜索插入位置给定一个排序数组和一个目标值，在数组中找到目标值，并返回其索引。如果目标值不存在于数组中，返回它将会被按顺序插入的位置。请必须使用时间复杂度为 O(log n) 的算法。示例 1:输入: nums = [1,3,5,6], target = 5输出: 2解决：var searchInsert = function(nums, target) { for(let i=0;i<nums.length;i++) { if(nums[i]>=targ.
2021-08-13 12:56:10
124
原创 leetcode27. 移除元素js
给你一个数组 nums 和一个值 val，你需要 原地 移除所有数值等于 val 的元素，并返回移除后数组的新长度。不要使用额外的数组空间，你必须仅使用 O(1) 额外空间并 原地 修改输入数组。元素的顺序可以改变。你不需要考虑数组中超出新长度后面的元素。解决：var removeElement = function(nums, val) { for(let i=0;i<nums.length;i++) { if(nums[i] ==val) { nu
2021-08-12 22:47:33
59
原创 leetcode9. 回文数js
回文数给你一个整数 x ，如果 x 是一个回文整数，返回 true ；否则，返回 false 。回文数是指正序（从左向右）和倒序（从右向左）读都是一样的整数。例如，121 是回文，而 123 不是。示例 1：输入：x = 121输出：true示例 2：输入：x = -121输出：false解释：从左向右读, 为 -121 。 从右向左读, 为 121- 。因此它不是一个回文数。解决：var isPalindrome = function (x) { // 思路：转为.
2021-08-11 13:47:55
106
原创 reduce的使用方式
Array.prototype.myMap= function(cb) { return this.reduce((pre, cur,index,arr) => pre.concat(cb(cur, index)), []) } let arr1 = [1, 3,4,5].myMap((item, index) => item + '+'+ index) console.log(arr1, 'arr1')...
2021-08-09 21:29:58
913
原创 js实现对象扁平化(树状转为扁平化)
var arr = [{ "Id": "123", "Name": "温小鹿第一层", "children": [{ "Id": "456", "Name": "温小鹿第二层", "children": [{ "Id": "789", "Name": "温小鹿第三
2021-08-09 02:13:23
1188
原创 rem布局的原理
一、什么是rem?rem是相对于html的单位，rem可以实现响应式布局二、rem实现原理？根据获取视口的宽度clientWidth，然后/75+px，addEventListener监听load，去执行change方法<script> (function (win, doc) { var resize = 'orientationchange' in window ? 'orientationchange' : 'resize';//ori
2021-08-08 21:19:21
732
原创 面试题 01.06. 字符串压缩
字符串压缩。利用字符重复出现的次数，编写一种方法，实现基本的字符串压缩功能。比如，字符串aabcccccaaa会变为a2b1c5a3。若“压缩”后的字符串没有变短，则返回原先的字符串。你可以假设字符串中只包含大小写英文字母（a至z）。示例1:输入：“aabcccccaaa”输出：“a2b1c5a3”示例2:输入：“abbccd”输出：“abbccd”解释：“abbccd"压缩后为"a1b2c2d1”，比原字符串长度更长。解决： var S = "abbc"
2021-08-08 19:22:58
67
原创 js判断数组和对象的方式
大概总结这些 如果还有其他的 再总结叭数组对象Array.isArraytypeof objarr instanceof Arrayobj instanceof Objectarr.constructor === Arrayobj.constructor === ObjectObject.prototype.toString,call(arr)Object.prototype.toString.call(obj)...
2021-08-08 00:03:30
94
原创 get-element-by-id转换为getElementById
解决：var arr = 'get-element-by-id' var str = arr.split('-') for( var i=1; i<str.length-1; i++) { str[i]= str[i].charAt(0).toUpperCase()+str[i].slice(1) } str = str.join("") console.log(str) // for循环的
2021-08-07 20:31:05
644
原创 2023前端手写代码
面了几家公司很注重手写代码，行吧，写一下吧主要也是防抖节流call，bind，apply，promise1.防抖在一定时间内，事件只触发一次，如果在这个重新触发事件，后面的事件无效，重新计算时间function debounce(fn, delay) { let timer = null return (...args) => { clearTimeout(timer); timer = setTimeout(() => {
2021-08-04 23:41:59
305
原创 webapck报错can‘t resolve ‘./src‘
找不到入口文件??明明就没问题后来官网说./src/index.js我就把main.js改成index.js就好了 有他妈什么区别
2021-07-30 23:15:44
536
原创 css实现四角边框
如下效果代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti
2021-07-28 00:13:27
1609
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人