am_xiao_hui的博客

在Openlayers地图的中，绘制一个点位闪烁动画的效果，说是闪烁，其实就是一个由内而外扩散的圆，利用Openlayers自带的postcompose事件==，只要地图进行渲染就会触发这个事件时候触发的，也就是说，如果我们改变图层的feature或其他东西，就会触发重新渲染。所以，我们在postcompose里面一直改变圆的半径，就会循环成动画的效果。

js引擎会在执行代码之前，也就是解析代码时，会在我们的堆内存创建一个全局对象（简称GO），可以被所有作用域访问。这个全局对象里面包含：（1）一些全局的方法和类，像Math、Date、String、Array、setTimeout等等；（2）一个指向全局对象自身的window属性；（3）我们在代码中定义的全局变量，并把值设置为undefined（其中和普通数据有所区别的是，是，我们定义的函数存放的是地址，指向函数对象）；在上文提到的代码中，第一步就是在堆内存中创建一个全局对象。全局对象存放上述

浏览器1. 浏览器本地数据存储方式JavaScript1. 说一说js阻塞的问题2. js中箭头函数和普通函数区别3. 改变函数内部this指针的方法及区别4. js的事件循环机制

首先我们需要了解js内存的生命周期，当我们创建变量、函数或其他东西时，js引擎会自动为它分配一个内存，而当它不被使用时，由于js的垃圾回收机制，js引擎会自动释放掉这块内存（是怎么回收的后续会有解释），大概流程：分配内存-->使用内存-->释放内存。

一、符号选择器**1、a ~ b（波浪号）**（1）a和b必须在同一父级下；（2）会覆盖所有的b；```cssh1 ~ h5 { color: pink; } //表示在同一父级下的h1后面的所有h5标签。```**2、a + b（加号）**（1）a和b必须在同一父级下；（2）b必须是和a挨着的元素；（3）只覆盖一个b；```c

简单理解这个过程：用户输入url—>浏览器解析url—>浏览器发送请求—>服务端返回数据—>浏览器渲染页面那么是它是怎么找到相应服务器的呢？找到之后又是怎么把我们需要的数据返回给我们，并呈现在页面上的呢？用户输入url后，浏览器会先去看缓存（浏览器缓存–>系统缓存–>路有缓存）中有没有这个url，如果有会直接在屏幕中显示url对应的页面内容1、浏览器缓存（可见上篇浏览器的缓存机制）：如果在之前对该url指定的主机进行过访问，浏览器会缓存该主机的IP一段时间（该时间浏览器指定），所以第一步会去找浏览器缓存

浏览器缓存处于服务器和客户端之间。简单理解浏览器缓存就是，就是一个资源副本，当我们向服务器请求资源后，会根据情况copy一份到本地，不仅仅是像本地存储一样的数据记录，而是一个比较大的存储空间，当再次访问这个网站时，会优先命中缓存，只请求更新的东西。

在地图的图层中，有些需要和用户进行交互，比如现在有个需求：列表中是点位名称，点击列表的某一行后在地图上定位到所点击到点位，这个过程需要有一个缩放移动视野的动画。

简单来说，三次握手和四次挥手就是客户端和服务端之间互相确立的过程。SYN：连接请求/接收 报文段（SYN = 1 表示这是一个连接请求或连接接受报文）seq：客户端的初始化序列号ACK：确认报文段（ACK = 1 时确认号字段才有效，当 ACK = 0 时确认号无效）ack：确认号。希望收到的下一个数据的第一个字节的序号。

通常情况，我们在给地图添加图层时，会new一个VectorSource作为数据源，针对以上这种情况的的出现，OpenLayers给出了一个解决办法——聚类。

事件委托就是不在事件的发生地（直接 dom）上设置监听函数，而是在其父元素上设置监听函数，通过事件冒泡，父元素可以监听到子元素上事件的触发，通过判断事件发生元素 DOM 的类型，来做出不同的响应。...

CSS--灵活的网格布局（display:grid；）flex 弹性布局和 grid 网格布局有什么区别， 为什么要用gridgrid怎么用

useContext可以实现跨越组件层级，实现数据共享。使用createContext 创建一个上下文对象，用useContext来接收这个对象，在.Provider包裹想要传递数组的所有组件，当组件上层最近的更新时，该 Hook 会触发重渲染，并使用最新传递的value值，以实现跨组件的数据传递。......

题目：编写一个函数来查找字符串数组中的最长公共前缀。如果不存在公共前缀，返回空字符串 ""。示例： 输入：strs = ["flower","flow","flight"] 输出："fl"思路： 使用双层嵌套循环，将数组中的第一个字符串与后续几个字符串进行比较，如果有不相等的则跳出对比循环，截取第一个到跳出循环位置的字符串即可。解决：var longestCommonPrefix = function(strs) { //如果是...

题目：罗马数字包含以下七种字符: I， V， X， L，C，D 和 M。字符 数值 I 1 V 5 X 10 L 50 C 100 D 500 M 1000 罗马数字 2 写做II，即为两个并列的 1 。12 写做XII，即为X+II。 27 写做XXVII, 即为XX+V+II。通常情况下，罗马数字中小的数字在大的数字的右边。但也存在特例，例如 4 不写...

题目：给你一个整数 x ，如果 x 是一个回文整数，返回 true ；否则，返回 false 。回文数是指正序（从左向右）和倒序（从右向左）读都是一样的整数。例如，121 是回文，而 123 不是。示例：输入：x=121 输出：true思路：判断数字是否回文有多种方式，比如将数字从中间分开去判断两端数字是否相等、将数字翻转，我采用了第二种方式。首先将数字转化为数组，再使用reverse函数反转数组，将前后两个数组都转化为字符串，判断二者...

题目：给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 target 的那 两个整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。示例：输入：nums = [2,7,11,15], target = 9输出：[0,1]解释：因为 nums[0] + nums[1] == 9 ，返回 [0, 1] 。思...

1. git checkout xclogin //开发前切换到自己的分支（xclogin为自己的分支）2. === === //查看自己分支下的所有修改文件，撤销掉非提交文件3. git add . //添加所有修改文件到暂存区4. git commit -m “提交备注” //把暂存区的内容提交到本地仓库5. git checkout develop //切换到...

给input添加input::-webkit-input-safebox-button{display:none;}