女王控的博客

前端

165 篇文章

Webpack升级优化——记一次产品端升级

接上文 Webpack 配置笔记 分包策略 在分支 上启动 脚本,得到分包策略如下: 首屏加载对比 原始首屏加载 升级后加载 分包优化步骤 echarts 只提取需要的包 immutable 指向同一份,避免 draft 与 antd 重复打包 分大模块改写法 根据路由来分 这里原来的路由引用模块已经是 形式的了,所以我在 里的 加了如下策略 经实验,可以看到各个页面只加载所需的包 根据组件来分 对其中比较大的组件进行了懒加载处理,react-player/draft… »

防抖节流的区别与实现

防抖动是将多次执行变为最后一次执行,节流是将多次执行变成每隔一段时间执行。 防抖 触发高频事件后 n 秒内函数只会执行一次,如果 n 秒内高频事件再次被触发,则重新计算时间 思路: 每次触发事件时都取消之前的延时调用方法 节流 高频事件触发,但在 n 秒内只会执行一次,所以节流会稀释函数的执行频率 思路: 每次触发事件时都判断当前是否有等待执行的延时函数 »

CSS等高布局的应用

需求背景 在做侧边抽屉时遇到了需要强行撑满剩余高度的情况,左边的外呼结果要强行撑满剩余高度,这考察了等高布局的应用 解决方案 首先明确侧边栏左边 html 的结构,其中 html 采用 react 写法,css 采用 less 写法 table 布局 比较 hack 的方法 margin 与 padding absolute 此方法需要对 html… »

基于SIP协议云端电话的实践

需求背景 最近由于第三方云端电话私自更改接口导致了线上事故的发生,所以公司决定由前端直接连接 freeswitch ,用它来借助第三方线路打云端电话 知识背景 SIP 协议入门学习 核心思路 首先在网上找到相应前端的 SIP 连接库,发现大概满足的有 2 种,一个是 JsSIP,看了一下支持的列表里面是没有 freeswitch 的,所以选了支持 freeswitch 的 SIP.js… »

0%