- 博客(12)
- 收藏
- 关注
RSS订阅原创 Openlayers 常见API
创建地图底图：需要用new Ol.map({})地图map是由图层layers、一个可视化视图view、用于修改地图内容的交互interaction以及使用UI组件的控件control组成的。
2024-02-28 16:58:45
1531
2
原创 watch与watchEffect的区别
总之，watch和watchEffect都是非常有用的响应式API，开发者可以根据具体的需求选择使用哪一个。另外，在使用watch和watchEffect时，需要注意避免多余的计算和渲染，以提高应用的性能和响应速度。如果只是需要自动追踪响应式数据并触发副作用，例如执行异步操作或者更新UI，那么使用watchEffect会更加方便。如果需要对响应式数据进行细粒度的控制，例如只监听特定的属性、需要手动停止监听等，那么使用watch会更加合适。2.一般用于异步操作或者更新UI。
2023-12-21 10:03:36
384
原创 javaScript常用简洁技巧
(1)可选链操作符?如果||前面的值是0 ‘’ 、false、 nulL 、undefined、NaN其中的任意一种，则直接返回||后面的值。(3)输入框非空的判断（有时候不想把0或者false可以用此方法。（1）在上面逻辑或操作符||代码段里有一个if判断比较长，这时候我们可以用include去简化代码。如果方法存在，它将被调用，否则将返回undefined。（1）逻辑或操作符||，这里是要注意的是0 和 ‘’，也会认为是 false。如果没有定义左侧则返回右侧，如果是，则返回左侧。
2023-09-01 11:53:09
69
1
原创 前端性能优化之重排和重绘
回流：当render tree的一部分或全部的元素因改变了自身的宽高，布局，显示或者隐藏，或者元素内部的文字结构发生改变，导致需要重新构建页面的时候，重排就产生了。重绘：当一个元素自身的宽高，布局，及显示或隐藏没有改变，而只是改变了元素的外观风格的时候，就会产生重绘。
2023-07-25 09:53:09
91
原创 position有哪些属性
fixed：（固定定位）会脱离文档流，相对于浏览器窗口定位，当绝对定位和固定定位都是相对于浏览器窗口的区别：当出现滚动条是，固定定位的位置不会随着滚动条发生改变，绝对定位会随着滚动条滚动而改变位置。absolute：（绝对定位）:脱离文档流，不占据空间，根据父元素的reactive定位，如果找不到父级的reactive，就会相对于浏览器窗口进行定位。static：默认值，不脱离文档流，top、bottom、right、left等属性不生效。
2023-07-24 10:41:13
160
原创 map，find，filter，some，every方法的区别
map:返回新数组，在原数组上进行数据处理，只会在原有数组上元素内容改变，数组长度不变filter:返回新数组，在原数组上进行条件判断过滤some（一真则真）：返回布尔值，判断是否满足条件，只要里面元素有一个能满足的就返回trueevery（一假则假）:返回布尔值，判断是否满足条件，必须所有元素全部满足条件才会返回truefind:返回原数组中第一个满足条件的那个元素。
2023-07-21 15:11:53
235
1
原创 前端页面加载缓慢的原因和性能优化问题
1，减少http请求（图片尽量使用雪碧图、Base64、字体图标库，减少重定向，使用缓存，不使用css@import，避免使用空的src和href）6、webpack性能优化（打包公共代码，动态导入和按需加载，删除无用代码，长缓存优化，公共代码内联）4、优化资源加载，代码拆分，按需加载，降低css对渲染的阻塞，尽早加载css降低加载的大小。3、优化网络连接（使用cdn，dns解析，使用keep-alive建立连接）2、资源压缩与合并（css压缩、js压缩，文件合并等）1、过多的http请求。
2023-05-06 09:54:33
3518
原创 Vue hash路由 与 history路由的原理及区别
5、history需要后端配合，否则页面刷新，或者根据路径访问会报404错误，因为打包后的文件，一般只有一个index.html文件和一些打包后的js文件以及文件夹，所以需要后端重新定向到首页，进如项目后，再进行路由配置。由于通过history的api进行路由跳转，并不会向服务器发起请求，从而也达到了前端路由的目的。原因：SPA 单页面应用一大特点就是前端路由，由前端直接控制路由跳转逻辑，而不再由后端人员控制，从而给了前端更多的自由。2、hash路由兼容性好点，history路由是在html5之后推出的。
2023-05-06 09:28:42
284
1
原创 openlayers如何计算多边形偏移量
思路：可以使用ol.extent.getCenter()函数获取多边形的中心点，然后计算每个顶点相对于中心点的角度，从而得到每个边的偏移角度。最后，我们还需要计算最后一个顶点和第一个顶点之间的角度，并将其添加到数组中。这样，我们就得到了每个边的偏移角度。在上面代码中，我们首先获取了多边形de中心点和坐标数组，然后我们循环遍历每个顶点，计算每对应的角度。
2023-04-19 10:45:40
288
1
原创 Openlayers 坐标系全面解析
思路：1、拿到所有的featurens，2、申明一个临时变量来保存所有的features3、然后循环调用convert2000CoorTo84转换4、再把转换后的值push到临时变量中，5、返回一个转换坐标后的geometry定义转换函数：1、引入proj42、定义扩展的EPSG4、读取数据并转换坐标系try {
2023-04-17 11:03:40
1321
1
原创 ol/proj常用投影转换详解（坐标系之间相互转换的包）
描述：将坐标从经度/纬度转换为target_projection参数指定的投影。描述：将坐标从源投影坐标转换为目标投影。返回一个新坐标，（不修改原始坐标）描述：将范围从源投影转换为目标投影，返回新的范围（不修改原始范围）描述：将坐标转换为经度/纬度。描述：获取当前代码的投影对象。
2023-04-12 17:08:35
617
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人