Knowledge-Base
Knowledge-Base copied to clipboard
Dream4ever
record every requirement and solution here
## 解决过程 先是 Google `js if touchpad`，在 [Detect touchpad vs mouse in Javascript](https://stackoverflow.com/questions/10744645/detect-touchpad-vs-mouse-in-javascript) 这篇文章中提供了好几种判断方法，后面需要挨个测试一下。 同时还用中文进行了搜索：`JS 滚动 区分 鼠标 触摸板`，下面几篇文章都有参考价值，后面可以看看： - [一文讲透鼠标及触控板开发、使用技巧](https://jelly.jd.com/article/62343fdf63274501880d8aa1) - [鼠标滚轮事件&Mac触控板双指事件](https://juejin.cn/post/6844904023598825486) - [js 如何分辨 mac 用户的触控板事件与鼠标滚动事件](https://www.v2ex.com/t/842169)
## 实现过程 ### 关键词列表 - `mysql master slave replication` - `mysql master slave replication step by step windows` - `mysql master-slave replication using docker` ### 有价值文章 - [Configuring MySQL Master/Slave...
# 需求描述 如果是后台管理所需的文件上传功能，就不考虑前端兼容性。但是后端能保证上传功能无问题么？ # 方案调研 ## 前端上传 在 GitHub 中用关键字 `upload` 搜索，并筛选编程语言为 `JavaScript`，按 Star 数排名，第一个是 [pqina/filepond](https://github.com/pqina/filepond)，紧接着的几个，要么已经归档了，要么是专用于 Angular 的，还有一个 Plupload 很多年前用过，但是没有好感。再之后的 [23/resumable.js](https://github.com/23/resumable.js) 看着挺顺眼，可以考察考察。 ## 后端上传 ### Node.js 生态 查看 filepond 这个库的...
关键词： `pdf.js theme`。 相关链接： - [Themes & Skins for pdf.js #3528](https://github.com/mozilla/pdf.js/issues/3528) - [Third party viewer usage](https://github.com/mozilla/pdf.js/wiki/Third-party-viewer-usage) - [PDF.js should be themeable.](https://bugzilla.mozilla.org/show_bug.cgi?id=801407) - https://peerlibrary.org/p/2uX4z4P2nGGwLQTNt/structural-adaptation-via-l_p-norm-oracle-inequalities - [Changing themes & colors using JavaScript](Changing...
## 现象描述 & 问题排查 最近（2022-04-22）在搭建一个前端项目通用的框架，基于 Vue-Cli 搭建，想着做好了各项配置的话，之后就只需要关注于开发方面买的需求了，能省很多心。没想到刚开始使用这个框架就让人不省心了。 在编写一个视频播放组件的时候，发现电脑上是可以正常播放视频的，但自己的 iPhone 11 + iOS 15.3.1 却无法播放。 具体现象如下： 第一次点击视频之后，会加载视频的第一帧（或者前几帧），但是视频并不会继续播放而是停在这里，控制栏的播放按钮则显示为“暂停”图标。再次点击按钮会变成“播放”图标，再点击“播放”图标的时候就会报下图中箭头处的错误。  在群里问了问，iOS 15.4.1 有人能播放有人不能，他俩的微信版本不一样。不能播放的那个，微信和自己一样是 8.0.20，能播放的是 8.0.18。还有一个 iOS 14.2 + 微信 8.0.18 的也是能播放视频的。 但是后来仔细想想，发现这应该是 Safari...
## 资料整理 目前有一些页面需要实现响应式设计（Responsive Design），要在桌面端和移动端分别呈现不同的样式，如果要通过 CSS 来区分，那么就要用到媒体查询（`@media`）这个功能。 [TailwindCSS 将常见的屏幕尺寸分为五类](https://tailwindcss.com/docs/responsive-design)：  Stack Overflow 上则有一篇帖子专门讨论这个知识点：[Media Queries: How to target desktop, tablet, and mobile?](https://stackoverflow.com/questions/6370690/media-queries-how-to-target-desktop-tablet-and-mobile)。 目前在一个业务中，自己只是简单地用屏幕宽度值 `640px` 来区分桌面端和移动端设备，小于等于它的都认为是移动端设备，否则认为是桌面端设备。
## 参考资料 - 关键字：`node.js` + `silent/silently/unattended` + `install` - [How to install Node.js in custom folder silently on Windows?](https://stackoverflow.com/questions/20584263/how-to-install-node-js-in-custom-folder-silently-on-windows) - [Node.js Silent Install (How-To Guide)](https://silentinstallhq.com/node-js-silent-install-how-to-guide/) - [Install node.js on Windows...
# 搜索方向 > 1. 用关键词搜索项目 > 2. 搜索 GitHub topic - test(ing) - tdd - unit-test(ing) - test-tool(s) - test-framework - test-runner # 主流项目 - [facebook/jest](https://github.com/facebook/jest) - [mochajs/mocha](https://github.com/mochajs/mocha) - [avajs/ava](https://github.com/avajs/ava)...
## 资料汇总 搜索关键词：`vue-cli multiple pages application`。 - [multiple pages in Vue.js CLI](https://stackoverflow.com/questions/51692018/multiple-pages-in-vue-js-cli) - [Building a Multi-Page App | Vue-Cli](https://cli.vuejs.org/guide/html-and-static-assets.html#building-a-multi-page-app) - [IndexXuan/vite-plugin-mpa](https://github.com/IndexXuan/vite-plugin-mpa) --- > 以下为旧版方案。 # 需求描述 用 vue-cli 生成多个页面，要放在各个不同的域名下，该如何实现呢？ #...
## 需求描述 在 iOS 微信内网页中，当用户在不同页面之间跳转时，微信会在页面底部“贴心地”放上一个导航栏，并且官方没有提供可以隐藏这个导航栏的 API。 ## 方案调研 Google：`iOS隐藏微信底部导航栏` 参考资料如下： - [解决并隐藏h5页面在新版微信iOS 端出现底部白色导航条](https://blog.csdn.net/qq_35536883/article/details/101445504) - [vue项目中解决ios微信公众号底部导航栏遮挡问题](http://www.qiutianaimeili.com/html/page/2020/06/202065bykn5t4bctf.html) - [ios微信H5页面的底部导航可否隐藏？ | 微信开放社区](https://developers.weixin.qq.com/community/develop/doc/000a4e079240c0afefaaa10ed56800) - [H5页面在IOS微信中跳转时，会出现底部工具栏，遮挡页面底部内容](https://segmentfault.com/a/1190000039826559) 综合以上几篇文章可知，如果用户始终只会看到放在自己服务器上的网页，那么可以通过编程的方式来让用户看不到导航栏。 但是如果会跳转到外部链接，比如微信授权页面，那么就无法保证始终隐藏导航栏，这种情况下，就不要考虑隐藏导航栏了。