自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 Vuex基础使用

vuex基础使用

2024-03-13 15:04:33 769

原创 浏览器js定时器不可靠

为了解决定时器的不可靠性问题,可以使用基于 Promise 的延迟功能和 Web Workers 等技术来实现更可靠的定时器。经实验,在92版本的Chrome和70版本的fireFox中,setTimeout相对setInterval来说不太稳定。实际业务比较少需要定时这么频繁,了解即可。谷歌浏览器、火狐:最小间隔 1s。

2024-01-31 10:42:47 169

原创 页面多种滚动方式

官网地址:https://element.eleme.cn/#/zh-CN/component/infiniteScroll。官网地址:https://github.com/ElemeFE/vue-infinite-scroll。教程:https://blog.51cto.com/u_11871779/2318296。vue自动滚动插件:vue-seamless-scroll。vue插件:vue-infinite-scroll。官网:https://madewith.cn/74。

2024-01-31 10:38:41 247

原创 最简单的WebSocket连接

WebSocket protocol是HTML5一种新的协议。它实现了浏览器与服务器全双工通信,同时允许跨域通讯。

2024-01-31 10:35:14 232

原创 mapbox基本使用与区域碰撞

mapbox官网:https://docs.mapbox.com/mapbox-gl-js/api/map/#map#queryrenderedfeatures。turf中文官网:https://turfjs.fenxianglu.cn/判断某图层的区域数据与绘制的矩形是否相交,将相交的区域数据筛选出来。计算交集:turf 的 intersect。计算边界:turf 的 bbox。

2024-01-31 10:23:51 358

原创 openLayer基本使用

openlayers的常用操作

2024-01-31 10:18:16 497

原创 获取微信openID

先根据appId获取code,回调链接会带上code,此时,拿链接中的code、appId、secret去请求refresh_token、access_token、openid等信息。这个过程是静默的,用户无感知。如果只是拿openid,在请求code时scope=snsapi_base;如果还需要拿userInfo,scope=snsapi_userinfo,且需要用户手动点击同意之后才能获取到code(用户未关注公众号的情况下,如果已关注,那这个过程也是静默的)

2024-01-12 16:33:36 398 1

原创 echarts立体饼图实现及相关网站分享

网站分享:https://www.makeapie.cn/echarts。下载 echarts-gl 依赖。

2024-01-09 18:03:01 357

原创 2021-06-16

文章目录基础数据类型和引用数据类型原型链闭包防抖和节流箭头函数从输入url到获取网页页面的详细过程重绘和回流兼容(opacity、transform)call、bind、apply的区别状态码cookie缓存们算法基础数据类型和引用数据类型链接:https://www.cnblogs.com/cxying93/p/6106469.html基础类型存储引用类型存储原型链链接:https://www.cnblogs.com/loveyaxin/p/11151586.html

2021-06-16 02:06:26 12

原创 页面布局 - ajax+懒加载+防抖+瀑布流(jq)

ajax利用ajax+jsonp请求跨域数据,不使用本地数据在jq中有封装好的ajax方法 $.ajax({ url: "https://...", jsonp : "cb", type: 'get', data: { // 请求的数据 }, dataType: 'jsonp', // 必需 success: function (data) {} })图片懒加载按我的理解,就是在内

2021-05-01 12:17:37 173

原创 页面布局-瀑布流(简易)

简易瀑布流简单介绍瀑布流,在视觉上主要表现为参差不齐的多栏结构,在用户往下滑的时候不断加载内容。但如果一直滑不到最后,可能会造成用户的情绪浮动,降低用户体验感,应该在滑到一定程度之后进行翻页选择。第一排内容第二排添加的内容(选择高度最低的2,添加在后面,以后的内容也是一样添加在高度最小的后面)父元素的高度应该与总高度最大的相匹配主要实现思路内容宽度应该一致,一般是居中显示。在页面加载和页面大小变化时对内容的栏数或进行重新计算,以适应不同屏幕大小。如果追求简单,只理解瀑布流

2021-04-07 23:54:06 569

空空如也

空空如也

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

TA关注的人

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