通用在线加密视频解密方案

4个月前
最近有小伙伴花了大几千买了某视频网课的课程,快到期了还没看过,问我能不能下载到本地 先去 github 逛了一圈,发现有个叫做 CocoCut 的浏览器插件,可以下载视频,对于加密视频,只要能播放就能下载 试用后发现存在几个问题: 无法自动化,对于加密视频需要每次打开网页后点击插件弹出面板上一个叫做「force download」的按钮,跳转到其官网后打开 「Recording m...
Javascript 601 0 1hlsm3u8video

让页面的滚动更流畅

7个月前
我们知道移动端页面的滚动响应对于用户体验来说至关重要,但是触发页面滚动的 touch 事件监听器往往会导致严重的滚动性能问题。Chrome 已经通过允许将 touch 事件监听器设置为 passive(给 addEventListener() 传递 {passive: true} 参数) 并传递 pointer events API 来解决了这个问题。这些新特性对于推动不阻塞页面滚动的新模式具有重...
Javascript 470 0 0passive-event-listeners 翻译

各种改版

8个月前
最近亲眼目睹了自己常上的两个网站大改版,分别是:https://developer.mozilla.org/https://developers.google.com/web 第一个是常用的文档参考工具,真的有点不太适应新的风格,很多网友和我持有一样的看法:MDN’s new UI is ugly第二个是查询资料的时候经常用到,找到了很多 API 的设计理念和来源,很受启发,正打算将整个系列翻...
心路历程 452 0 0改版

监听 CSS position:sticky 的事件

10个月前
在新的 app 开发中或许我们可以不再需要 scroll 事件了。接下来我将演示当 position:sticky 的元素改变状态时如何使用 IntersectionObserver 来触发事件,但是不使用滚动监听事件。下面是例子: 例子 | 源码 sticky-change 事件的介绍 这是一个 CSS position:sticky 缺失的事件,目前并不存在 目前浏览器并...
Javascript 1200 3 0sticky翻译

1 核 2G 服务器安装 gitlab-ce

1年4个月前
3 年前花了 360 元买的 1 核 2G 企鹅云要到期了,上面跑着我的 gitlab, 看了下续费一年的价格达到了惊人的 1135.44 元,为了防止被割韭菜,打算把该服务直接迁到目前用了 7 年多的当前博客部署的某动物园云,配置同样也是 1 核 2G 内存。 看官方安装介绍,1 核 4G 已经是能运行的最低配置,那我原来的机器是怎么运行的呢?查看原来安装版本发现是 gitlab-ce_9....
Javascript 1176 0 0gitlab

adb 不能连接

1年7个月前
执行 adb devices 之后输出: * daemon not running; starting now at tcp:5037* daemon started successfullyList of devices attached 再次执行 adb devices 之后,还是输出: * daemon not running; starting now at tcp:50...
Javascript 543 0 0adb android

跨域 cookie 二三事

1年8个月前
web 开发发展到现在,前端和后端几乎已经完全分离了,不仅部署的环境分离,很多时候域名也是分离的。今天主要讨论一个不同域名下前后端交互所带来的问题。 我们先来看看 cookie 的写入规则: 当浏览器接收到请求返回时,会尝试解析 response header 中的 Set-Cookie 字段,它的构成一般是这样的: Set-Cookie: a=1; domain=xwenliang...
Javascript 1599 1 0samesite third party cookie cors

MongoDB 自带的 _id 会不会重复

2年前
前些天吃晚饭的时候跟曹老师聊起来数据库的东西,顺带吐槽了下他们 MongoDB 用的很山寨,表里的每条数据还得单独存个时间戳字段,因为我们知道 MongoDB 自带的 _id 中是可以解析出秒级时间戳的。 曹老师当场不同意我的看法,认为他们这么做是有一定道理的,因为默认的 _id 是没法用的会重复,所以他们使用雪花算法自定义了 _id, 所以才又单独存了个时间戳字段。 且不说自定义 _id 的时候...
Nodejs 1979 2 0mongodb_id

ESM(ES6 Module) 的前世今生

2年前
翻看很多第三方库的代码,会发现有一些库的 package.json 中有个 module 字段: { "name": "vue", "version": "2.5.17", "main": "dist/vue.runtime.common.js", ...
Javascript 3068 2 0npm package esm module

微信小程序与微信小游戏

2年9个月前
最近在折腾使用 cocos creator 开发运营类小游戏,这确实是一款很棒的游戏开发软件,集成了整套的开发调试工具与跨平台编译支持,目前支持编译到绝大多数平台,甚至最近几年比较火的各种小游戏平台,一些经典游戏如《保卫萝卜》、《开心消消乐》等都是用此工具开发 (微信官方欢乐斗地主小游戏是用 cocos2d-js 开发) ,还是比较靠谱的。 由于我们的需求场景主要在微信平台,所以重点使用了其编译至...
Javascript 1795 0 0微信小程序小游戏

微信封禁链接小结

3年1个月前
大概在今年 6·18 的前几天,我们发现分享至好友和朋友圈的营销活动链接被频繁封禁: 经过大量被封禁链接的规律分析发现,目前微信封禁的是初次访问的 url 中的 path 部分,改变 path 即可临时解封。(如果页面有二次跳转,那么微信封禁的会是跳转前的 url 地址) 但改变 path 成本很高,需要服务端有对应的内容与之响应,通常的手段要么是 nginx 配置虚拟路径,要么是前...
Javascript 2928 8 0微信封禁链接

Nodejs 中的流式下载解压与流式压缩上传

3年1个月前
我们的构建工具中有下载和上传的功能,分别是在创建项目和发布代码到测试环境的时候;最开始为了偷懒都是先 下载/打包 成临时压缩包,然后 解压/上传 这个临时压缩包 后来觉得先写个文件到磁盘,再 解压/上传 这个文件有点傻,因为 解压/上传 完毕还要再删掉它,并且即使捕获了程序异常退出、上传失败、网络不通等等异常还是会因为一些原因删不掉,比如突然断电、程序异常崩溃等 倒是有个猥琐的手段,写到一...
Javascript 4239 1 0streamuploaddownload

BFCache 与 SPA单页面应用前进后退导致白屏

3年2个月前
什么是BFCache back-forward cache, 为浏览器前进/后退时准备的缓存 官方解释提到了 nsIDOMWindow ,那什么是 nsIDOMWindow 呢? 它是 Gecko 内核标准下的一个 interface, 它主要描述了一个承载了 Document Object Model(DOM)的容器,也就是我们常用的 window 根对象。 与之很像的还有一个叫做 ns...
Javascript 3910 4 0BFCacheSPA白屏

buffer 上传中遇到的问题

3年3个月前
很久没有写点东西了,说来惭愧。团队上有很多杂事要处理,尤其现在组里人多了起来,需要想的事情有很多,想要做的也很多,每天会议也很多...真像某位前辈说的,该适当控制下自己写代码的欲望了,但代码写少了会感觉很心慌...总觉得自己要被时代遗弃了... 最近终于抽空把这个需求做了:给有道词典开发一个能一键加入单词本的浏览器插件。 我尝试了好几个官方提供的插件,要么是有 bug 用不了,要么就必须开...
Nodejs 3430 3 0bufferstreamupload

package-lock 和 npm-shrinkwrap

3年7个月前
最近半年都在做一个团队内部的构建工具(以下简称CLI),目的是统一管理构建环境的版本,构建环境出了问题或者需要升级的时候统一解决。 既然是想统一版本,那肯定希望每个人安装到本地的CLI所依赖的node_modules版本都是一致的,我们用的node版本是v8.12.0(npm@6.4.1),正好会自动生成package-lock.json(从npm@5.0.0开始),想当然的以为它的存在会锁定...
Javascript 2428 1 0package-locknpm-shrinkwrapnodejs

开发无感知的webp升级方案

3年8个月前
webp 最早由 Google 收购的 On2 Technologies 于2010年9月底提出,2014年初发布的 Chrome@32 和稍早发布的 Android Browser@4.2 完全支持了 webp 的所有特性,包括有损压缩、无损压缩、动态图等,然而直到现在 Apple 生态还是完全不支持 webp, 包括 iOS Safari 和 pc Safari. 虽然如此,我相信终有一天它会...
Javascript 3200 4 0webp

微信小程序web-view组件的坑

3年9个月前
最近在做一个活动时候,需要将 H5 页面嵌入别人家的小程序中,正常微信环境中我们会通过在分享链接拼接参数的方式,来获取微信用户的分享关系,然而在小程序中分享的地址是小程序自己的 path, 其他用户点击的时候会直接进入小程序的这个 path, 所以 H5 就不能直接获取到用户的分享关系了。 那么怎么实现呢?思路是挺简单的: H5 将需要拼接在分享链接上的参数,通过 wx.miniProg...
Javascript 3998 5 0miniProgramweb-view

页面禁止滚动

4年前
最近做了个图表的东西,图表上有拖拽的交互,在拖拽的时候不小心就会拖动到页面,为了避免这个交互带来的影响,很自然的我们想到了阻止页面滚动常用的伎俩: document.body.addEventListener('touchmove', e => { e.preventDefault(); }, false); 打开页面发现,好像并没有生效,并且报了这么个错误: ...
Javascript 2777 0 0禁止滚动passive

webpack4 抽离公共css产生的问题

4年前
webpack4 对 css 的默认处理是同步引用的 [s]css 合并成一个文件,其他异步引用的分别单独打成独立文件但是在 [s]css 文件中使用 @import 引用的公共模块并不会被抽离出来合并,这导致引用了大量的重复代码,可以看看 sass-loader 其中一个 issue 对此问题的讨论 我们希望同步引用的 [s]css 文件最终打包成两个 css, 一个是通用的 common....
Javascript 3826 0 0

http请求被307到https

4年前
问题复现 先访问 https://a.com, 该网页 JS 会请求 https://api.a.com 接口 再访问 http://a.com, 该网页 JS 会请求 http://api.a.com, 但是查看网络请求发现,http://api.a.com 被强制 307 到了 https://api.a.com 经过排查发现,这是命中了浏览器的 HSTS 策略,即: 一切能...
Javascript 7021 1 0307 http https
加载更多
灌水
  • 邢文亮: 重新放开游客评论...因为基于 github issue 的评论上线那么久也没有任何人来用...23小时前
  • 106.38.115.*: 给亮哥浇浇水1个月前
  • 小郑小郑: test2个月前
  • 106.38.115.*: 围观一波大佬......hhhhhhhh2个月前
  • 223.104.188.*: 哈哈哈哈,打卡下3个月前
  • 106.38.115.*: 围观一波亮哥4个月前
  • 邢文亮: 现在博客已经全部同步到了 github pages, 以后也会同步, 可以订阅它的 RSS: https://xwenliang.github.io/feed.xml7个月前
  • 邢文亮: 最近正好在改版...楼下的需求记下了8个月前
  • 124.79.217.*: 你的博客怎么没有RSS呢?9个月前
  • 邢文亮: \uD83C11个月前
查看所有还可输入70个字
京公网安备 11011202003202号 鲁ICP备 13027548号-1