TIDBITS

关于 iOS Safari 键盘 keyup 事件

对于 Safari 总有一些不同，iOS 提供的内键输入，中文与其他不同的地方是，它无法触发 keyup 事件。

彻底关闭 hiberfil.sys

hiberfil.sys 是休眠所需的文件，如果不需要电脑休眠，可以关闭休眠功能来删除此文件，否则此文件是休眠必须的。

每个 Node.js 开发人员必须掌握的 10 个 JavaScript 概念

以 JavaScript 和 V8 引擎为核心，事件驱动的体系结构以及开箱即用的可扩展性，Node.js 迅速成为创建 Web 应用程序和 SaaS 产品的事实上的标准。诸如 Express，Sails 和 Socket.IO 之类的 Node.js 框架使用户能够快速引导应用程序，并仅关注业务逻辑。

Linux 请不要再开启 tcp_tw_recycle

今天同爱奇艺流量对接，遇到的一个坑，总之 MARK：不要开启 tcp_tw_recycle，尤其是对方在 NAT 网络环境下。

URL 编码参考手册

JavaScript 中使用 encodeURI() 函数，PHP 中使用 rawurlencode() 函数，Go 使用 QueryEscape，Java 中使用 java.net.URLEncoder.encode，.NET 中则是 System.Net.WebUtility.UrlEncode。

ECharts 提示设置 tooltip z-index

ECharts 的 tooltip 默认的 z-index 值非常高，使得它很容易覆盖其他元素。即使你设置了自己的元素 z-index 为一个较大的值，也可能因为 tooltip 的 z-index 更高而被覆盖。

JS 获取字符串左边第一个字符

在 JavaScript 中，可以通过多种方式获取字符串左边第一个字符，以下是几种常见的方法：

JS 何时不要使用箭头功能

JavaScript ES 6 (ES 2015) 中的箭头功能很棒，但请注意并不是所有的情况都适合是用 Arrow Function。

IIS 支持 webp 图片文件格式

在不需要配置 IIS Manager 的情况下，让 IIS 支持 .webp 文件格式，增加如下 web.config 文件，在网站根目录即可。

JS 获取 URL 所有参数

获取 URL 的查询字符串部分，并将其解析为一个 URLSearchParams 对象，该对象可以方便地操作查询参数。

bootstrap-select 下拉框遮挡问题解决

出现这种情况，可能是由于包裹 <div> 的 overflow 属性被设置为 hidden 或 auto，导致下拉框内容被限制在 <div> 内部。以下是一些解决方法：

Java 中 JAR 和 WAR 的区别

JAR（Java Archive）和WAR（Web Application Archive）都是Java EE中用于打包Java应用程序的文件格式，但它们用于不同的目的：

IP 子网掩码对照速记表

子网掩码，是一种用来指明一个 IP 地址的哪些位标识的是主机所在的网络地址以及哪些位标识的是主机地址的位掩码。一个 IP 地址的网络部分被称为网络号或者网络地址，子网掩码根据逻辑与运算，得出的结果是相同的网络号，则说明这两台计算机是处于同一个子网络上的，可以进行直接与具有相同的网络号的设备通讯。

Ubuntu 安装 zsh 及扩展

Zsh 代表 Z Shell，是一个强大且可定制的命令行 Shell。默认它比 Bash 提供了一些功能和增强功能。如果您是 Ubuntu 用户，Zsh 可能是一个很好的选择。如果您正在尝试改善命令行体验。本文将引导您完成在 Ubuntu 系统上安装 Zsh 的过程。使您能够充分利用其功能并提高命令行工作效率。

jQuery AJAX 及 fetch 请求完整示例

jQuery 是一个古老的库，备份下 jQuery 的完整示例，现代 JavaScript 请参阅下方的 Fetch。

number 类型 input 同时响应 blur、keyup 和箭头事件

input 类型是 number 的输入框，现代化的浏览器默认右侧都会带上箭头，可以点击控制数字的加减，可能存在希望监听 input 事件来捕获用户通过上下箭头改变输入值的情况。

Safari 老版本浏览器在 owlCarousel 中 input 输入无效问题

今天意外发现，在 macOS Monterey 及更古老的 10.13.6 的 macOS High Sierra，页面 input 失效无法输入问题。新版 macOS 内核下的 Safari 浏览器，无此问题

Linux 执行命令前执行一个脚本或拦截所有命令

例如每次 ls 前先执行某个功能脚本。

微信小程序 UA

MARK 几个 WeChat 微信小程序的 UA

微信小程序动态设置样式

微信小程序里的样式 wxss ，通过绑定后端动态从 API 接口获取，传入来的变量值的方法

微信小程序web-view组件加载网页，禁止页面下拉显示“网页由xxx.com提供”

小程序页面就会出现：手指滑动页面的时候，没有触发网页内部的滚动，而是出现了整个html页面被下拉，而显示出“网页由xxx.com提供”的字样，尤其 iOS 设备，当拖动页面的时候，整个 WebView 会被拖动。

Nginx CSP 关于 iframe 的一个设置

MARK 一下：通过设置 Content-Security-Policy CSP 头来完成 Nginx 只允许某个域名的嵌入。

html-to-image：将 HTML 网页转化成图片的库

html-to-image => Generates an image from a DOM node using HTML5 canvas and SVG：该项目可以将任意 DOM 节点，转换成 SVG、PNG、JPEG 等多种格式的图像，可直接在 React 和原生 JavaScript 代码中使用。