Docker入门到精通，从安装开始，持续记录
Docker出来很久很久了，显而易见的很多公司、个人都在使用它，但是我一直没有用它.......大概率是我这水平好像用不上😂😂😂。平常Linux就是直接用lnmp安装脚本、window直接装phpstudy，对于PHP来说，也不算很麻烦。难得一个空闲的周末，总得跟随一下时代潮流.....冲........！ 软件开发最大的麻烦事之一，就是环境配置。用户计算机的环境都不相同，你怎么知道自家的软件，能
- 最新文章
- JS笔记
- CSS笔记
- PHP笔记
- Vue学习
- Docker
- Nginx
- Swoole
- Mysql
- Golang
- Linux笔记
- Redis
Linux service、systemd的作用和用法是什么？
service 命令是Redhat Linux兼容的发行版中用来控制系统服务的实用工具，它以启动、停止、重新启动和关闭系统服务，还可以显示所有系统服务的当前状态。 服务(service)本质就是进程，但是是运行在后台的，通常都会监听某个端口，等待其他程序的请求，比如(mysql，sshd，防火墙等)，因此我们又称为守护进程。 service运行指定服务（称之为System V初始脚本）时，把大部分
腾讯云轻量云服务器、云服务器如何进行内网互联？
腾讯云新用户买服务器优惠力度很大。于是乎，我注册了两个腾讯云账号，并且在两个账号内都买了服务器（云服务器、轻量云服务器都有）。为了最大化的利用多台服务器的效率，就必须考虑进行内网互联了。 为什么需要内网互联？为了进行负载均衡、为了分离应用服务器和数据库服务器、为了剥离高带宽请求和高计算请求等等。只要是多台服务器协作，不走内网的话就都很亏了。 部署的场景，组合起来，大概就是下面这几种（同一个VPC内
Nginx学习笔记，持续记录
使用过程中发现很多新问题，在这里记录一下； nginx events 模块主要是nginx 和用户交互网络连接优化的配置内容 accept_mutex，这个配置主要可以用来解决常说的\"惊群\"问题。大致意思是在某一个时刻，客户端发来一个请求连接，Nginx后台是以多进程的工作模式，也就是说有多个worker进程会被同时唤醒，但是最终只会有一个进程可以获取到连接，如果每次唤醒的进程数目太多，就会影响N
Ant Design Vue自定义主题失效解决办法
antd 的样式使用了 Less 作为开发语言，并定义了一系列全局/组件的样式变量，可以根据需求进行相应调整 。 @primary-color: #1890ff; // 全局主色 @link-color: #1890ff; // 链接色 @success-color: #52c41a; // 成功色 @warning-color: #faad14; // 警告色 @error-color: #f5
Pinia状态管理器学习笔记，持续记录
足够轻量，Pinia 重约 1kb，甚至会忘记它的存在！ 去除 Mutation ，Actions 支持同步和异步（Actions一个顶俩，写起来简洁）； 无需手动注册 Store，Store 仅需要时才自动注册。如果从不使用，则永远不会“注册”（省心）； 没有模块嵌套，只有 Store 的概念，Store 之间可以自由使用，更好的代码分割； Vue2 和 Vue3 都能支持； 支持大型项目迁移期
Vue2.x中使用composition API，平滑过渡Vue3
Vuejs官方出品：https://github.com/vuejs/composition-api/blob/HEAD/README.zh-CN.md 基于组合式API的一组实用函数：https://vueuse.org/guide/ npm install @vue/composition-api -D import Vue from \'vue\' import VueCompositionAP
PostCss学习笔记，持续记录
CSS 的隔离主要有两类方案，一类是运行时的通过命名区分，一类是编译时的自动转换 CSS，添加上模块唯一标识。 运行时的方案最典型的就是 BEM，它是通过 .block__element–modifier 这种命名规范来实现的样式隔离，不同的组件有不同的 blockName，只要按照这个规范来写 CSS，是能保证样式不冲突的。 但是这种方案毕竟不是强制的，还是有样式冲突的隐患。 编译时的方案有两种
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，安装
Vue组件设计学习笔记，持续记录
组件化思想并不是前端独有的，但却是前端技术的延伸 任何软件开发过程，或多或少都有那么一些组件化的需求。 每个组件对应一个目录，组件所需的各种资源都在这个目录下就近维护；（最具软件工程价值） 页面上的每个独立的可视/可交互区域视为一个组件； 由于组件具有独立性，可以自由组合； 页面是组件的容器，负责组合组件形成功能完整的界面； 当不需要某个组件，或者想要替换组件时，可以整个目录删除/替换 分子是由原
Xpath学习笔记，持续记录
很早之前就想研究研究，一直没有合适的时间，今天刚好没啥事，乘机瞧一瞧xpath的“庐山真面目”。 XPath全称XML路径语言（XML Path Language），它是一种用来确定XML文档中某部分位置的语言。XPath基于XML的树状结构，提供在数据结构树中找寻节点的能力。起初XPath的提出的初衷是将其作为一个通用的、介于XPointer与XSL间的语法模型。但是XPath很快地被开发者采用
Linux创建逻辑卷，合并多块数据盘。
逻辑卷管理的技术可理解为，将单个或多个物理磁盘分区（PV物理卷）组成逻辑卷组（VG），再把卷组分成多个逻辑卷（LV），主要特点是，在不影响原来数据情况下可简易的扩充磁盘的大小（缩小硬盘空间可能会导至数据丢失）。 就是真正的物理硬盘或分区。 将多个物理卷合起来就组成了卷组，组成同一个卷组的物理卷可以是同一个硬盘的不同分区，也可以是不同硬盘上的不同分区。我们可以把卷组想象为一个逻辑硬盘。 卷组是一个逻
Vue-Cli该如何使用？Vue-Cli学习笔记，持续记录
修改.Env环境变量文件之后，需要重新运行server才会生效。环境变量通过process.ENV访问。可以在项目根目录中放置下列文件来指定环境变量： .env # 在所有的环境中被载入 .local # 在所有的环境中被载入，但会被 git 忽略 .env. # 只在指定的模式中被载入 .env..local # 只在指定的模式中被载入，但会被 git 忽略 以 VUE_
使用PHPStorm自带的Git版本控制，出现Git.exe占用内存过高
今天发现使用PHPstorm自带的Git操作，Git会占用很高的内存，而禁用之后，使用终端操作，Git基本不占内存... 这应该是一直存在的问题，以前没有发现，虽然启用了自带的Git版本控制功能，但实际上一直用的命令行... 进入PHPStorm，一切正常；此时Git版本控制已启用，点击上方菜单，VSC-更新项目 然后就变成了，这样： 然后把PHPstorm自带的Git插件禁用了，再打开PHPst
WordPress免费主题：Document，让阅读变得更加方便
😁作为一个程序员，在日常的工作、生活、学习的过程中基本都有很多需要做笔记的地方；做笔记的主要目的之一是为了“温故而知新”，另一个则是为了在下一次遇到的时候，不需要再次耗费精力去找解决方法； 回顾自己之前写的那个主题，不管是写还是查都不怎么方便，最终下定决心重写一个主题；以 “方便记、方便查、简约”作为设计核心； Github：https://github.com/friend-nicen/them
如何解决改了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编译参数configure配置详解，以及php.ini说明
人，有了物质才能生存；人，有了理想才谈得上生活。 因为现在都是宝塔、lnmp这些自动进行配置的，这个知识点平常很少需要用到，但了解一下，确实能让一些问题豁然开朗。 ./configure -h 在源代码目录中，该命令可以查看所有编译参数以及对应的英文解释 --prefix=/opt/php //指定 php 安装目录 --with-apxs2=/usr/local/apache/bin/apxs
PHP解析Xml：SimpleXML类学习笔记
SimpleXML 是 PHP 5 中的新特性。SimpleXML 扩展提供了一种获取 XML 元素的名称和文本的简单方式。与 DOM 或 Expat 解析器相比，SimpleXML 仅仅用几行代码就可以从 XML 元素中读取文本数据。SimpleXML 可把 XML 文档（或 XML 字符串）转换为对像； 元素被转换为 SimpleXMLElement 对象的单一属性。当同一级别上存在多个元素时
mysql锁机制学习笔记，持续记录
Mysql中锁的分类按照不同类型的划分可以分成不同的锁，按照「锁的粒度」划分可以分成：表锁、页锁、行锁；按照思想的划分：「乐观锁」和「悲观锁」。 行级锁定最大的特点就是锁定对象的粒度很小，也是目前各大数据库管理软件所实现的锁定颗粒度最小的。由于锁定颗粒度很小，所以发生锁定资源争用的概率也最小，能够给予应用程序尽可能大的并发处理能力而提高一些需要高并发应用系统的整体性能。 mysql中使用行级锁定的
SVG学习笔记，持续记录。
SVG是一种用XML定义的语言，用来描述二维矢量及矢量/栅格图形。SVG提供了3种类型的图形对象：矢量图形（vectorgraphicshape，例如：由直线和曲线组成的路径）、图像()、文本(text)。图形对象还可进行分组、添加样式、变换、组合等操作，特征集包括嵌套变换（）、剪切路径（）、alpha蒙板（）、滤镜效果（）、模板对象（）和其它扩展（）。 SVG 是使用 XML 来描述二维图形和绘
JS实用函数收集，持续记录
function getBase64(file) { return new Promise((resolve, reject) => { const reader = new FileReader(); reader.readAsDataURL(file); reader.onload = () => resolve(reader.result); reader.onerror = e
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
日常总结、灵感记录、学习要点。持续记录
学海无涯，再好的记性也比不过烂笔头，记录一下学习日常、灵感、要点。 螺丝椒和线椒、珍珠苦瓜和油苦瓜 willReadFrequently为 true 会禁用 GPU 加速，导致画布变得卡顿 福无双至，祸不单行 信号量（Semaphore）是一种同步机制，用于控制对共享资源的访问。 创建联合索引需要遵循 \"最左前缀原则\" 和 \"等值在前，排序在后\" 的优化策略。 不走联合索引时，可以看下索引的命中顺
HTML DOM的各种宽高、偏移位置的属性总结
兼容性：All； 指的是元素的可视部分宽度和高度，即padding+content，如果没有滚动条，即为元素设定的高度和宽度，如果出现滚动条，滚动条会遮盖元素的宽高，那么该属性就是其本来宽高减去滚动条的宽高，包含内边距，但不包括水平滚动条、边框和外边距。 测量包含元素的边框(border)、水平线上的内边距(padding)、竖直方向滚动条(scrollbar)（如果存在的话）、以及CSS设置的宽
Ant Design Vue使用记录，持续记录
好些问题，每次解决了，下次遇到了又要重新翻文档，干脆就自己记录一下。 Form.create(options) | this.$form.createForm(this, options) ，通过JFX方式去定义一个Form组件的各种属性。经 Form.create() 包装过的组件会自带 this.form 属性，如果使用 template 语法，可以使用 this.$form.createFo
SortableJS / vue.draggable.next 使用笔记，持续记录
东西确实是好东西，奈何一开始文档没捋清，费了一番时间好好琢磨了一下。 Github：https://github.com/SortableJS/vue.draggable.next，完整代码如下： <draggable v-model=\"myArray\" group=\"people\" @start=\"drag=true\" @end=\"drag=false\" :move=\"move\" hand
JS定时器清除之后，已经开始但是没有运行完的函数还会继续运行吗？
最近使用定时器的时候遇到这样一种情况，定时器清除了，功能仍然在跑（遍历数组，同步定时网络请求）。 排查了一下代码，发现逻辑确实没问题。后来一想，是不是函数没运行完，仍然在跑，于是上代码测试了一下： let timer = setInterval(async () => { console.log(\"开始\") await new Promise((resolve) => { setTim
Vue-Router多级路由时，父组件重复加载的问题。
代码中使用了两层路由，并且每层路由都使用了keep-alive，App.vue内初始代码如下： <router-view v-slot=\"{Component}\"> <keep-alive> <component :is=\"Component\" :key=\"$route.name\"/> </keep-alive> </router-view&g
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 最