js
晓鱼仔
天空一无所有,为何给我安慰
展开
-
自定义hooks快速写一个列表界面usePageList
列表页,表格列表页,后台列表,自定义hooks原创 2022-04-20 19:37:30 · 694 阅读 · 0 评论 -
结合tween和requestAnimationFrame实现的点到点轨迹动画
类似高德地图的轨迹路线实现,结合tween和requestAnimationFrame实现的: 传入一些轨迹点集合,利用tween得出每两个点之间的动态点坐标。` Document <div class="test"> <div id="box" style="left:0"></div></div><script> var position = { x: 10,原创 2021-06-01 11:03:17 · 441 阅读 · 0 评论 -
LRU(最近最少使用)缓存机制在前端开发中的实际应用
一、 需求:检查项里面配有摄像头。可重复配置,初始化播放前三个视频,然后点播放视频a,1. a如果和当前列表重复,则此视频高亮。并且将a的顺序调到最后面2. A如果是新视频,则替换列表中最前面操作的视频二、业务调用初始化三个视频let len = 3this.cameraNodes = new LRUcache(len) for(var i=0; i<len; i++){ //这里闭包传入i 保证i是正确的0,1.。。而不是都是len (function(i){原创 2021-04-28 17:01:54 · 670 阅读 · 0 评论 -
utils文件整合
仿照聊天消息时间展示 判断一个日期 是否是 今天/昨天function getDateStr(time) { let now = new Date(), //今天零点 today_o = `${now.getFullYear()}-${now.getMonth()+1}-${now.getDate()}`, today_o_stamp = new Date(today_o).getTime(), yester_o_stamp = .原创 2020-12-16 16:55:44 · 253 阅读 · 0 评论 -
了解Promise.allSettled
例子const resolved = Promise.resolve(42)const rejected = Promise.reject(-1)const allSettled = Promise.allSettled([resolved, rejected])allSettled.then(res => { console.log(res)})// // [// { status: 'fulfilled', value: 42 },// { st.原创 2020-11-18 15:26:37 · 457 阅读 · 0 评论 -
深入了解reduce
语法arr.reduce(callback,[initialValue])reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,接受四个参数:初始值(或者上一次回调函数的返回值),当前元素值,当前索引,调用 reduce 的数组。callback (执行数组中每个值的函数,包含四个参数)1、previousValue (上一次调用回调返回的值,或者是提供的初始值(initialValue))2、currentValue (数组中当前被处理的元素)3、i.原创 2020-05-13 15:53:40 · 722 阅读 · 0 评论 -
JS设计模式: 参与者模式
参与者模式: 在特定的作用域中执行给定的函数。并将参数原封不动的传递需求情景: 定时从后端拉取数据,缓存下来,一旦用户点击查看,就要展示这些信息=》 点击一个按钮要将额外的数据传入这个事件的回调函数中let A = { event: {} }A.event.on = function(dom, type, fn) { if(dom.addEventListener) { ...原创 2020-01-18 17:59:01 · 576 阅读 · 0 评论 -
webpack配置多种打包方式
配置多种打包方式npm run build:test 测试服务器npm run build:innet 内网服务器具体配置:配置package.json "build:innet": "set NODE_ZNV='innet' && node build/build.js"ps: set NODE_ZNV=‘innet’ 这个参数可以通过process...原创 2019-08-28 18:00:52 · 393 阅读 · 0 评论 -
在vue中 storge 和vuex使用的用法区别
在vue中 storge 和vuex使用的用法区别1.联动性:storge对于属性的改变不能触发其他页面的改动storage: 存取login之后就不会改变的信息,比如userId, isAdmin(是否是管理员)vuex: 存取login之后可能在某个组件会改变的信息, 比如isInMyPort,isInPort比如:我在A页面改了userInfo 不经过刷新。b对他的调用并不知...原创 2019-08-28 17:49:19 · 1346 阅读 · 0 评论 -
jquery中$.Callback的解析认识
用法观察者模式: 添加完后统一触发。function aaa(){ alert(1);}function bbb(){ alert(2);}var cb= $.Callbacks();cb.add(aaa);cb.add(bbb);cb.fire();好处,应用场景。要统一的管理aaa和bbb。有时候如下,很难对不同作用域下的函数进行统一管理。fu...原创 2019-08-28 17:04:26 · 1249 阅读 · 0 评论