前端经历
文章平均质量分 74
Delicia_Lani
这个作者很懒,什么都没留下…
展开
-
JavaScript重要知识点
从今天开始,记录学习过的重要知识点。1.JavaScript 数据类型和数据结构console.log(1 + null);console.log(1 + undefined);原创 2021-12-05 14:51:38 · 1106 阅读 · 0 评论 -
Echarts实现气泡图(含完整代码,可直接运行)
Echarts示例图中提供的气泡图是这样的:Examples - Apache ECharts当然还提供了另外几个,具体可参考官网。但是我的需求中不能显示横纵坐标,具体的实现效果如图所示:在展现气泡的过程中,最大的问题应该是某一个气泡的横纵坐标,因为要防止重合。其实后来想想,可以不用这个气泡图,而是自己写,然后生成随机数渲染图,并且球的大小根据value值得变大而变大。既然已经用了,那就来说说使用Echarts的实现吧。<template> <div> &.原创 2021-11-08 17:04:40 · 10427 阅读 · 0 评论 -
使用Echarts踩过的坑
我曾经多次感慨,Echarts太强大了,想要的内容几乎都能在配置项中找到。但也正是这一点,让我有点儿措手不及,配置项实在是太多了,很多时候不知道该用哪一个。今天我就将自己在使用过程中踩过的坑来一一描述。一、世界地图,使用visalMap,点击国家后,再点击图例,点击过的国家显示黄色。这是困扰了我大半天的一个问题,因为正是这个黄色,在我们的项目中配得上一个bug,因为刚好跟我们渲染的颜色重合了。还有一个小问题,我这个图例点击之后,颜色特别浅,这个是需要调整的。我的配置项是这样写的:原创 2021-11-07 12:01:46 · 1066 阅读 · 0 评论 -
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 · 161 阅读 · 0 评论 -
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 · 5230 阅读 · 0 评论 -
关于Websocket的两次实践(Vue项目实现在线聊天&Angular项目首页实时推送图表数据)
摘要:该文章记录了我使用websocket的两次实践经历,在第一次实践过程中,踩了很多坑。第二次实践,可谓得心应手,但是很多理论性还很欠缺。通过该文章,从理论到实践,一举全部拿下。一、Websocket理论(1)Websocket是什么?Websocket是一种网络通信协议,是一种在单个TCP连接上的全双工通信协议。WebSocket使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在WebSocket API中,浏览器和服务器只需要完成一次握手,两者之间就直接可原创 2021-07-16 09:14:43 · 763 阅读 · 0 评论 -
Vue相关题目(部分含Vue源码及解析)
vue的修饰符1.事件修饰符prevent 阻止默认事件(在指定的事件后进行默认事件的阻止) stop阻止事件冒泡(在指定事件后阻止事件冒泡,阻止指定在最内层事件的标签里) self (控制事件操作对象是自己本身的时候才起作用) capture 捕获事件,它会改变事件冒泡的执行顺序 (先外后内) once 控制元素指定的事件只执行一次2.表单元素修饰符number能够强制的指定表单元素的内容数据类型是number trim能够去除输入内容左右两边的空格 lazy只有标签的chang原创 2021-07-10 20:23:42 · 1024 阅读 · 0 评论 -
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 · 2147 阅读 · 0 评论 -
Http2中的多路复用
简介多路复用代替原来的序列和阻塞机制,所有就是请求的都是通过一个 TCP 连接并发完成。同时也很好的解决了浏览器限制同一个域名下的请求数量的问题。在 HTTP/2 中,有了二进制分帧之后,HTTP/2 不再依赖 TCP 链接去实现多流并行了,在 HTTP/2 中:同域名下所有通信都在单个连接上完成,同个域名只需要占用一个 TCP 连接,使用一个连接并行发送多个请求和响应。 单个连接可以承载任意数量的双向数据流,单个连接上可以并行交错的请求和响应,之间互不干扰。 数据流以消息的形式发送,而消息转载 2021-06-29 09:27:49 · 7228 阅读 · 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 · 191 阅读 · 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 · 843 阅读 · 2 评论 -
前端小萌新看过来,这里记录了我从0到走向前端岗位的历程
之所以现在来写这样一篇文章,是因为我很欣慰,有很多小伙伴陆陆续续地关注了我,每次看到点赞,每次看到关注,每次看到私信,都很开心。在这里我想声明一下,我不是大佬,只是用心记录敲代码过程中遇到问题及解决方案的程序猿,所以有小伙伴在跟我交流的时候,直接喊我东东吧,嘿嘿。或许,还有一部分迷茫的小伙伴,不了解前端,或者不知道未来要从事什么职业,今天,我用这篇文章记录下我与前端的故事,希望对正在阅读的你有所帮助。那一年,我还没有毕业,对于未来有些迷茫,不知道将来从事什么职业,包括到现在,说实话,我还没有找到可以原创 2021-04-06 23:07:47 · 116 阅读 · 0 评论