摘要: 遇到一个面试题,把其中一部分功能单独封装了一个批量加载图片的class。 斗胆擅自加了一点功能, 1、 配置第一批同时发起load的图片数量(默认5张)。 2、无论成败,每结束一张图片加载自动加载下一张。 3、每张图片右侧实时展示目前加载状态(ready,pendding,success,faile 阅读全文
posted @ 2024-08-10 23:41 筑潇 阅读(12) 评论(0) 推荐(0) 编辑
摘要: 最近有空,撸了一下曾经工作中一直想优化的功能:SPA应用在登录状态无刷新状态实时执行权更新。 因为之前项目中的用户前端权限有三种(页面菜单、按钮增删改查、接口数据权限),这次先优化第一种页面菜单。 demo的技术栈是:ts5.4、vue3、vue-router4、vite5.4、pinia2,项目目 阅读全文
posted @ 2024-08-10 23:32 筑潇 阅读(4) 评论(0) 推荐(0) 编辑
摘要: // 模块a.js export let a = 1; export function addA() { a++; } // index.js import { a, addA } from './a.js'; console.log('a=', a); // 1 addA(); console.l 阅读全文
posted @ 2024-01-20 15:45 筑潇 阅读(48) 评论(0) 推荐(0) 编辑
摘要: 1、es6 export{} 导出的变量都是这些变量的内存引用(包含基础类型属性,引入es6的基础类型变量会在es6模块内部或者闭包环境下改变以后同时改变),所有root层属性都不能在自身模块以外的地方修改;多个模块引用同一个es6模块时,es6模块只会在第一次引入时运行一次,所有引入此es6模块的 阅读全文
posted @ 2022-08-03 15:03 筑潇 阅读(349) 评论(0) 推荐(0) 编辑
摘要: 最近公司有一个项目的需要做出旋钮的效果,旋钮有十个档,根据手指旋转切换,旋转时接近最近的档会有吸附效果,具体效果如下: html部分代码: less样式部分代码: js部分代码: 主要的思路是根据监听 .round_box 元素的 touchmove 事件获取手指相对于圆心这条直线的旋转角度(tra 阅读全文
posted @ 2018-11-28 15:18 筑潇 阅读(2923) 评论(0) 推荐(1) 编辑
摘要: 最近项目结束暂时得到了一段空闲的时间。回想项目中遇到的几个常用知识需要总结一下,这几天趁着还记得,抓紧时间记录一部分: 一:相似对象对比方法 1. 项目中自己写的代码: 现在看来这种写法再遇到 比较两个数组的情况时会对数组对象使用 Object.keys(arr) 遍历似乎不太友好。 2.under 阅读全文
posted @ 2018-11-22 16:23 筑潇 阅读(553) 评论(2) 推荐(0) 编辑
摘要: 最近应为业务需求需要开发一个任务调度后台,实现一个甘特图( 类似上学时候的课程表,‘时间/课程/代课老师’ 转换为: “时间/任务/执行人'”)。参考图片: 每一行的00:00到24:00部分的 <div class="tr-right draggable ui-widget-content"> 是 阅读全文
posted @ 2018-02-02 17:42 筑潇 阅读(4635) 评论(0) 推荐(0) 编辑
摘要: 今天在整理前段时间做过的项目,发现之前在集成web环信的时候遇到过一个奇怪的需求:需要终止一个正在进行等待返回的promise,或者阻止其调用resolve和reject。(具体为何会有这种需求我也不太记得了。。。 现在回头看,一定会有其他的常规解决方案)。 不过本着对未知牛角尖的专研精神(最近有点 阅读全文
posted @ 2018-01-26 17:38 筑潇 阅读(1119) 评论(0) 推荐(0) 编辑
摘要: 最近在学习使用Webpack3的时候发现,它已经可以在不使用babel的情况下使用ES6的模块加载功能了。(不包括webpack.config.dev.js文件。 因为它是是webpack的配置文件,是nodejs直接运行处理的。所以仍需使用CommonJS规范,其他被webpack编译的js模块可 阅读全文
posted @ 2018-01-17 14:46 筑潇 阅读(2475) 评论(4) 推荐(0) 编辑
摘要: window.onload=function(){ (function(){ var lastY;//最后一次y坐标点 $(document.body).on('touchstart', function(event) { lastY = event.originalEvent.changedTouches[0].clientY;//点击屏幕时记录最后一次Y... 阅读全文
posted @ 2017-11-06 16:18 筑潇 阅读(484) 评论(0) 推荐(0) 编辑