• generator生成器

    generator开始12345678910111213<script> function *g(){ console.log('g fn is start'); yield...
     2022-06-13  
    阅读全文 

  • umi.js笔记

     2022-06-02
    阅读全文 

  • dava.js笔记

     2022-06-02
    阅读全文 

  • react-redux笔记

    redux与react-redux使用 store.js 12345678910111213141516171819import { createStore } from 'redux';const defau...
     2022-06-02  
    阅读全文 

  • xlsx.js的使用

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

  • js项目优化

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

  • vscode插件集

    koroFileHeader用于生成文件头部注释和函数注释的插件，支持所有主流语言,功能强大，灵活方便，文档齐全，食用简单！ 配置项 1234567"fileheader.customMade": { "...
     2022-04-13  
    阅读全文 

  • 输入框获取光标位置

    输入框获取光标位置获取的left top 需要减去父级的offsetLeft offsetTop 值 1234567891011121314151617181920212223242526272829303132333435363738394041...
     2022-04-11  
    阅读全文 

  • canvas案例

    星空移动1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465...
     2022-04-08  
    阅读全文 

  • react补充点

    react 补充react父传子组件组件通过{…info}将整个对象结构传给子组件 1234567const info = { name:'shaoyuhong', age:22, school:'...
     2022-02-23  
    阅读全文 

  • typescript补充点

    declare12declare let $: JQuery;$().... 泛型1234function Fn<T(该名字可以随意)>(a:T,b:string):T{ //.....}fn<numbe...
     2022-02-23  
    阅读全文 

  • webpack学习计划来啦

    开始webpack学习计划终于来了 一直感觉学webpack有些困难，拖了好久，面试了头条和腾讯都同时问到了webpack，webpack也该提上日程了 安装1npm i webpack webpack-cli -D package.json添加 ...
     2022-01-10  
    阅读全文 

  • 移动端处理1px的问题

    方法1，使用meta+rem缩放 window.devicePixelRatio获取像素密度 dpr = 1/ devicePixo; 获取像素比 对meta进行缩放，缩放比例为dpr。（缩放后边线还原了1px,但是内容也被缩放了) 对内容缩放进...
     2022-01-05  
    阅读全文 

  • js第二弹

    textContent和innerText区别12345678910111213141516171819202122232425262728<!DOCTYPE html><html lang="en">&l...
     2021-12-21  
    阅读全文 

  • axios取消请求的问题

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

  • react_hooks笔记

    useState12345678910111213function AboutHook() { const [count, setCount] = useState(0); const [show, setShow] =...
     2021-08-30  
    阅读全文 

  • js三角函数

    sin是这个角的对边和斜边的比。 cos一是这个角挨着的那条边和斜边的比；tan是这个角的对边和邻边的比。 在平面直角坐标系xOy中设∠β的始边为x轴的正半轴，设点P（x，y）为∠β的终边上不与原点O重合的任意一点，设r=OP，令∠β=∠α，则：si...
     2021-08-12  
    阅读全文 

  • 苹果菜单移入线性放大效果【使用勾股定理】

    效果图 原理分析 添加移入事件，获取当前鼠标的clientX,clientY 获取每个div块的x1,y1。x1 = this.offsetLeft + this.offsetWidth / 2得到中心点，y1 = this.offsetHeigh...
     2021-08-12  
    阅读全文 

  • pr记录

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

  • let没有变量提升？X

    证明var声明存在变量提升通常我们是这样子来证明var存在变量提升的。 123456function fn(){ console.log(a) // undefined var a = 12}fn()复制代码 为什么这...
     2021-07-14  
    阅读全文