书架
✨

书架

=一个知识书库=

linux配置-nginx开启目录浏览
204 字1 分钟

linux配置-nginx开启目录浏览

在 Nginx 中启用目录浏览功能，需要使用 `autoindex` 指令。这通常在 `location` 块中完成，以下是一个配置示例： ```bash server { listen 80; server_name example.com; location / { root /var/www/html; autoindex on; # 开启目录浏览 autoindex_exact_size off; # 显示文件大小 autoindex_localtime on; #
技术设计,linux
more...
pointer-events属性
1250 字5 分钟

pointer-events属性

> 之前有一次美团的面试，面试官问我：**如果有两个元素，一个元素覆盖到另一个元素上，如何做到点击上面的元素触发下面的元素？** > 当时的我在工作生涯中其实并没遇到过这种问题，也没有想到为什么会有这种情况的出现，也只是凭着自己的工作经验想出一个可以通过父子元素**冒泡**的做法实现这个做法，面试官虽说这个方法确实可以实现这个需求，我向他询问应该如何实现这个功能的时候，才首次认识了我们在这篇文章中要了解的pointer-events属性。 ## pointer-event是什么？有什么作用？ **pointer-events 属性用于设置元素是否对鼠标事件做出反应。** 默认值
技术设计,前端,css
more...
postcss-px-to-viewport 移动端适配
981 字4 分钟

postcss-px-to-viewport 移动端适配

> 以前做移动端项目的时候都是用rem来做适配，现在基本上都是通过viewport单位来做。 [postcss-px-to-viewport](https://github.com/evrone/postcss-px-to-viewport/blob/HEAD/README_CN.md)就是一个将px单位转换为视口单位的 (vw, vh, vmin, vmax) 的 PostCSS 插件，它可以将你CSS中的px单位转化为vw，1vw等于1/100视口宽度。 <!--more--> # 1.安装 ```bash npm install postcss-px-to-viewp
技术设计,前端,css
more...
提高你的JS技巧
2849 字10 分钟

提高你的JS技巧

JavaScript 中有许多简写技巧可以缩减代码长度、减少冗余并提高代码的可读性和可维护性。以下是 20 个有效提升效率的 JavaScript 简写技巧，帮助你编写更优雅的代码！ <!--more--> ## 移除数组假值 可以使用 `filter()` 结合 `Boolean` 来简化移除数组假值操作。假值指的是在条件判断中被视为 false 的值，例如 `null`、`undefined`、空字符串`（"" 或 ''）`、`0`、`NaN` 和 `false`。 传统写法： ```javascript let arr = [12, null, 0, 'x
技术设计,前端,js
more...
simplebar-vue滚动条，提升性能
1130 字4 分钟

simplebar-vue滚动条，提升性能

### 问题描述 平常工作中，有时候需要对浏览器的滚动条样式做调整，此时解决方案一般有以下几种方式： - 自己通过js手写一个滚动条，不过性能不好，可能会出现奇怪的bug（不推荐） - 使用css的::webkit-scrollbar去修改滚动条样式，不过这样的话只在webkit内核的浏览器上生效，火狐浏览器上不生效（若能说服用户只使用谷歌浏览器，倒是可以试试） - 使用UI组件库中的滚动条组件，比如`elementui`中的`el-scrollbar`组件，不过大家也都知道`el-scrollbar`并没有出现在官方组件文档中，原因是什么呢？大家看一下`el-scroll
技术设计,前端,vue
more...