Chrome

Selenium源码分析之目录结构分析 阅读源码的作用 看下selenium python端的目录结构 阅读源码的作用 阅读理解源码能够让我们更容易掌握和理解selenium，让我们能更好做二次封装，加强基层代码能力。 ##安装selenium pip install selenium -m 查看安装完成后的信息 看下selenium python端的目录结构 common/exceptions.py 定义了所有可能在webdriver代码中出现的异常 webdriver/android webdriver/blackberry webdriver/chrome webdriver/edge webdriver/ie webdriver/firefox webdriver/opera webdriver/safari webdriver/iewebkitgtk 上述各目录定义了各浏览器兼容的代码，即用于支持不同的浏览器 webdriver/common 定义了webdriver所指定的通用能力 webdriver/remote 定义了webdriver核心能力 webdriver/support 定义了webdriver辅助能力 未完待续下一篇文章将继续探索每个文件的 来源： oschina 链接： https://my.oschina.net/u/4391448/blog

1、开启remote js debug模式，在chrome->控制台->network看不到请求后台的信息，百度后的结果是把node_modules\react-native\Libraries\Core\InitializeCore.js 中的polyfillGlobal('XMLHttpRequest', () => require('XMLHttpRequest')); 注释掉， 但不明白原理，！！！最好打包时就是在生成给别人用的的APK时一定要把注释解开。 2、react native 在真机上的hot reload不好用， 这个百度上大部分答案都是去修改 app_name\node_modules\react-native\node_modules\node-haste\lib\FileWatcher\index.js 中的超时时间， 我试着去找了找， 竟然没有这个文件， 怀疑是版本导致的，然后 去react native github issues中去看， 果然那里有我需要的，https://gist.github.com/cihadturhan/dda54a25eae398d7db0b06292f0cac9c，对旧版本的做了个判断， 能热更新的感觉贼好。 3、 AAPT2 error : check logs for details， 这个问题之前碰到过也解决过 在

研发工具 SourceTree ，git 辅助，由于 git 高级操作命令记不住，就只用借助 UI 了 Paw ，请求模拟，前后端联调时我会用这个先走一遍 Github Desktop ，管理 github 仓库的变更和 PR，代替了 SourceTree 的部分工作，可以方便地把别人的 PR checkout 到本地验证 Gas Mask ，Hosts 管理 ColorSnapper2 ，取色工具 Charles ，抓包用，支持 https Google Chrome + Google Chrome Canary + Firefox + Safari，浏览器，调试用，IE 的测试会借助内网的云测平台 WebStorm VSCode 输出 Ulysses ，笔记工具，从 Bear 和 Notion 切到 Ulysses OmniGraffle + iThoughtsX + iPad 上的 Whiteboard ，分别用于画架构图和和脑图 LICEcap ，GIF 录屏工具 输入 Reeder ，RSS 阅读软件，我的主要信息来源，没有提供 rss 源的我会先在 rsshub.app 上找，再没有就自己写一个 serverless 服务部署在 now 上 Kiwi for Gmail ，Gmail 客户端 效率 Alfred + Powerpack ，应用启动、粘贴板管理

新时代的数字军阀：Google、苹果、Facebook 和微软 据 solidot 报道，去年 11 月，苹果用户在一次影响广泛的宕机事故后知道苹果监视了用户打开和启动的每一个应用程序。苹果为什么要这么做？最为善意的猜测是此举旨在更早发现恶意程序。安全专家 Bruce Schneier 将这种现象形容为“封建式安全”。 生活在 21 世纪的我们面临各种数字强盗的围攻。从身份窃贼，到跟踪者，到企业和政府间谍，到骚扰者。我们是没有办法自保的。因此为了安全起见，你必须和数字军阀结盟。苹果、Google、Facebook 和微软等建立了庞大的要塞，它们投入了大量金钱招募了最强的雇佣兵来保护要塞，为客户比如你抵御攻击者。但如果军阀们转向了你，你对它们而言将是赤裸裸的。比如 Google 调整 Chrome 以阻止商业监视但不是它的商业监视，Google 会努力阻止其他人监视你，但他们付钱了 Google 会允许他们继续监视你。 硬核老王点评：数字自由可能越来越难，我们都被笼罩在一个大网之中。 能损坏硬盘的 Windows 0day 漏洞 据 solidot 报道，一个未修复的 Windows 0day 漏洞能允许攻击者使用一行命令损坏 NTFS 格式化的硬盘。该漏洞影响 2018 年 4 月发布的 Windows 10 及以后版本，包括最新的 20H2。漏洞能被低权限的用户账号触发

写在前面 margin的合并规则算是CSS盒模型里最复杂部分，没有之一。因为这部分内容涉及很多不太容易理解的概念，例如clearance（间隙）、normal flow/in-flow（常规流）、BFC（块格式化上下文）、line box（行框）、inline box（行内框）、bidi（双向环境）等等 CSS盒模型不只是7项水平属性 + 7项垂直属性： margin border padding width/height P.S.想起高跟鞋的梗——“不仅有padding，今天还加了margin” 相关的内容至少还包括： context-box与border-box padding/margin百分比的计算方式 background与padding/margin/border margin负值 margin合并 盒模型是视觉格式化模型中的基础单元，是CSS布局模型中必不可少的一部分 CSS盒模型描述了一个为文档树中的元素生成的并根据视觉格式化模型进行布局的矩形框 （引自8 盒模型） 所以，盒模型也是CSS在文档树之上建立的第一层抽象，是CSS布局控制与文档元素直接关联的部分。而外边距合并是直接影响垂直格式化的因素之一，有必要深入理解 一.经典场景 下列例子中，假设UA没有默认样式表，未声明的样式属性都依照规范取其初始值 另外，假设UA都是遵守CSS规范的 1.列表项间的外边距合并

一.What? WebAssembly or wasm is a new portable, size- and load-time-efficient format suitable for compilation to the web. 一种可移植，体积小且加载迅速的（二进制）格式，适用于编译到Web 主要目标是在Web环境支持高性能应用。但设计上不依赖Web特性，也不针对Web特性提供功能，也可以用在其它环境 简单理解，就是定义了一种编译目标格式，能在支持该格式的任何环境获得接近原生的执行性能。相当于允许扩展native模块，在苛求性能的场景，用其它更合适的语言（比如C++）来实现，再提前编译到WebAssembly形式，就能获得媲美native的性能体验 其设计目标分2方面： 快速，安全和可移植的语义 快速：以接近原生代码的性能执行，并利用所有现代硬件通用的功能 安全：代码经过验证并在内存安全的沙盒环境中执行，防止数据损坏或安全违规 定义良好：充分且精确地定义合法程序及其行为，以一种容易推断非正式与正式的方式 独立于硬件：可在所有现代架构，台式机或移动设备以及嵌入式系统上进行编译 独立于语言：不偏向任何特定语言，编程模型或对象模型 独立于平台：可以嵌入到浏览器中，作为stand-alone VM运行，或者集成到其他环境中 开放：程序能够以简单通用的方式与他们的环境交互 高效

苏生不惑第 209 篇原创文章，将本公众号设为 星标 ，第一时间看最新文章。 前几天虾米音乐发布公告2月5号将正式关闭，12年的音乐软件要下架了https://act.xiami.com/wow/z/xiami/xiami/1215 随后网易云音乐发布微博称支持一键迁移 https://weibo.com/1721030997/JBRnWwDU2 简单来说登录虾米APP复制自己的虾米id，打开网易云音乐迁移页面 https://mp.music.163.com/5ff41bc4cf6f270c8cfd8de9/index/index.html?showOpenBrowser=false 一键迁移，我测试了下迁移成功。 随后QQ音乐也发布微博支持迁移 https://y.qq.com/jzt/hdzxrenwu/b28d1d.html 也迁移成功了,如果你还想下载虾米歌曲可以试试这个Python脚本 https://github.com/reorx/xiami_exporter 。 如果想迁移YouTube 到spotify 可以试试这个网站 https://www.tunemymusic.com/ 没有了虾米音乐还有什么好用的音乐软件呢？下面推荐几个（除了网易云音乐和QQ音乐）。 如果你依然喜欢用网易云音乐，又嫌版权少可以用之前分享的工具解锁 一键解锁网易云音乐变灰歌曲 腾讯MOO

项目地址: https://github.com/reorx/xiami_exporter 前言 虾米将在 2 月 5 日正式关闭，作为虾米曾经的用户，不舍属于自己的数据就此丢失，遂开发此工具，通过虾米网页端 API，尽可能将多种格式的数据完整保存下来，并规范数据库和文件系统存储结构，方便日后查询和使用。在此分享给有同样需求的朋友，愿大家都能保留属于自己的一份比特记忆。 可能有人会问，虾米官方不是提供了导出的方法吗，为何还要自己动手实现呢？首先，官方导出的数据非常简陋，以收藏歌曲为例，官方导出每首歌只有 songName , albumName , singers 三个字段，无论是用于溯源还是写入 metadata 都远远不足，只能作为聊胜于无的最后手段；其次，官方不提供歌曲音频文件的下载，对于只存在于虾米的歌曲，往后将非常难以寻找；最后，官方提供的 json 不便于查询和维护，建立一套完整的数据库表结构可以大大增进这方面的便利性，为日后基于这份数据创造其他的应用（如专辑、歌曲展示页面）提供了良好的基础。 功能 Xiami Exporter 目前已实现的功能包括： [x] 导出收藏歌曲为 json [x] 导出收藏艺人为 json [x] 导出收藏专辑为 json [x] 导出播放列表为 json (个人和收藏) [x] 将导出的数据整理至 sqlite 数据库 [x]

1: html < video class = "video-content" id = "video" > 您的浏览器不支持 HTML5 video！ < / video > 2: 创建flv实例并播放 let videoPlayer = document . getElementById ( 'video' ) ; //获取html if ( flvJs . isSupported ( ) ) { //创建flv实例 this . Player = flvJs . createPlayer ( { //MediaDataSource type : 'flv' , hasAudio : false , //是否带音频播放 isLive : true , //<====加个这个 url : 'url' } , { //Config enableWorker : false , enableStashBuffer : false //当带音频播放时,config部分配置项尽量采取默认状态,否则过分优化会造成卡死 } ) ; this . Player . attachMediaElement ( videoPlayer ) ; this . Player . load ( ) ; //加载 this . Player . play ( ) ; //播放 } 3:停止播放 this .

项目中，页面效果需要展示一个页面的移动端效果，使用的是一个苹果手机样式背景图，咋也没用过苹果，咋也不敢形容。 如下图所示： 在谷歌浏览器如图一滚动条顺利隐藏，但是火狐就如图二了，有了滚动条丑的一批。 先上谷歌浏览器解决滚动条代码： CSS代码： <style> .tp_box1{ width: 517px; height: 400px; 　/* auto在那个方向有益处 就在那个方向上有滚动条 */ 　overflow: auto; } .tp_box1::-webkit-scrollbar{ display: none; } .tp_box2{ width: 100%; height: 500px; background: pink; } .tp_box3{ width: 100%; height: 500px; background: red; } .tp_box4{ width: 100%; height: 500px; background: black; } </style> HTML代码： <div class="tp_box1"> 　　<div class="tp_box2"></div> 　　<div class="tp_box3"></div> 　　<div class="tp_box4"></div> </div> 上述代码完美解决图一问题，但是此方法不兼容火狐