![](https://img-blog.csdnimg.cn/a95eb8d1124a4a00b26f11ed1e420ab4.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端小记
文章平均质量分 73
。
尤记昨日书
不更新啦,悄悄学习
展开
-
【前端小记】--OpenLayers--3.地图实现点位闪烁(由内而外扩散圆)
在Openlayers地图的中,绘制一个点位闪烁动画的效果,说是闪烁,其实就是一个由内而外扩散的圆,利用Openlayers自带的postcompose事件==,只要地图进行渲染就会触发这个事件时候触发的,也就是说,如果我们改变图层的feature或其他东西,就会触发重新渲染。所以,我们在postcompose里面一直改变圆的半径,就会循环成动画的效果。原创 2023-05-06 13:52:45 · 1205 阅读 · 0 评论 -
【前端小记】-- JavaScript--3.js代码的执行过程
js引擎会在执行代码之前,也就是解析代码时,会在我们的堆内存创建一个全局对象(简称GO),可以被所有作用域访问。这个全局对象里面包含:(1)一些全局的方法和类,像Math、Date、String、Array、setTimeout等等;(2)一个指向全局对象自身的window属性;(3)我们在代码中定义的全局变量,并把值设置为undefined(其中和普通数据有所区别的是,是,我们定义的函数存放的是地址,指向函数对象);在上文提到的代码中,第一步就是在堆内存中创建一个全局对象。全局对象存放上述原创 2023-02-17 15:16:23 · 472 阅读 · 0 评论 -
【前端小记】--前端面试题(持续更新...)
浏览器1. 浏览器本地数据存储方式JavaScript1. 说一说js阻塞的问题2. js中箭头函数和普通函数区别3. 改变函数内部this指针的方法及区别4. js的事件循环机制原创 2023-02-14 10:31:17 · 289 阅读 · 0 评论 -
【前端小记】-- JavaScript--2.js的内存管理机制(关于拷贝、垃圾回收、内存泄漏的问题)
首先我们需要了解js内存的生命周期,当我们创建变量、函数或其他东西时,js引擎会自动为它分配一个内存,而当它不被使用时,由于js的垃圾回收机制,js引擎会自动释放掉这块内存(是怎么回收的后续会有解释),大概流程:分配内存-->使用内存-->释放内存。原创 2023-02-13 18:01:36 · 216 阅读 · 0 评论 -
【前端小记】-- CSS--1.一些好用的CSS3选择器
一、符号选择器**1、a ~ b(波浪号)**(1)a和b必须在同一父级下;(2)会覆盖所有的b;```cssh1 ~ h5 { color: pink; } //表示在同一父级下的h1后面的所有h5标签。```![在这里插入图片描述](https://img-blog.csdnimg.cn/958a1e9ddc8047d984dd1886801872ea.png)**2、a + b(加号)**(1)a和b必须在同一父级下;(2)b必须是和a挨着的元素;(3)只覆盖一个b;```c原创 2022-12-07 21:59:34 · 148 阅读 · 0 评论 -
【前端小记】-- 浏览器--3.在地址栏里输入一个 URL,到这个页面呈现出来,中间会发生什么
简单理解这个过程:用户输入url—>浏览器解析url—>浏览器发送请求—>服务端返回数据—>浏览器渲染页面那么是它是怎么找到相应服务器的呢?找到之后又是怎么把我们需要的数据返回给我们,并呈现在页面上的呢?用户输入url后,浏览器会先去看缓存(浏览器缓存–>系统缓存–>路有缓存)中有没有这个url,如果有会直接在屏幕中显示url对应的页面内容1、浏览器缓存(可见上篇浏览器的缓存机制):如果在之前对该url指定的主机进行过访问,浏览器会缓存该主机的IP一段时间(该时间浏览器指定),所以第一步会去找浏览器缓存原创 2022-12-05 16:35:13 · 578 阅读 · 0 评论 -
【前端小记】-- 浏览器--2.浏览器缓存机制
浏览器缓存处于服务器和客户端之间。简单理解浏览器缓存就是,就是一个资源副本,当我们向服务器请求资源后,会根据情况copy一份到本地,不仅仅是像本地存储一样的数据记录,而是一个比较大的存储空间,当再次访问这个网站时,会优先命中缓存,只请求更新的东西。原创 2022-11-09 16:19:57 · 269 阅读 · 0 评论 -
【前端小记】--OpenLayers--2.地图进行移动并放大视野动画后定位到一个点
在地图的图层中,有些需要和用户进行交互,比如现在有个需求:列表中是点位名称,点击列表的某一行后在地图上定位到所点击到点位,这个过程需要有一个缩放移动视野的动画。原创 2022-09-14 10:34:44 · 1524 阅读 · 0 评论 -
【前端小记】-- 浏览器--1.简单理解TCP连接的三次握手和四次挥手
简单来说,三次握手和四次挥手就是客户端和服务端之间互相确立的过程。SYN:连接请求/接收 报文段(SYN = 1 表示这是一个连接请求或连接接受报文)seq:客户端的初始化序列号ACK:确认报文段(ACK = 1 时确认号字段才有效,当 ACK = 0 时确认号无效)ack:确认号。希望收到的下一个数据的第一个字节的序号。原创 2022-09-13 15:22:33 · 760 阅读 · 1 评论 -
【前端小记】--OpenLayers--1.点位图层动态聚合展示
通常情况,我们在给地图添加图层时,会new一个VectorSource作为数据源,针对以上这种情况的的出现,OpenLayers给出了一个解决办法——聚类。原创 2022-09-01 15:31:14 · 1230 阅读 · 3 评论 -
【前端小记】-- JavaScript--1.事件委托
事件委托就是不在事件的发生地(直接 dom)上设置监听函数,而是在其父元素上设置监听函数,通过事件冒泡,父元素可以监听到子元素上事件的触发,通过判断事件发生元素 DOM 的类型,来做出不同的响应。...原创 2022-08-26 10:51:29 · 391 阅读 · 0 评论