女王控的博客

预研

21 篇文章

客服新窗口技术探索

需求背景 由于客服聊天组件需要支持以新窗口的形式打开,也就是以 window.open 的新窗口打开,同时需要支持嵌入公司自己的产品端,在技术攻关的过程中遇到很多问题,特此记录 问题及解决方案 标记为横线的为完成需求后发现现阶段不需要做的 跨域窗口间的通信: 编写底层通信库 、通过 url 传递 嵌入公司产品端:独立客服聊天组件的运行环境 设置新窗口位置:需要注意兼容分屏情况 监听新窗口打开情况: 通过底层库发消息 、获取 window.open 的 closed… »

git代码统计脚本

需求背景 由于每个周末放假前都要给出代码量的统计,如果是手动统计的话需要到各个开发过的项目下运行相应的脚本,太过繁琐。故写出以下第一版统计代码量的脚本 代码展示 以下是统计 G:/project/tungee/ 目录下的代码量,其中标红部分需要修改为自己的项目路径和 git 邮箱 第一版 按项目统计 运行效果 以上更新于 第二版 增加按日期统计和 shell 参数输入 运行效果 第三版 增加按分支统计的功能,去掉 shell… »

微前端适配demo的实践

需求背景 如下图所示,由于多个产品共存,当初设计产品架构时,侧边栏、打电话组件是存在于每个项目的子模块中的。迫于产品越来越多,需要动到侧边栏的时候越来越频繁,随着产品的不断增加导致了需要编译每个项目的工作越来越重,急需一种新的架构来分离侧边栏与各自产品端。 技术方案 基本原理类似于之前的文章 记一次组件打包为链接的实践 ,也就是主框架也就是侧边栏项目提前设定好元素的位置,再用 ReactDOM.render… »

移动端适配汇总

IOS fix 定位不准 现象 在有输入框的情况下尽量不要用 fixed 定位,用 absolute,否则在 IOS 下会出现很多问题,比如输入法收起时 fixed 定位的元素其实还在未收起的地方,会造成在输入法收起时输入框不能点击 解决方案 当然在用 absolute 的时候,需要注意 body、html 的定位(设置为 relative 或者不设),放在 body 的下面等等问题 微信下 IOS13 输入法不恢复 现象 在 IOS1… »

轻量级网站构建实践

需求背景 最近在做表单分享的需求,类似于问卷调查,需要在三端(桌面端、移动端、微信端)同时兼容 技术方案 我出的方案:采用原生语法新框架写,考虑到首屏渲染的问题未采用 主管出的方案:采用后端渲染模板的方式,最大化首屏加载速度,但有以下问题: 后端渲染对服务器 CPU 的要求较高 本来打算用 oss 来减少后端渲染,但考虑到表单经常变化,且分享的链接要尽可能的保持不变,这就限制了 oss… »

0%