女王控的博客

预研

21 篇文章

构建多平台轻量化组件的实践

需求背景 需求背景接上文 记一次组件打包为链接的实践 框架搭建接上文 Webpack 脚手架搭建笔记——记一次新项目搭建 组件轻量化 在将客服组件上线后,由于未考虑到加载的组件包的大小,尤其是初始加载的包比较大,即使是压缩过初始加载也有 600 多 k… »

Webpack脚手架搭建笔记——记一次新项目搭建

接上文 Webpack 升级优化——记一次产品端升级 最近需要开发一个新产品,此时需要一个新框架来承载新产品的开发,根据前端主管的建议,建议我在他已经开发出的新框架上进行改造,这里记录一下改造的关键点 babel 编译兼容 IE 在 .babelrc 文件里加上标红代码,防止 ie 某些方法报错 脚本运行颜色 在将 npm script 写成 nodejs 脚本时,脚本颜色是灰色,此时需要加上 参数 webpack 加速构建 在 webpack.base.babel.js 文件中添加 hard… »

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

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

CSS等高布局的应用

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

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

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

0%