Vue项目开发过程中，该如何维护全局状态？
什么是状态？在代码的世界里，状态就是指数据，简单的理解：你现在的情绪状态是怎样的? “高兴”,“悲伤”，这就是描述你当前情绪状态的数据。 抽象到一个描述用户的Vue组件，当前登录的用户的头像和昵称，就是这个组件的状态（数据）； 从字面意思理解就是，在系统任意地方都可以调用的数据（类似全局变量的概念）。 全局变量，一般特指系统内任意代码位置都可以调用的变量； JS有很多实现全局变量，或者类似全局变量
- 最新文章
- JS笔记
- CSS笔记
- PHP笔记
- Vue学习
- Docker
- Nginx
- Swoole
- Mysql
- Golang
- Linux笔记
- Redis
记录自己常用的PHPStorm文件代码模板
文件代码模板指的是创建一个新的指定类型文件的时候，默认的代码模板。 对于同一类型的文件，我们往往需要写很多相同的内容（例如针对这个文件的说明注释），这时候就可以把自己常用的一些代码模板修改为默认创建的模板； <?php /* * @author 友人a丶 * @date ${date} * 说明 */ <!DOCTYPE html> <html lang="zh-cn"&g
Ant-Design-Vue 3.x 图标库如何实现自动引入？
Ant-Design-Vue升级到2.x以上的版本之后，自带的图标库就不支持通过给组件传递一个代表指定图标的属性来使用了。 <-- 显示Home图标 --> <a-icon type="home" /> <template> <message-outlined :style="{fontSize: '16px', color: '#08c'}" />
正则断言有哪几种？正则如何实现与或非？
相关文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions/Assertions 零宽度正先行断言。仅当子表达式 X 在 此位置的右侧匹配时才继续匹配。 例如，/w+(?=/d) 与后跟数字的单词匹配，而不与该数字匹配。此构造不会回溯。 零宽度负先行断言。仅当子表达式 X 不在 此位置
Stylelint该如何配置？Stylelint使用以及相关配置说明
官方网站：https://stylelint.io/ stylelin本体：https://www.npmjs.com/package/stylelint stylelint-config-standard 拓展配置：https://www.npmjs.com/package/stylelint-config-standard npm install --save-dev stylelint st
读《你的第一本「初夜」手册：事前准备、临场应对和事后功课》，相关笔记，持续记录
• 女生的阴蒂。它在什么位置？就在女生阴道开口的最上面，在比尿道还要靠上的一个位置，就是这个如豌豆大小的区域，是女生全身跟性相关的末梢神经分布最集中的位置。 • 70% 以上的女生都需要刺激阴蒂才能达到性生活的高潮体验，而不是单纯通过鲁莽的阴道活塞运动。阴蒂是一个很重要、能够提升女生性生活快感的区域，但是这个区域本身也非常娇嫩和敏感，有一些女生甚至自己都没触碰过这个区域。所以男生在刚开始性生活时，
Eslint该如何配置？Eslint使用以及相关配置说明
Eslint在过往接触过的很多开源项目内都有它的身影，习惯一个人写代码了，总觉得它可有可无，但是归根结底，好处还是很多的。 可强制规范团队编码规范，让新旧组员编码习惯得到一致提升 可灵活定制团队编码风格，让预设规则符合新旧组员心理预期 增加项目代码的可维护性和可接入性，让新组员能快速适应项目的架构与需求 保障项目整体质量，可减少无用代码、重复代码、错误代码和漏洞代码的产生几率 中文官网：https
网页元素相交监测：Intersection Observer API
参考文档：https://developer.mozilla.org/zh-CN/docs/Web/API/Intersection_Observer_API Intersection Observer API 提供了一种异步检测目标元素与祖先元素或 viewport 相交情况变化的方法。 过去，要检测一个元素是否可见或者两个元素是否相交并不容易，很多解决办法不可靠或性能很差。然而，随着互联网的发
重新理解：什么是页面生命周期API？
简而言之，在此之前，Web网页在浏览器内可以无限期地保持运行状态。随着大量网页的运行，内存、CPU、电池和网络等关键系统资源可能会被超额使用，然后就会出问题。 虽然 Web一直有和生命周期相关的事件（例如load、unload和visibilitychange），但这些事件只允许开发人员响应用户发起的生命周期状态变化。为了让Web页面能够更加稳定的运行，浏览器需要一种主动回收和重新分配系统资源的方
Vue 2.7 “Naruto”发布，新特性介绍
2.7 是 Vue 2.x 的最终版本。在这个版本之后，Vue 2 进入了 LTS（长期支持），从现在开始持续 18 个月，并且将不再接收新功能。这意味着Vue 2 将在 2023 年底结束生命周期。 官方博客：https://blog.vuejs.org/posts/vue-2-7-naruto.html?continueFlag=24b18743108fc3e584f79dec07a79f02
Vite4新特性介绍，相较于Vite3有哪些新功能？
官方介绍更新日志：https://vitejs.dev/blog/announcing-vite3.html#dev-improvements Github更新日志：https://github.com/vitejs/vite/blob/v4.4.1/packages/vite/CHANGELOG.md Vite 不再支持 Node v12，因为它已经进入了 EOL 阶段。现在你必须使用 Node
Vue后台管理系统开发，相关代码的笔记。
从零开始开发后台管理系统，还是有很多值得记录的地方。构建工具Vite、使用Vue3。 /* * @author 友人a丶 * @date 2022-07-11 * @app Vue应用对象 * */ export default function (app) { /* * 指定要导入的文件目录 * 直接加载用{eager:true},懒加载用glob * */ const modules = im
PHP+Swoole实现web版的SSH客户端
本来是想通过PHP的proc_open和进程进行交互，可是中间的坑太多了，不得不转换一下思路，然后想起来宝塔有网页版SSH客户端，然后研究了一下，嘿嘿，发现能成😁😁😁。 使用了有名的xterm.js，基本可作为生产使用了。（权限记得做好） 测试Demo ：http://cname.teiao.com:5701 Github：https://github.com/friend-nicen/php-w
Git冲突分为哪几种情况？常用解决办法
原文：https://www.it610.com/article/1304846442027847680.htm 当远端有更新，本地库没有有变化，拉取操作远端会覆盖本地库（远端版本高于本地） 当远端修改，本地库也有修改，拉取操作会产生冲突文件（远端版本和本地版本冲突） 当本地库修改，而远端没有变化，拉取不会产生变化（本地版本高于远端版本） 当本地库版本低于远端版本，则无法推送，必须先拉取在操作，否
小型Web项目，团队成员之间应该如何进行协作？
声明：本文不参考、不作为任何行业标准，完全是个人日常工作中的一些思考沉淀。目前没有成体系的知识，只能从各种角度进行探讨；本文所述的内容，大前提是已经有了具体的需求，有了需求之后该怎么做。 团队的主要特点就是分工与协作，每个人都有自己的任务，完成任务的同时需要与其他成员协作。 项目经理把握整个项目的方方面面，可以看做是航行在大海上的一艘船的船长，或许不能方方面面做能事无巨细，但是把握着项目的大方面、
WordPress主题开发，如何修改自带的邮件发送功能？
今天收到两条评论，发现没有收到邮件通知，转念一想自己也没设置过邮件相关的配置，查了一下文档发现wordpress是通过wp_mail函数发送邮件的。 打开wordpress源码文件 ，定位到wp_mail函数： <?php //255行代码如下 global $phpmailer; // (Re)create it, if it's gone missing. if ( ! ( $phpma
WordPress插件开发，从入门到精通。
WordPress主题开发：https://nicen.cn/1244.html WordPress插件开发手册：https://developer.wordpress.org/plugins/ 每次WordPress 网页请求，都会依次执行各种插件的主文件（PluginName.php）, 然后才会执行主题的function.php 文件。执行时注册的各种钩子，将会在指定事件发生时触发执行。 W
收集文件有方便一点的工具吗？文件收集小程序
文件收集是一件很麻烦的事，相信在座的各位很多人都是这样认为的，邮箱收集步骤繁琐，微信收集不好管理，不只这样，还有交错的、没交的、交晚的……好不容易收到手了，发现还得自己整理一遍，总之收集作业、文件，通通都是麻烦事。 但是没法，谁叫咱们接到这个任务了呢！既然要干，咱就得把活干的漂漂亮亮的，干完了还得游刃有余！那到底有什么好办法呢？文件收集小工具来助你一臂之力！ 您可以扫码上方小程序码或者直接点击（如
防XSS的利器，什么是内容安全策略(CSP)？
内容安全策略(CSP)，是一种安全策略，其原理是当浏览器请求某一个网站时，告诉该浏览器申明文件可以执行，什么不可以执行。CSP是专门解决XSS攻击而生的神器。 CSP的引入会使得我们的引入扩展程序更加安全，并且可以由开发者指定可以加载扩展程序的类型，避免恶意的脚本在浏览器中执行，造成信息泄露问题。 CSP是防XSS的利器，可以把其理解为白名单，开发者通过设置CSP的内容，来规定浏览器可以加载的资源
记录Docker使用过程中遇到的难点和问题
Docker 将应用程序与该程序的依赖，打包在一个文件里面。运行这个文件，就会生成一个虚拟容器。程序在这个虚拟容器里运行，就好像在真实的物理机上运行一样。有了 Docker，就不用担心环境问题。 被打包的程序可以是一个操作系统，也可以是Nginx应用，也可以是PHP等任意一种“程序”，打包之后的镜像可以在任意一台安装了Docker的主机上，完美的运行。 多个容器可以和不使用容器的应用一样，相互进行
Docker入门到精通，从安装开始，持续记录
Docker出来很久很久了，显而易见的很多公司、个人都在使用它，但是我一直没有用它.......大概率是我这水平好像用不上😂😂😂。平常Linux就是直接用lnmp安装脚本、window直接装phpstudy，对于PHP来说，也不算很麻烦。难得一个空闲的周末，总得跟随一下时代潮流.....冲........！ 软件开发最大的麻烦事之一，就是环境配置。用户计算机的环境都不相同，你怎么知道自家的软件，能
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，安装
