• 最新文章
  • JS笔记
  • CSS笔记
  • PHP笔记
  • Vue学习
  • Docker
  • Nginx
  • Swoole
  • Mysql
  • Golang
  • Linux笔记
  • Redis

PostCss学习笔记，持续记录

CSS 的隔离主要有两类方案，一类是运行时的通过命名区分，一类是编译时的自动转换 CSS，添加上模块唯一标识。 运行时的方案最典型的就是 BEM，它是通过 .block__element–modifier 这种命名规范来实现的样式隔离，不同的组件有不同的 blockName，只要按照这个规范来写 CSS，是能保证样式不冲突的。 但是这种方案毕竟不是强制的，还是有样式冲突的隐患。 编译时的方案有两种
PostCss学习笔记，持续记录

Vite该如何使用？Vite学习笔记，持续记录

配置文档：https://cn.vitejs.dev/config/，基于ESM； 插件大全：https://github.com/vitejs/awesome-vite 通过插件支持低版本浏览器：https://github.com/vitejs/vite/tree/main/packages/plugin-legacy Vite使用scss预处理器：npm install sass -D，安装
Vite该如何使用？Vite学习笔记，持续记录

Vue组件设计学习笔记，持续记录

组件化思想并不是前端独有的，但却是前端技术的延伸 任何软件开发过程，或多或少都有那么一些组件化的需求。 每个组件对应一个目录，组件所需的各种资源都在这个目录下就近维护；（最具软件工程价值） 页面上的每个独立的可视/可交互区域视为一个组件； 由于组件具有独立性，可以自由组合； 页面是组件的容器，负责组合组件形成功能完整的界面； 当不需要某个组件，或者想要替换组件时，可以整个目录删除/替换 分子是由原
Vue组件设计学习笔记，持续记录

Xpath学习笔记，持续记录

很早之前就想研究研究，一直没有合适的时间，今天刚好没啥事，乘机瞧一瞧xpath的“庐山真面目”。 XPath全称XML路径语言（XML Path Language），它是一种用来确定XML文档中某部分位置的语言。XPath基于XML的树状结构，提供在数据结构树中找寻节点的能力。起初XPath的提出的初衷是将其作为一个通用的、介于XPointer与XSL间的语法模型。但是XPath很快地被开发者采用
Xpath学习笔记，持续记录

Linux创建逻辑卷，合并多块数据盘。

逻辑卷管理的技术可理解为，将单个或多个物理磁盘分区（PV物理卷）组成逻辑卷组（VG），再把卷组分成多个逻辑卷（LV），主要特点是，在不影响原来数据情况下可简易的扩充磁盘的大小（缩小硬盘空间可能会导至数据丢失）。 就是真正的物理硬盘或分区。 将多个物理卷合起来就组成了卷组，组成同一个卷组的物理卷可以是同一个硬盘的不同分区，也可以是不同硬盘上的不同分区。我们可以把卷组想象为一个逻辑硬盘。 卷组是一个逻
Linux创建逻辑卷，合并多块数据盘。

Vue-Cli该如何使用？Vue-Cli学习笔记，持续记录

修改.Env环境变量文件之后，需要重新运行server才会生效。环境变量通过process.ENV访问。可以在项目根目录中放置下列文件来指定环境变量： .env # 在所有的环境中被载入 .local # 在所有的环境中被载入，但会被 git 忽略 .env. # 只在指定的模式中被载入 .env..local # 只在指定的模式中被载入，但会被 git 忽略 以 VUE_
Vue-Cli该如何使用？Vue-Cli学习笔记，持续记录

使用PHPStorm自带的Git版本控制，出现Git.exe占用内存过高

今天发现使用PHPstorm自带的Git操作，Git会占用很高的内存，而禁用之后，使用终端操作，Git基本不占内存... 这应该是一直存在的问题，以前没有发现，虽然启用了自带的Git版本控制功能，但实际上一直用的命令行... 进入PHPStorm，一切正常；此时Git版本控制已启用，点击上方菜单，VSC-更新项目 然后就变成了，这样： 然后把PHPstorm自带的Git插件禁用了，再打开PHPst
使用PHPStorm自带的Git版本控制，出现Git.exe占用内存过高

WordPress免费主题：Document，让阅读变得更加方便

😁作为一个程序员，在日常的工作、生活、学习的过程中基本都有很多需要做笔记的地方；做笔记的主要目的之一是为了“温故而知新”，另一个则是为了在下一次遇到的时候，不需要再次耗费精力去找解决方法； 回顾自己之前写的那个主题，不管是写还是查都不怎么方便，最终下定决心重写一个主题；以 “方便记、方便查、简约”作为设计核心； Github：https://github.com/friend-nicen/them
WordPress免费主题：Document，让阅读变得更加方便

如何解决改了php.ini中的open_basedir之后仍然报open_basedir restriction错误的问题？

今天PHP突然报open_basedir restriction错误，改了php.ini还是报错，于是百度查了查，总结如下： 原来LNMP1.2的防跨目录由原来在php.ini中设置 移至网站根目录下的 .user.ini 进行控制。所以要修改open_basedir的目录，得修改网站根目录下的 .user.ini .user.ini文件无法直接修改 如要修改，需要先执行：chattr -i /网
如何解决改了php.ini中的open_basedir之后仍然报open_basedir restriction错误的问题？

PHP编译参数configure配置详解，以及php.ini说明

人，有了物质才能生存；人，有了理想才谈得上生活。 因为现在都是宝塔、lnmp这些自动进行配置的，这个知识点平常很少需要用到，但了解一下，确实能让一些问题豁然开朗。 ./configure -h 在源代码目录中，该命令可以查看所有编译参数以及对应的英文解释 --prefix=/opt/php //指定 php 安装目录 --with-apxs2=/usr/local/apache/bin/apxs
PHP编译参数configure配置详解，以及php.ini说明

PHP解析Xml：SimpleXML类学习笔记

SimpleXML 是 PHP 5 中的新特性。SimpleXML 扩展提供了一种获取 XML 元素的名称和文本的简单方式。与 DOM 或 Expat 解析器相比，SimpleXML 仅仅用几行代码就可以从 XML 元素中读取文本数据。SimpleXML 可把 XML 文档（或 XML 字符串）转换为对像； 元素被转换为 SimpleXMLElement 对象的单一属性。当同一级别上存在多个元素时
PHP解析Xml：SimpleXML类学习笔记

mysql锁机制学习笔记，持续记录

Mysql中锁的分类按照不同类型的划分可以分成不同的锁，按照「锁的粒度」划分可以分成：表锁、页锁、行锁；按照思想的划分：「乐观锁」和「悲观锁」。 行级锁定最大的特点就是锁定对象的粒度很小，也是目前各大数据库管理软件所实现的锁定颗粒度最小的。由于锁定颗粒度很小，所以发生锁定资源争用的概率也最小，能够给予应用程序尽可能大的并发处理能力而提高一些需要高并发应用系统的整体性能。 mysql中使用行级锁定的
mysql锁机制学习笔记，持续记录

SVG学习笔记，持续记录。

SVG是一种用XML定义的语言，用来描述二维矢量及矢量/栅格图形。SVG提供了3种类型的图形对象：矢量图形（vectorgraphicshape，例如：由直线和曲线组成的路径）、图像()、文本(text)。图形对象还可进行分组、添加样式、变换、组合等操作，特征集包括嵌套变换（）、剪切路径（）、alpha蒙板（）、滤镜效果（）、模板对象（）和其它扩展（）。 SVG 是使用 XML 来描述二维图形和绘
SVG学习笔记，持续记录。

JS实用函数收集，持续记录

function getBase64(file) { return new Promise((resolve, reject) => { const reader = new FileReader(); reader.readAsDataURL(file); reader.onload = () => resolve(reader.result); reader.onerror = e
JS实用函数收集，持续记录

Node.js 初入门？持续记录

教程：https://www.runoob.com/nodejs/nodejs-tutorial.html 事件循环：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/EventLoop 版本列表：https://nodejs.org/dist/，下载并解压： xz -d node-v17.2.0-linux-x64.tar.xz ta
Node.js 初入门？持续记录

日常总结、灵感记录、学习要点。持续记录

学海无涯，再好的记性也比不过烂笔头，记录一下学习日常、灵感、要点。 NLP大全：https://github.com/fighting41love/funNLP Hono.js：https://hono.dev/docs 短链生成策略：https://pro.leanote.com/p/5f706e3d7dc3f97345b9f98f 柔造：https://rouzao.com/home 弱小和无
日常总结、灵感记录、学习要点。持续记录

HTML DOM的各种宽高、偏移位置的属性总结

兼容性：All； 指的是元素的可视部分宽度和高度，即padding+content，如果没有滚动条，即为元素设定的高度和宽度，如果出现滚动条，滚动条会遮盖元素的宽高，那么该属性就是其本来宽高减去滚动条的宽高，包含内边距，但不包括水平滚动条、边框和外边距。 测量包含元素的边框(border)、水平线上的内边距(padding)、竖直方向滚动条(scrollbar)（如果存在的话）、以及CSS设置的宽
HTML DOM的各种宽高、偏移位置的属性总结

Ant Design Vue使用记录，持续记录

好些问题，每次解决了，下次遇到了又要重新翻文档，干脆就自己记录一下。 Form.create(options) | this.$form.createForm(this, options) ，通过JFX方式去定义一个Form组件的各种属性。经 Form.create() 包装过的组件会自带 this.form 属性，如果使用 template 语法，可以使用 this.$form.createFo
Ant Design Vue使用记录，持续记录

JS定时器清除之后，已经开始但是没有运行完的函数还会继续运行吗？

最近使用定时器的时候遇到这样一种情况，定时器清除了，功能仍然在跑（遍历数组，同步定时网络请求）。 排查了一下代码，发现逻辑确实没问题。后来一想，是不是函数没运行完，仍然在跑，于是上代码测试了一下： let timer = setInterval(async () => { console.log("开始") await new Promise((resolve) => { setTim
JS定时器清除之后，已经开始但是没有运行完的函数还会继续运行吗？

PHP安装、使用Redis，学习笔记。

Redis相关知识：https://www.runoob.com/redis/redis-tutorial.html Github：https://github.com/phpredis/phpredis#close Redis支持五种数据类型：string（字符串），hash（哈希），list（列表），set（集合）及zset(sorted set：有序集合)。 string 是 redis 最
PHP安装、使用Redis，学习笔记。

前端Mockjs学习笔记，持续记录

相比于自己写一个模拟数据返回的后端接口，好像还是这个来的更加方便。 让前端攻城师独立于后端进行开发。不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。 基于对window的xhr对象的二次封装，增加了用于拦截的逻辑。 npm install mockjs Mock.setup({ timeout: 400 }) M
前端Mockjs学习笔记，持续记录

PHP Swoole学习笔记，持续记录

PHPStorm Swoole代码提示：https://plugins.jetbrains.com/plugin/13040-swoole-ide-helper/versions PHP swoole代码提示，类型包：https://github.com/swoole/ide-helper 匿名函数（Anonymous functions），也叫闭包函数（closures），允许 临时创建一个没有
PHP Swoole学习笔记，持续记录

前端自适应方案总结，前端最佳自适应方案

我们看到的每个屏幕都是由一颗颗我们肉眼难以看到的小颗粒（物理像素）组成的。 是计算机坐标系统中的一个点，这个点代表一个可以由程序使用的虚拟像素(比如说CSS像素)。一个CSS像素对应多少个设备像素是根据当前的缩放比例 12px对应36px，缩放0.5，12px对应18px。扩大2.0,12px对应72px。 它的数值体现了物理像素和逻辑像素之间的关系，用公式可以计算出该设备的DPR的大小： DPR
前端自适应方案总结，前端最佳自适应方案

Uniapp、Html5plus、Native.js开发记录

获取应用主Activity实例对象，什么是Activity (活动)？ Android的四大组件之一的Activity(活动)：Activity是一个应用程序的组件，他在屏幕上提供了一个区域，允许用户在上面做一些交互性的操作， 比如打电话，照相，发送邮件，或者显示一个地图！Activity可以理解成一个绘制用户界面的窗口， 而这个窗口可以填满整个屏幕，也可能比屏幕小或者浮动在其他窗口的上方！ 作用
Uniapp、Html5plus、Native.js开发记录

WebRTC开发经验总结，持续记录

volume 音量约束 sampleRate: 采样率 sampleSize: 采样大小，采样的位数 echoCancellation: 回音消除 autoGaincontrol： 增加音量 noiseSuppression: 降噪 latency ： 延迟大小 channelCount: 切换声道 deviceID: 多个音频输入输出设备的进行切换 groupId: 同一个物理设备，是一个分组，
WebRTC开发经验总结，持续记录

开车有哪些技巧和需要注意的地方？持续记录

记录一下常见的开车场景，以及操作技巧 车身距离障碍物1m以上，后视镜和障碍物对齐时打满方向盘即可 车身距离障碍物0.5m以上，车窗中间和障碍物对齐时打满方向盘即可 车身距离障碍物贴近后视镜时，车身B柱和障碍物对齐时打满方向盘即可 侧方位出库：看到前车后保险杠上沿时，方向盘打满可安全出库 P挡：P挡是汽车变速箱中的一个挡位，全称为“Parking Gear”（停车挡），它的作用是将车辆固定在停车状态
开车有哪些技巧和需要注意的地方？持续记录