女王控

女王控

前端工程师,黑猫女王控,欢迎勾搭,技术相关@towavephone,QQ闲聊@towave,bili关注@towave

最近文章

接口缓存策略探索

背景 由于有些接口响应时间较长,在接口不需要频繁更新的情况下可以对其进行缓存 实现 cache_tool.py 实现装饰器缓存函数 redis_tool.py 实现删除某个接口的所有缓存结果,这里使用了 redis 的 scan 方法,因为是顺序扫描效率很低,数据量大的时候比较慢 使用时 缓存失效优化 由于上面实现模糊匹配删除缓存 key 即 redis scan 时间过长,需要转换思路通过递增数据版本号来使缓存失效,避免性能问题 cache_tool.py redis_tool.py… »

前端多平台页面适配

背景 网页在不同平台上展示的布局不一致,需要改成类似等比缩放的效果以便在各平台显示 选型 主流方案 官网方案 实现 核心逻辑 使用 postcss-px-to-viewport 插件,将 src 以及三方库(node_modules)下的所有样式文件 里面的 px 单位转换到 rem 单位 在公共样式下根据媒体查询(屏幕宽度 or 屏幕 dpi)设置每种字体的大小 由于目前插件不能转换非样式文件里面的 px 单位,所以需要写两种公共样式,这里会通过 url… »

React 前端埋点选型

背景 统计线上用户各个功能的使用情况,以便后续针对性的优化 实现 前端 使用 https://github.com/nytimes/react-tracking 三方库埋点 使用 sendBeacon 异步发送埋点信息 埋点信息默认发送 location,type(默认为 enter,即进入页面类型),create_by(埋点触发人) utils/sendReport.js index.js 后端 数据库表 web_track 记录了以下字段 用户(create_by… »