supremeJacob的博客

报错信息解决方法从报错信息上看，提示的是权限不足无法操作，网上找到的都是删除npmrc文件，但是没有效果，通过摸索，两种方式可以解决：1、以管理员的身份运行vscode，然后在vscode的终端运行 npm link2、以管理员身份运行cmd(命令提示符)，进去到自己的模块里面运行 npm link大功告成...

版本HTTPS配置step1step2（这里提示的安装，当时犹豫了下，因为文件名称叫DO_NOT_TRUST_FIDDLER_ROOT，还查了下，别人也下了，我才放心下的哈哈哈）step3同理，connections该勾的都勾上step4这个时候PC的可以进行抓包了，若访问不了，则在HTTPS旁的ACTION选项进行重置或信任手机配置（IOS）step1点击配置代理，这里要确认电脑以及手机连的是同个wifi，然后填入电脑的IP地址及端口号（端口号默认为8888，可以在opti

场景原型链接：https://qiniu-static.moyuvedio.com/video/magicBox.MP4公司最近有个盲盒活动，要求h5链接上需要放个盲盒动画，实际可以使用gif或json代替，但为了想挑战下自己，又想减轻小姐姐的设计任务，这次活动的动画决定全用原生H5支持技术分析此次动画涉及：移动、渐变、漂浮、旋转，基本上都是属于一些常规的动画，并没有涉及到细节动画，所以用原生肯定是没有问题的，唯一的一个难点就在于不同动画间需要衔接，而且要衔接得很自然技术考虑：CSS3之 ani

场景某天做的活动页，安卓用户吐槽页面加载缓慢，lighthouse工具马上走一波，得到的性能评分如下：看到下面Opportunity的那部分检测信息，发现原来是由于gif体积大的缘故拖慢了页面的加载速度，lighthouse给出的建议是将gif转换为webm（视频格式的文件，官方详细建议可以参考这里：gif官方优化建议）这里官方优化建议会推荐使用FFmpeg工具进行gif文件转换，但是文档有些复杂而且都是英文，在网上另外再搜了一个：gif在线转换工具参考代码需要注意：1、官方推荐是把视频文件放

android 5.1 App内打开vue H5页面为空白原因解决方法心得原因低版本的安卓系统浏览器不支持axios，所以打开空白解决方法1、安装 es6-promise 依赖cnpm i es6-promise2、在封装axios的文件中使用该依赖的polyfill()方法（原理应该就是将axios转成低版本可以识别的请求方法）require("es6-promise").polyfill();心得太难啦，一开始还以为是VUE优化没做到位，用谷歌浏览器lighthouse进行了测评，

安装插件cnpm i vue-skeleton-webpack-pluginvue.config.js配置添加以下代码// 骨架屏const SkeletonWebpackPlugin = require("vue-skeleton-webpack-plugin");module.exports = { configureWebpack: (config) => { const plugins = []; // 骨架屏 plugins.push( new Skelet

问题背景：产品需要H5以半屏的形式显示在IOS、Android，经过测试发现在IOS端半屏为白色不为透明解决方案：前端这边这么做主要是让父类half高度隐式设为0，能展示客户端内容，加入类shadow主要是为了绑定点击空白处能关闭弹框的事件客户端这边需要加上这两行代码：[webView setBackgroundColor:[UIColorclearColor]];[webView setOpaque:NO]; 这行不设置默认是yes...

1 基本操作介绍1.1 入口打开最新版本Google Chrome，F12一下弹出开发者页面，在顶部的导航栏选项选择Lighthouse选项（旧版本的浏览器是需要从应用商店下载Lighthouse插件的）1.2 首页基本信息从该页的英文字面意思可以知道，主要是生成一份性能检测报告（PS：奈何本人英语见识短，而且开发者模式并没有中文版的，遇到不懂的只能谷歌翻译下）2 生成报告分析这里以公司官网为例，Desktop模式下的报告2.1 总览2.2 四大指标介绍2.2.1 Performa

进行活动也开发时，客户端(IOS)那边反馈说截屏不能自定义长宽去截取，可能会截取到手机顶部栏、时间，后面经过我的深度研究(ge zhong bai du)，发现H5这边可以用插件并且按需截取图片整体思路step 1: 　安装 html2canvas 依赖cnpm i html2canvasstep 2:　在要使用的组件内引入import html2canvas from 'html2canvas'step 3:　组件内定义方法onSelect(option) { html2c