- 博客(18)
- 收藏
- 关注
RSS订阅原创 px 转 rem
移动端优先：推荐JS动态计算+rem方案后台管理系统：使用PostCSS自动转换混合开发：Viewport单位+rem结合版本兼容：保留1px物理像素兜底方案始终在<head>中初始化字体大小避免嵌套使用rem（建议绝对计算）PC端谨慎使用rem（优先百分比/媒体查询）
2025-02-25 17:59:07
653
原创 前端实现 PDF 文件预览的 7 种方案详解
前端 PDF 预览需要根据实际场景选择技术方案，对于需要深度定制和复杂交互的场景，推荐使用 PDF.js 配合 Canvas 渲染；对于追求快速实现的场景，可选用封装好的第三方库。性能优化：大文件处理/移动端适配安全控制：防止未授权访问/添加水印用户体验：加载进度指示/错误处理可访问性：支持屏幕阅读器/键盘操作。
2025-02-25 17:27:16
1719
原创 npm 版本演进与 npx 核心使用指南
工具解决的问题现代定位npm依赖管理标准化生态基石 + 版本锁定npx执行环境隔离与临时操作优化安全便捷的命令执行入口推荐实践所有项目强制提交开发环境禁用全局包安装（通过npx按需使用）生产环境构建使用npm ci保证确定性通过合理利用 npm 的版本控制能力与 npx 的执行灵活性，可显著提升前端工程化水平与团队协作效率。
2025-02-25 16:57:54
937
原创 前端包管理工具对比：npm、Yarn 、 cnpm与pnpm
工具发布方核心定位核心优势npmNode.js 官方Node.js 默认包管理器官方支持、生态最全、兼容性最强YarnMeta（原FB）解决 npm 早期缺陷的增强工具速度快、确定性安装、Monorepo 支持cnpm阿里巴巴国内 npm 镜像加速工具国内下载速度极快工具推荐场景核心优势npm官方兼容性、简单项目生态支持最全Yarn企业级项目、Monorepo速度快、功能丰富cnpm国内网络加速下载极快根据项目规模、团队习惯和网络环境灵活选择，大型项目推荐优先使用。
2025-02-25 15:31:23
659
原创 【chrome浏览器】打开控制台后 ERR_INTERNET_DISCONNECTED
原因居然是我之前写webpack的时候为了验证PWA功能，将网络设置为离线了！！！离了个大谱
2023-05-15 15:29:08
4411
5
原创 a标签新开页面sessionStorage丢失
项目场景：老项目改造加了登陆验证问题描述：a标签新开一个页面应该展示详情却跳到了登陆页原因分析：丢失请求头中的token解决方案：由于项目开始，前端的一些信息是存在sessionStroage中的，而sessionStroage的作用范围是：只存在于当前会话页面，会话结束后，sessionStroage也会随之销毁后面在a标签中加入rel=“opener”即可解决<a target="_blank" href="www.xxx.com" rel="opener"><
2021-05-17 11:48:31
680
原创 iframe中资源全屏按钮失效（如视频）
项目场景：a项目中嵌入b项目问题描述：b项目中有视频播放器在a项目中无法使用全屏解决方案：<iframe id="myIframe" :src="sourceSrc" allowfullscreen="true"></iframe>在iframe标签中加入allowfullscreen的属性...
2021-05-17 11:24:38
1060
3
原创 前端下载文件接口无法设置请求头(setRequestHeader)的问题
前端下载文件接口无法设置请求头前言问题前言项目渗透性测试报出问题：请求url后面不允许带上token，解决方案是将token放在请求头的Authorization中问题问题：原先下载资源的方式是window.location.url = url 浏览器完成下载，发现document请求无法设置请求头解决：重写下载function downloadFile (url,fileName) {//fileName必须要 var xhr = new XMLHttpRequest(); x
2021-01-06 16:03:23
1560
原创 Vue项目vue-i18n国际化/多语言问题——Angular-translate.js的闪烁问题
@Vue项目国际化/多语言问题——Angular-translate.js的闪烁问题前段时间项目要求做国际化多语言，其实多语言没有那么难，但是对于项目中的中文进行翻译和替换真是一个吃力不讨好的活，英文水平烂是一方面，多多少少在替换过程中漏这漏那的，真不叫人省心vue项目中的多语言问题//此方法是写在utils公共方法里面的export function getLanguae() { //ie浏览器取navigator.userLanguage let languageInfo = n
2020-06-01 15:07:02
1027
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人