自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Delicia_Lani的博客

一旦出发,必须到达

  • 博客(156)
  • 资源 (4)
  • 收藏
  • 关注

原创 经典数据结构

目录一、栈1.【栈】判断出栈是否合法2.两个栈实现队列二、链表1.从尾到头打印链表2.反转链表3.单向反转链表三、二叉树递归实现非递归实现中序遍历的前驱后继节点前驱节点后继节点树的深度一、栈1.【栈】判断出栈是否合法var stackA = [1,2,3,4,5]var stackB = [3,1,2,5,4]functio...

2019-10-11 21:20:18 167

原创 经典项目中遇到及vue相关知识点

1.Vue相关点:https://blog.csdn.net/qq_29918313/article/details/980392312.vue项目全局loading加载动画:https://blog.csdn.net/qq_29918313/article/details/908988993.vue+echarts实现图表:https://blog.csdn.net/qq_2991831...

2019-10-04 07:53:00 741

原创 经典JavaScript

1.Array.from:https://www.cnblogs.com/jf-67/p/8440758.html2.this指向问题:https://segmentfault.com/a/1190000011817793?utm_source=tag-newest使用call、apply、bind改变this指向,call、apply的应用,手写call、apply:https://b...

2019-09-29 18:58:59 330

原创 经典CSS

目录一、webp图片格式二、画三角形三、画自适应正方形四、画直线四、渐变五、css实现动画六、省略号实现七、画圆环八、一个div只用css最多可以画几个圆(6个)九、分析比较 opacity: 0、visibility: hidden、display: none 优劣和适用场景BFC:https://blog.csdn.net/qq_32766999/a...

2019-09-27 08:55:06 326 1

原创 经典写算法

目录一、闭包实现累加二、跳台阶问题三、回文系列:四、js实现阶乘n!(递归形式与for循环形式)五、溢出问题处理六、数组乱序,前后相邻输出不一致七、按照年龄进行分类:八、去重系列九、Eg[1,2,3,4,5] =1*2+2*2+3*2+4*2+5*2=30十、零钱问题十一、二叉树相关十二、链表相关十三、有效的括号十四、两个数组的交集十五、...

2019-09-25 17:43:31 1755 2

原创 JS能力测评经典题50道(JS实现,部分题目含思路及拓展方法、拓展知识点,持续更新)

【题3】移除数组中的元素移除数组 arr 中的所有值与 item 相等的元素。不要直接修改数组 arr,结果返回新的数组。【解一】逆向思维,要求不改变原数组,那就把不相等的元素插入新数组。function remove(arr, item) { if (arr.length === 0) { return arr } else { va...

2019-07-12 08:47:20 561

原创 前端开发中遇到的小问题积累

1.HTML中设置浏览器标题前的logo:在<head></head>标签之间输入<link rel="icon" href="图片位置" type="image/x-icon"/>2.在线引入所需框架:<!--引入jquery--><script src="https://code.jquery.com/jquery-3....

2019-06-12 14:23:19 423

原创 用极坐标下的条形图实现带圆角的环形图(代码可直接使用)

用极坐标下的条形图实现带圆角的环形图(代码可直接使用)

2022-06-21 18:38:24 574 1

原创 原生实现图片点击放大,点击消失

原生实现图片点击放大,点击消失

2022-06-15 17:37:15 443

原创 JavaScript重要知识点

从今天开始,记录学习过的重要知识点。1.JavaScript 数据类型和数据结构console.log(1 + null);console.log(1 + undefined);

2021-12-05 14:51:38 1085

原创 Echarts实现气泡图(含完整代码,可直接运行)

Echarts示例图中提供的气泡图是这样的:Examples - Apache ECharts当然还提供了另外几个,具体可参考官网。但是我的需求中不能显示横纵坐标,具体的实现效果如图所示:在展现气泡的过程中,最大的问题应该是某一个气泡的横纵坐标,因为要防止重合。其实后来想想,可以不用这个气泡图,而是自己写,然后生成随机数渲染图,并且球的大小根据value值得变大而变大。既然已经用了,那就来说说使用Echarts的实现吧。<template> <div> &.

2021-11-08 17:04:40 9964

原创 使用Echarts踩过的坑

我曾经多次感慨,Echarts太强大了,想要的内容几乎都能在配置项中找到。但也正是这一点,让我有点儿措手不及,配置项实在是太多了,很多时候不知道该用哪一个。今天我就将自己在使用过程中踩过的坑来一一描述。一、世界地图,使用visalMap,点击国家后,再点击图例,点击过的国家显示黄色。这是困扰了我大半天的一个问题,因为正是这个黄色,在我们的项目中配得上一个bug,因为刚好跟我们渲染的颜色重合了。还有一个小问题,我这个图例点击之后,颜色特别浅,这个是需要调整的。我的配置项是这样写的:

2021-11-07 12:01:46 951

原创 CSS画几何图形系列

一、圆形<div style="width: 200px; height: 200px;"> <div style="width: 100px; height: 100px; background-color: pink; border-radius: 50%;"></div></div>二、三角形<div style="width: 0; height: 0; border-top: 10px solid trans.

2021-08-17 23:22:01 151

原创 VScode报错:yarn : 无法加载文件 C:\Users\**\AppData\Roaming\npm\yarn.ps1,因为在此系统上禁止运行脚本

解决方案:https://www.cnblogs.com/dekevin/p/13472543.html一定是打开PowerShell,打开cmd无效

2021-07-30 10:52:54 5224

原创 关于Websocket的两次实践(Vue项目实现在线聊天&Angular项目首页实时推送图表数据)

摘要:该文章记录了我使用websocket的两次实践经历,在第一次实践过程中,踩了很多坑。第二次实践,可谓得心应手,但是很多理论性还很欠缺。通过该文章,从理论到实践,一举全部拿下。一、Websocket理论(1)Websocket是什么?Websocket是一种网络通信协议,是一种在单个TCP连接上的全双工通信协议。WebSocket使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在WebSocket API中,浏览器和服务器只需要完成一次握手,两者之间就直接可

2021-07-16 09:14:43 754

转载 vue依赖收集

Vue 会把普通对象变成响应式对象,响应式对象 getter 相关的逻辑就是做依赖收集,这一节我们来详细分析这个过程DepDep 是整个 getter 依赖收集的核心,它的定义在 src/core/observer/dep.js 中import type Watcher from './watcher'import { remove } from '../util/index'let uid = 0/** * A dep is an observable that can have

2021-07-11 22:26:41 2112

原创 Vue相关题目(部分含Vue源码及解析)

vue的修饰符1.事件修饰符prevent 阻止默认事件(在指定的事件后进行默认事件的阻止) stop阻止事件冒泡(在指定事件后阻止事件冒泡,阻止指定在最内层事件的标签里) self (控制事件操作对象是自己本身的时候才起作用) capture 捕获事件,它会改变事件冒泡的执行顺序 (先外后内) once 控制元素指定的事件只执行一次2.表单元素修饰符number能够强制的指定表单元素的内容数据类型是number trim能够去除输入内容左右两边的空格 lazy只有标签的chang

2021-07-10 20:23:42 965

原创 Hicharts实现世界地图思路及踩过的坑(含中文GeoJSON数据集及详细代码)

引入High charts的方案:https://www.highcharts.com.cn/docs/install-from-npm数据集:https://img.hcharts.cn/mapdata/开始使用Highmaps:开始实现地图的官方文档:https://www.highcharts.com.cn/docs/highmaps-started地图数据集字段解析:https://www.highcharts.com.cn/docs/mapdata/ECharts实现地图Demo:

2021-06-30 15:01:05 4611

转载 Http2中的多路复用

简介多路复用代替原来的序列和阻塞机制,所有就是请求的都是通过一个 TCP 连接并发完成。同时也很好的解决了浏览器限制同一个域名下的请求数量的问题。在 HTTP/2 中,有了二进制分帧之后,HTTP/2 不再依赖 TCP 链接去实现多流并行了,在 HTTP/2 中:同域名下所有通信都在单个连接上完成,同个域名只需要占用一个 TCP 连接,使用一个连接并行发送多个请求和响应。 单个连接可以承载任意数量的双向数据流,单个连接上可以并行交错的请求和响应,之间互不干扰。 数据流以消息的形式发送,而消息

2021-06-29 09:27:49 6960 1

原创 JavaScript中this的指向问题

文章来源:https://juejin.cn/post/6973181948327903245https://segmentfault.com/a/1190000011817793?utm_source=tag-newest箭头函数?var person = { name:'张三', age:18, getName:function(){ console.log('我的名字是:'+this.name) }, getAge:()=>{ console

2021-06-27 23:06:46 181 3

原创 websocket的实践(使用vue+websocket实现在线聊天功能(项目包含功能,包含websocket连接过程中的采坑);使用angular+websocket实时获取数据)

近期有一个新的需求,在后台管理系统中加入售后服务人员与客户的在线聊天功能,使用的技术是vue与websocket。我第一次接触,包括从页面的创建到真正实现聊天功能,对我而言都是全新的。我想把在这一过程中,遇到的问题,解决方式,学习思路记录下来。一、关于socket.ioSocket.IO是node.js的一个模块,它是通过WebSocket进行通信的一种简单方式。WebSocket协议很复杂,从头开始写一个支持WebSocket的应用程序将需要花费很多时间。Socket.IO提供服务器和客户端双方.

2021-06-21 10:36:31 818 2

原创 如何用promise封装axios方法

axios:易用、简洁且高效的http库支持promise:使用Promise管理异步,gaob

2021-06-06 17:57:55 6005 2

原创 Get/Post请求的区别,你不知道的都在这里

日常开发过程中,get/post请求是不可避免的操作,那他们两个之间有什么区别的?这是老生常谈的问题了,今天有时间整理一下,来具体看看吧。参考:https://www.cnblogs.com/logsharing/p/8448446.html

2021-06-06 11:03:00 203

原创 js时间转换,亲测可用

1、时间戳转换成YYYY-MM-DD HH:mm:ssfunction addZero(m) { return m < 10 ? '0' + m : m }//时间戳转化成时间格式function timeFormat(timestamp){ //timestamp是整数,否则要parseInt转换,不会出现少个0的情况 var time = new Date(parseInt(timestamp) * 1000); var year = time.getFull

2021-05-08 17:36:11 303

原创 使用DataTables组件,前端分页转为服务端分页,只需添加一行代码

最近接触的项目中使用了DataTables组件库,越使用,越发地感觉该库的强大。该库的的官网地址:https://datatables.net/reference/api/在使用该组件的时候,种种原因吧,最终写成了前端分页,但是服务端提供的接口是服务端分页,当然,服务端分页是最合理的。因此我需要将该表格改为服务端分页。有人可能会问,为什么不直接把写法改一下呢?我这里涉及了十几个表格,我查了一下由目前的写法改为服务端分页的写法改动还挺大的,实在是不想改。因此去查API看有没有合适的,毕竟分页是比较典型的吗

2021-04-20 19:42:22 267 1

原创 webpack性能优化详解,你想知道的webpack都在这里

webpack性能优化开发环境性能优化;生产环境性能优化;开发环境性能优化:优化打包构建速度-HMR;优化代码调试-source-map;生产环境性能优化:优化打包构建速度:oneOf;babel缓存;多进程打包;externals;dll;优化代码运行的性能:缓存(hash-chunkhash-contenthash);tree shaking;code split;懒加载/预加载;pwa;...

2021-04-12 19:58:20 592 4

原创 亲测有效,vue项目中调用微信的预览图片接口

近期用vue框架开发了一个微信公众号,现在需要实现点击图片,放大查看。以前浏览公众号的时候,点击图片放大查看觉得很普通,近期开发的时候我一度以为是微信自带的,今天才知道,需要调用微信提供的预览图片接口。...

2021-04-12 17:41:19 709

原创 服务端返回的字段是html标签,使用v-html进行渲染并修改样式

服务端同学返回了这样的数据:scene: "<p>通用</p>↵"需要将scene字段解析出来,将“通用”二字正确地渲染出来。

2021-04-07 10:10:06 1370

原创 前端小萌新看过来,这里记录了我从0到走向前端岗位的历程

之所以现在来写这样一篇文章,是因为我很欣慰,有很多小伙伴陆陆续续地关注了我,每次看到点赞,每次看到关注,每次看到私信,都很开心。在这里我想声明一下,我不是大佬,只是用心记录敲代码过程中遇到问题及解决方案的程序猿,所以有小伙伴在跟我交流的时候,直接喊我东东吧,嘿嘿。或许,还有一部分迷茫的小伙伴,不了解前端,或者不知道未来要从事什么职业,今天,我用这篇文章记录下我与前端的故事,希望对正在阅读的你有所帮助。那一年,我还没有毕业,对于未来有些迷茫,不知道将来从事什么职业,包括到现在,说实话,我还没有找到可以

2021-04-06 23:07:47 110

原创 JS判断两个数组是否相等

今天在实现一个算法题的时候,用到判断两个数组中的元素是否相等,这里的相等指的是两个数组A,B,判断这两个数组中对应的元素是否相等,即顺序和数值要分别对应相等。具体来自这个题目:https://leetcode-cn.com/problems/leaf-similar-trees/那判断两个数组是否相等有哪些方法呢?第一种方法,挨个遍历,所以我是这样写的:let arr1 = [1,2,3,4,5], arr2 = [3,4,5,6];for (let i = 0; i <= arr

2021-04-04 17:10:50 5489 1

原创 玩转Echarts-使用Echarts开发过程中的配置项总结

本文将介绍自己在工作中遇到的小问题;每次遇到需要动态扩展的内容,都需要去查找官方文档,现将常用的几个API进行总结,便于后期查找使用。legend:图例 配置项 默认值 其他值 效果图 type:类型 plain:普通图例 scroll:可滚动翻页的图例。默认横向滚动。 设置orient: 'vertical',实现纵向滚动 legend: { type: 'scro

2021-04-02 16:31:44 427

转载 typeof 可以判断哪些类型?instanceof 做了什么?null为什么被typeof错误的判断为了‘object‘

一、typeoftypeof操作符唯一的目的就是检查数据类型 类型 typeof 结果 基本类型 undefined "undefined" Boolean "boolean" Number "number" String "string" BigInt (ECMAScript 2020 新增) "bigint" Symbol "symbol" null...

2021-04-01 09:39:01 695

原创 webpack总结

一、什么是webpack?这张图片并不陌生,同时很好地解释了什么是webpack。webpack官方给出的解释是:webpack是一个用于现代JavaScript应用程序的静态模块打包工具。如何理解呢?静态模块?在入口文件中,比如index.js文件中,引入了sass文件,less文件等,其实这些就是静态模块,每个文件都可以看做是一个模块。打包?将静态模块引入文件之后形成代码块,然后做处理--less编译为css等,这个过程叫做打包。二、为什么需要webpack?(1)上述.

2021-03-29 18:36:52 150

原创 浏览器兼容,当为IE浏览器时需要给出相关提示

(function (window) { var userAgent = window.navigator.userAgent; var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; var isIE11 = userAgent.indexOf('Trident') > -1 && userAgen.

2021-03-25 15:48:20 265

原创 npm启动项目的时候报错ERROR in node_modules/htmlparser2/lib/index.d.ts(36,10): error TS1005: ‘from‘ expected.

在项目开发过程中,因为升级包,遇到下述问题:经过排查,主要原因是该插件与tyscript的版本不兼容,不支持上述文件下的语句。htmlparser2被升级到了6.0.1,这时所要求的ts版本是4点多,但是本地是3点多,导致不兼容。因此将该插件的版本进行降级,降级为3.9.1版本。...

2021-03-17 17:10:08 4024

原创 使用jsplumb绘图,实现连线

近期有个需求,实现节点之间的连线,选用的jsplumb来绘制。我自己在实现过程中,遇到了重绘问题/加载顺序问题/自动刷新过程中保持连线正确等很多问题,查了好多资料后,得以解决,有问题的小伙伴可以一起交流。jsplumb涉及的几个重要网址,可以作为研发过程中的依据:jsplumb官网:https://jsplumbtoolkit.comjsplumb中文(这个中文网站列出的API还是比较完善的):https://github.com/wangduanduan/jsplumb-chinese..

2021-03-10 16:51:01 4894 2

原创 超级全面-深拷贝与浅拷贝的实现方式

一.数据类型:(1)基本数据类型:number,string,Boolean,null,undefined,symbol(ES6),BigInt(ES10);(2)引用数据类型:对象,数组,函数等;引用数据类型的存储:名存于栈,值存于堆;栈内存会提供一个引用的地址指向堆内存中的值。二.用实例来看深浅拷贝:(1)浅拷贝:a =[1, 2, 3, 4] b = a;进行拷贝操作的时候,复制的是a的引用地址,不是堆里面的值;a[0] = 0;对数组a进行修改操作,a,b指向的是同...

2021-03-10 16:40:45 1286

转载 Angular生命周期

什么是生命周期生命周期函数通俗的讲就是组件创建、组件更新、组件销毁的时候会触发的一系列的方法。 当 Angular 使用构造函数新建一个组件或指令后,就会按下面的顺序在特定时刻调用这些 生命周期钩子方法。 每个接口都有唯一的一个钩子方法,它们的名字是由接口名再加上ng前缀构成的,比如OnInit接口的钩子方法叫做ngOnInit.生命周期钩子分类 指令与组件共有的钩子 ngOnChanges ngOnInit ngDoCheck ngOnDestroy 组件特有的钩

2021-01-26 16:37:17 154

原创 两整数之和-LeetCode371

不使用运算符 + 和 - ​​​​​​​,计算两整数 ​​​​​​​a 、b ​​​​​​​之和。两个整数a, b; a ^ b是无进位的相加; a&b得到每一位的进位;让无进位相加的结果与进位不断的异或, 直到进位为0;getSum(a, b) { int sum, carry; sum = a ^ b; //异或这里可看做是相加但是不显现进位,比如5 ^ 3 /*0 1 0 1 0 0 1..

2021-01-21 09:56:44 119

原创 NEST

一、Nest搭建项目:https://www.cnblogs.com/duanyiwen/p/11828125.html二、

2020-10-16 10:24:09 105 3

ISO 3166-17种语言国家全翻译,经过律师合规审核

目前有249个国家和地区被列入“ISO 3166-1”代码表中,该文件全部涵盖,并且经过律师合规审核,同时该文件中涉及了17种语言及相应国家的翻译。 我在开发世界地图的时候,翻译国家名称就是采用的该文件。具体可参考我的这一篇文章:https://blog.csdn.net/qq_29918313/article/details/118361046?spm=1001.2014.3001.5501 如果您下载后有问题,可以私聊我。

2021-07-15

Highcharts提供的Geojson世界地图数据集的国家名称中文翻译

Highcharts提供的Geojson世界地图数据集的国家名称中文翻译,Vue使用Highcharts实现世界地图的详细介绍来自我的另一篇文章,可供参考,有问题可随时联系,感谢支持: https://blog.csdn.net/qq_29918313/article/details/118361046?spm=1001.2014.3001.5501

2021-07-05

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除