240 发简信
IP属地:陕西
  • Webpack Plugin

    Plugins Plugins are the backbone[https://github.com/webpack/tapable] of webpack. Plugin...

  • 用户停留时长打点

    引子 移动看家运营页面,投放在和家亲/一级掌厅/微信/等渠道。以前接入的是和家亲的打点方案,现在需要增加安防的打点方案,重点记录指标:用户停留时长。 初始思路 停留时长的打点...

  • 大前端测试

    引子 在之前分享的编辑器相关文章里,讲到了语雀是全栈js开发的,并且号称团队没有测试工程师,参考文章里面有放关于全栈 JavaScript 测试的相关总结分享,今天我们就聊一...

  • 120
    一起跳进富文本编辑器的大坑

    引子 富文本编辑器的核心:contentEditable 和 document.execCommand 当一个HTML元素的contenteditable属性被设置为true...

  • 120
    JavaScript ES 2021(ES12)新功能

    内容简介 逻辑赋值运算符(明雪讲过:https://cc.komect.com/website/blog/detail?id=296[https://cc.komect.co...

  • RouterGuard with react-router5

    作用 阻止页面越权 不用调用接口即可阻止页面越权例如:某普通管理员登录,即使知道超管的页面路由地址,也看不到越权的页面。 实现 参考reactrouter官方教程,结合路由嵌...

  • 120
    Three.js

    是什么 三维引擎 WebGL(Web图形库)是一个JavaScript API,可在任何兼容的Web浏览器中渲染高性能的交互式3D和2D图形,而无需使用插件。WebGL通过引...

  • 120
    地图API

    简介篇 高德API&百度API 各自特点 高德: 文档优秀,代码简单服务阿里系电商(淘宝,天猫,美团,饿了么,达达),大疆,KEEP 百度: 数据丰富(POI多)提供街景服务...

  • Echarts的轮播实现方案

    需求:饼图实现轮播;场景:电视大屏监控,自动高亮数据,有动画效果,增强页面可视性;实现: 官网示例 主要运用dispatchAction,主动触发事件。ECharts 中的事...

  • 120
    用户离开页面提示

    编辑页面常见的离开提示,是如何实现的? 情况一 在内部跳转 umi 基于react-router提供了相关API 可以自己做一些扩展,优化提示框,优化提示逻辑。 情况二 刷新...

  • 120
    网页自由截图

    在反馈组件中,需要一个网页自由截图功能。现成的轮子,没有找到合适的。可能因为自由截图的需求比较少。想到了比较常用的html2canvas: take "screenshots...

  • 120
    算法

    栈和队列 栈:是限制在表的一端进行插入和删除操作的线性表。又称为后进先出线性表用bottom表示栈底指针,top指向栈顶的下一个存储位置用top - bottom = sta...

  • 120
    文件导出

    管理平台经常会遇到导出报表的功能,总结下实现方式。 平台返回下载链接 最简单的处理方式: window.open(url,'_blank') a标签下载 平台返回文件流 fo...

  • 120
    Cookie Session Token JWT & CSRF

    前言: 夏洛:大爷,楼上322住的是马冬梅家吧?大爷:马都什么?夏洛:马冬梅。大爷:什么都没啊?夏洛:马冬梅啊。大爷:马什么没?夏洛:行,大爷你先凉快着吧。 基于 http ...

  • 120
    微信小程序canvas实现仪表盘动画

    效果图如上图所示,上篇文章分享了用css clip 实现圆盘loading。但是由于动画效果有虚线和渐变,所以综合考虑,选择用canvas实现。 涉及知识点: 绘制圆弧: C...

  • css中神奇的负数

    outline-offset(负值)实现加号 能否用纯css实现加号,在不用伪类的情况下。 注意事项: 容器得是个正方形 outline 边框本身的宽度不能太小 outlin...

  • JavaScript变量命名

    布尔值(Boolean)命名 对应true false状态场景分类: 表示可见性、进行中的状态推荐命名方式为 is + 动词(现在进行时)/形容词,同时这种方式也可以直接不写...