ios 16 beta 3现阶段 ios 16 内测版本已经出了 3 个版本,而今天要体验的 ios 16 就是最新的版本 —— ios 16 beta 3,在此可以直接通过 xcode beta ios 模拟器的方式直接体验. 安装 xcode beta 版本 通过 xcode 14.0 beta 3 可下载 xcode beta 最新版本. 下载 xip 文件成功后,再解压安装. xc ...

devtools-frontend 原理分析 原理在《DevTools 实现原理与性能分析实战》和《Chrome DevTools Frontend 运行原理浅析》这两篇文章中实际上已经说得很清楚了,整个 Devtools 实现 PC 端: chrome浏览器,Android客户端: chrome 浏览器、App webview中调试都是完全依赖了 Chromium 浏览器内核,其高性能的Bli ...

我本人29岁，独生子，从小属于那种父母捧在手里怕掉了，含在嘴里怕化了的典型，简称小皇帝；自主动手思考能力差，计划能力差，唯一的特长就是没有特长(哦，不对，我小时候特能跑，小学初中校级赛跑都得过奖，按照这样来说，应该是头脑简单，四肢发达)，成绩从小学到高中基本上是中等，大学考的也是不上不下，要不是选了一个好专业，肯定就得啃老；工作以后，自以为可以开拓一片天地，还找了一位红颜，可惜自己不珍惜，能力也有 ...

列表项上下键选中使用 scrollIntoView behavior: ‘smooth’ 抖动问题 原理分析 放弃计算DOM getBoundingClientRect的方式，也不使用原版每次选中都进行 scrollIntoView 自适应 ‘smooth’ 滚动，而是采用底层 API Intersection Observer API 来计算列表项(list-item)是否存在于可视的列表 ...

实现browserstack screenshotsbrowserstack screenshots api Screenshots API，通过调用 Screenshots API 的例子node-browserstack screenshots就可以得知，通过 http 请求 https://www.browserstack.com/screenshots 接口: url(需要测试截图的 ...

测试(testing)跨终端手动测试平台 lambdaTest 手动测试 Browser Testing. 可在线在不同的浏览器种类、版本、操作系统以及分辨率对website进行实时交互式测试,每次真实浏览器sessions可测试10分钟. 结论. 可切换配置浏览器种类、版本、操作系统以及分辨率; 可在线录屏、截图(录屏、截图可下载); 可在线标记bug(编辑bug截图、下载bug截图以 ...

ES6语法重点在最近阅读了《深入理解ES6》这本书之后,发现ES6中有一些不为人所熟悉的部分却成为了提升开发效率的利器,所以将这些语法重点进行规整总结,分享输出给各位小伙伴. 块级作用域临时死区 ES6中的块级作用域为了防止变量提升,产生了临时死区的方案,也就是说如果你在let、const定义块级作用域变量之前,直接使用此名称的变量,临时死区里面的逻辑就会报错,在执行同步代码度过临时死区之前,使 ...

express+react+webpack 原因 最近在写拓海官网的后台web项目,本来是想用webpack-dev-server搭建开发环境服务器的,后来查资料发现,webpack-dev-server没有express+webpack-dev-middleware+webpack-hot-middleware灵活,且第二种方案热更新走的是内存,所以就尝试了使用第二种方案。 搭建好之后, ...

音频与视频audio 原因 最近在写虎扑足球”战疫”期间,接触音频audio bgm在页面上播放、暂停和停止的功能,在react里面使用了纯的原生的元素标签,但是发现了一些问题,autoPlay属性自动播放并不能每一次刷新页面都会立即播放,而是自动播放的次数极少,后来发现原来是用户不希望在打开网页之后,自动播放视频或者音频,他们希望自己能手动选择。于是就选择了,不进行自动播放,一开始进入页面 ...

可视化与\<area>">\<map>与\<area> 原因 最近在写虎扑足球”战疫”期间,接触了在一张原始图上迅速寻找热点并点击弹出弹窗的功能,由于是运营活动页,时间紧任务重,于是使用了\<map>与\<area>标签,任意一张图片img使用useMap属性,即可用\<map>与\<area>标签在上面构造热区和热点,并以图上的左上角为坐标的(0, ...

CSS文字两端对齐 123.demo { text-align: justify;} 字间距 123.demo { letter-spacing: 1px;} 移动端适配rem 原因 最近在写CBA m站官网适配,使用了cssnano和postcss-px2rem两个外部依赖包,将px直接转化为rem,这时候会发现字体大小(font-s ...

web如何添加微信朋友圈分享网站页面的小图标 原因 最近在搞欧冠”数说”欧冠的h5项目时,遇到了在手机浏览器分享和微信内部浏览器分享的问题。在都分享到朋友圈的情况下,手机浏览器分享,会截当前网站的图作为分享朋友圈的小图标,而微信内部浏览器分享朋友圈的小图标就为空(什么也没有,就是一个灰色的链接图)。后来发现,原来在微信内部分享至朋友圈,必须有公众号,绑定网站安全域名,使用JS接口调用缩率图… ...

moment将时间戳(毫秒)转化为固定格式 详情 将时间戳转化为固定格式: 显示 format部分 计算两个时间戳(毫秒)或者是固定格式的时间之间的数量级长度 原因 在开发小程序过程中,发现使用moment来计算两个时间戳或者固定格式时间之间的长度（比如两个时间之内差了几天、几个周、几个月、几年等等）,没有具体的例子,文档里面也没有说明,所以这里记录一下我探索出来的结果。 详情 ...

ReactList List.Item 原因 最近在搞CBA m站适配时,尝试写了一把JS 基础组件,首当其冲的就是List List.Item列表组件,在我们m站适配中随处可见,其关键点就在于,怎么将某些在List列表组件中的属性,放到Item列表项组件里面,至此就想到了使用HOC高阶组件。 详情 harmony12345678910111213141516171819202122 ...

Nginx安装 nginx CentOS 7 下 yum 安装和配置 Nginx 配置 nginx 路径 centos下: /etc/nginx 使用sudo vim nginx.conf来进行配置 问题 配置过程当中出现了403 forbidden的问题，查了一些资料，发现原来是nginx.conf文件下的配置族权限设置的问题 详情 # For more informatio ...