筑潇

摘要： 遇到一个面试题，把其中一部分功能单独封装了一个批量加载图片的class。 斗胆擅自加了一点功能， 1、 配置第一批同时发起load的图片数量(默认5张)。 2、无论成败，每结束一张图片加载自动加载下一张。 3、每张图片右侧实时展示目前加载状态(ready，pendding，success，faile 阅读全文

摘要： 最近有空，撸了一下曾经工作中一直想优化的功能：SPA应用在登录状态无刷新状态实时执行权更新。 因为之前项目中的用户前端权限有三种（页面菜单、按钮增删改查、接口数据权限），这次先优化第一种页面菜单。 demo的技术栈是：ts5.4、vue3、vue-router4、vite5.4、pinia2，项目目 阅读全文

摘要： // 模块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 阅读全文

摘要： 1、es6 export{} 导出的变量都是这些变量的内存引用（包含基础类型属性，引入es6的基础类型变量会在es6模块内部或者闭包环境下改变以后同时改变），所有root层属性都不能在自身模块以外的地方修改；多个模块引用同一个es6模块时，es6模块只会在第一次引入时运行一次，所有引入此es6模块的 阅读全文

摘要： 最近公司有一个项目的需要做出旋钮的效果，旋钮有十个档，根据手指旋转切换，旋转时接近最近的档会有吸附效果，具体效果如下： html部分代码： less样式部分代码： js部分代码： 主要的思路是根据监听 .round_box 元素的 touchmove 事件获取手指相对于圆心这条直线的旋转角度（tra 阅读全文

摘要： 最近项目结束暂时得到了一段空闲的时间。回想项目中遇到的几个常用知识需要总结一下，这几天趁着还记得，抓紧时间记录一部分： 一：相似对象对比方法 1. 项目中自己写的代码： 现在看来这种写法再遇到 比较两个数组的情况时会对数组对象使用 Object.keys(arr) 遍历似乎不太友好。 2.under 阅读全文

摘要： 最近应为业务需求需要开发一个任务调度后台，实现一个甘特图( 类似上学时候的课程表，‘时间/课程/代课老师’ 转换为： “时间/任务/执行人'”)。参考图片： 每一行的00:00到24:00部分的 <div class="tr-right draggable ui-widget-content"> 是 阅读全文

摘要： 今天在整理前段时间做过的项目，发现之前在集成web环信的时候遇到过一个奇怪的需求：需要终止一个正在进行等待返回的promise，或者阻止其调用resolve和reject。(具体为何会有这种需求我也不太记得了。。。 现在回头看，一定会有其他的常规解决方案)。 不过本着对未知牛角尖的专研精神(最近有点 阅读全文

摘要： 最近在学习使用Webpack3的时候发现，它已经可以在不使用babel的情况下使用ES6的模块加载功能了。（不包括webpack.config.dev.js文件。 因为它是是webpack的配置文件，是nodejs直接运行处理的。所以仍需使用CommonJS规范，其他被webpack编译的js模块可 阅读全文

摘要： window.onload=function(){ (function(){ var lastY;//最后一次y坐标点 $(document.body).on('touchstart', function(event) { lastY = event.originalEvent.changedTouches[0].clientY;//点击屏幕时记录最后一次Y... 阅读全文