![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
问题探究
文章平均质量分 61
Ruonorth
The more you do,the more you can do.
展开
-
奇妙的跨域错误-Access-Control-Request-Private-Network
目前看到产生该问题的场景都是内网之间测试时产生的该字段用于防止用户代理无意中对运行在用户本地 Intranet 上的设备或直接在用户机器上运行的服务进行攻击。因此:当其客户端是安全上下文并且对目标源的CORS 预检请求成功时,才允许私有网络请求。更改chrome相关配置不使用chrome更改请求地址,使其避开这个问题。原创 2022-09-08 11:02:57 · 1847 阅读 · 0 评论 -
彻底解决全局安装权限问题
虽然像这种权限问题加个sudo运行就可以顺利安装,但这绝非一个好的方法,因为当我之前毫不犹豫这样解决的时候遇到了很多问题。其次因为这个文件是sudo安装的,因此文件权限就是root,之后对这个文件的操作更是会面临诸多问题。当不设置,将默认安装至node安装的目录,最后更新path。因此我尝试了新的解决方案,创建一个用户有权限的global目录。比如每次像这样的全局安装卸载等操作时都需要sudo。至此完美解决,此后不需要在每次全局安装都sudo。具体原理是切到用户目录创建用户有权限的全局文件,原创 2022-09-06 19:47:55 · 2204 阅读 · 0 评论 -
网络类型获取的兼容性问题
网络类型的获取现有方案:Navigator.connectionNavigator.connection 是只读的,提供一个NetworkInformation 对象来获取设备的网络连接信息。例如用户设备的当前带宽或连接是否被计量, 这可以用于基于用户的连接来选择高清晰度内容或低清晰度内容。connecType枚举enum ConnectionType { "bluetooth", "cellular", "ethernet", "mixed", "none"原创 2020-08-28 01:10:10 · 779 阅读 · 0 评论 -
x5浏览器内核全屏播放
x5内核+video,这两个词放在一起他就会有一些坑。比如全屏问题、同层渲染问题、自动播放问题。陆续更新中。。。(等更完找时间做个video踩坑合集)一、x5-video-player-fullscreen全屏方式如果不申明此属性,页面得到视口区域为原始视口大小(视频未播放前),比如在微信里,会有一个常驻的标题栏,如果不声明此属性,这个标题栏高度不会给页面,播放时会平均分为两块(上下黑块)全屏监听进入监听:myVideo.addEventListener("x5videoenterfullscre原创 2020-08-28 01:05:24 · 3148 阅读 · 0 评论 -
css动效代码(持续更新中。。。)
主要更新一些按钮动效的实践。静态按钮往往不够吸引人,试试让它动起来吧~悬浮球 .susbension { position: fixed; top: 156px; right: 10px; z-index: 9; display: inline-block; width: 60px; height: 60px; overflow: hidden; background: radial-gradient(circle at 50% 5原创 2020-08-28 00:59:13 · 514 阅读 · 0 评论 -
UC中video脱离文档流的规避方案(含常见浏览器判定)
首先声明目前没有找到彻底的解决方案找到的是规避方案,可以根据业务场景灵活食用。我的业务场景是要在video上盖东西,video会跑到最上层,体验很差。如果是相同场景可以继续看,不是可以直接退出。1、判断他是个uc浏览器navigator.userAgent.indexOf("UBrowser")2、当video上需要盖东西的时候把video标签隐藏起来。(对,就是这么简单粗暴。因为即使隐藏起来效果也比video跑到文档外面乱跑视觉效果好的多)以下是各种浏览器ua判定var OsObject=na原创 2020-08-28 00:20:36 · 2430 阅读 · 0 评论 -
inject/provide与响应式数据
provide 和 inject 绑定并不是可响应的。这是刻意为之的。然而,如果你传入了一个可监听的对象,那么其对象的属性还是可响应的。说人话就是如果你把对象都改了那这个改动就追踪不到了,如果你就改了个对象属性那这种响应就能追踪到。以下是具体的代码分析。这意味着,出于某种考虑,vue故意将provide/inject设定为不可响应的。也就是说如果你的provide的数据改变,inject是不会接受到这个改变,然而如果你provide的内容是一个可响应的数据,比如一个对象引用,那么这个对象的属性是可以原创 2020-08-28 00:12:44 · 2377 阅读 · 2 评论 -
iphonex适配的n种方案
一、方案(原理见第二部分)1、简单粗暴的方法,不需要知道是不是iphonex,有safe area就空出来。padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */ padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */2、多媒体查询/* iPhone X 和 iPhone XS */@media only screen原创 2020-08-28 00:02:04 · 1018 阅读 · 0 评论 -
数字图像(上)
前言数字图像是一个比较大的话题,其中有许多我们常听说却并不十分清楚的概念,也有之前并不曾深入了解的细节原理。本文会尽量详细的串起这些知识点。其中的一些术语及容易混淆的概念会专门在基本概念中描述。都属于主题的拓展,如果觉得有些点很难区分不妨先放下读完全文再去看或许就能理解。也可能看到一些概念觉得新奇那可以在参考文档里找到资料去深入了解。总的来说全文的每个模块会尽量都描述详细而不依赖前置条件,所以可以挑选自己需要的部分观看。当然如果能从头读到尾或许会有更多收获。图像存储数字化图像数据有两种存储方式:位图存原创 2020-07-23 19:13:06 · 726 阅读 · 0 评论 -
滑动穿透终极解决方案
问题描述滑动穿透:浮层上的触控会导致底层元素滑动。问题探究:1、给body加overflow:hidden,pc端可以锁scroll,移动端无效pc端可以直接overflow:hidden解决2、给body加overflow:hidden及绝对定位,背景会定位到顶部,如果是单屏页面可以,长页面不适用如果弹出浮层时背景本来就没有滚动距离,可以overflow:hidden加绝对定位解决...原创 2019-10-21 11:01:02 · 4558 阅读 · 0 评论