• xlsx.js的使用

    为什么要用xlsx?现在前端可惨,许多事都要做了。。。。读取excel的数据,抛弃了以前的上传一个excel文件到后台解析,直接改用了前端读取excel中的数据转成一个数组对象转数据给后台,那没办法,搞吧 安装1npm i xlsx -S 读取数...
  • js项目优化

    长列表优化针对大数据时,长列表的优化 滚动加载(不谈,见网上) 虚拟列表 思路:在列表头部和底部分别添加一个div,始终只展示当前屏幕的li dom,屏幕之上下由div的高度支撑 ​ 切割开始点= Math.floor(容器.sc...
  • vscode插件集

    koroFileHeader用于生成文件头部注释和函数注释的插件,支持所有主流语言,功能强大,灵活方便,文档齐全,食用简单! 配置项 1234567"fileheader.customMade": { "...
  • 输入框获取光标位置

    输入框获取光标位置获取的left top 需要减去父级的offsetLeft offsetTop 值 1234567891011121314151617181920212223242526272829303132333435363738394041...
  • canvas案例

    星空移动1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465...
  • react补充点

    react 补充react父传子组件组件通过{…info}将整个对象结构传给子组件 1234567const info = { name:'shaoyuhong', age:22, school:'...
  • typescript补充点

    declare12declare let $: JQuery;$().... 在 TypeScript 中,declare 关键字用于声明全局变量、函数、类或模块的类型,告诉编译器这些实体已经存在,不需要进行编译时的类型检查。 declare 关键字...
  • webpack学习计划来啦

    开始webpack学习计划终于来了 一直感觉学webpack有些困难,拖了好久,面试了头条和腾讯都同时问到了webpack,webpack也该提上日程了 安装1npm i webpack webpack-cli -D package.json添加 ...
  • 移动端处理1px的问题

    方法1,使用meta+rem缩放 window.devicePixelRatio获取像素密度 dpr = 1/ devicePixo; 获取像素比 对meta进行缩放,缩放比例为dpr。(缩放后边线还原了1px,但是内容也被缩放了) 对内容缩放进...
  • js第二弹

    textContent和innerText区别12345678910111213141516171819202122232425262728<!DOCTYPE html><html lang="en">&l...
  • axios取消请求的问题

    针对如tab栏快速切换加载数据时,由于ajax是异步的,有时不能做加载动画防止快速点击,此时快速切换时,如A、B两栏快速切换,A栏切换请求接口;B栏切换请求接口;此时AB快速切换,接口跟不上,容易造成数据错乱,为了解决这种情况,就需要用到请求取消 需...
  • react_hooks笔记

    useState12345678910111213function AboutHook() { const [count, setCount] = useState(0); const [show, setShow] =...
  • js三角函数

    sin是这个角的对边和斜边的比。 cos一是这个角挨着的那条边和斜边的比;tan是这个角的对边和邻边的比。 在平面直角坐标系xOy中设∠β的始边为x轴的正半轴,设点P(x,y)为∠β的终边上不与原点O重合的任意一点,设r=OP,令∠β=∠α,则:si...
  • 苹果菜单移入线性放大效果【使用勾股定理】

    效果图 原理分析 添加移入事件,获取当前鼠标的clientX,clientY 获取每个div块的x1,y1。x1 = this.offsetLeft + this.offsetWidth / 2得到中心点,y1 = this.offsetHeigh...
  • pr记录

    水滴转场 视频1与视频2添加交叉融解,新增调整图层 ,将 紊乱置换 添加到调整图层,配置项中 数量 ,演化 打关键针。 三元色 描边动画抖动 查找边缘,点击反转 添加色彩,将白色修改为需要修改的颜色 混合模式改为线性减淡 卷帘式转场 新建调整...
  • let没有变量提升?X

    证明var声明存在变量提升通常我们是这样子来证明var存在变量提升的。 123456function fn(){ console.log(a) // undefined var a = 12}fn()复制代码 为什么这...
  • 产品经理:你能不能用div给我画条龙?

    事情是这样的,前天上午产品经理说想要做一个心愿墙,问我能不能行 我心想,这太容易了,但为了多摸一天鱼,我说还是有点挑战的 结果下午,产品经理和设计师就给我发来了设计参考 他们说,心愿墙的设计大致是这样的,每个用户的心愿都是一个气泡,而客户的品牌是”...
  • js大文件上传时的切片上传

    1.大致流程分为以下几步: 1.前端接收BGM并进行切片 2.将每份切片都进行上传 3.后端接收到所有切片,创建一个文件夹存储这些切片 4.后端将此文件夹里的所有切片合并为完整的BGM文件 5.删除文件夹,因为切片不是我们最终想要的,可删除 6.当...
  • js内存泄露相关知识

    「硬核JS」你的程序中可能存在内存泄漏引擎中有垃圾回收机制,它主要针对一些程序中不再使用的对象,对其清理回收释放掉内存。 那么垃圾回收机制会把不再使用的对象(垃圾)全都回收掉吗? 其实引擎虽然针对垃圾回收做了各种优化从而尽可能的确保垃圾得以回收,但并...
  • js判断数据类型的方法

    JS中数据类型的判断( typeof,instanceof,constructor,Object.prototype.toString.call()(1)typeof typeof 对于原始类型来说,除了 null 都可以显示正确的类型 123456...