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

PHP和JS的条件判断和循环有哪些不同的地方？

在PHP的代码内，空数组等同于false，一直以为同样作为c家族系列的javascript也是这样。 某次程序怎么运行都不对，排查了之后，最后发现js的空数组等于true； 之后思考了一下，js中的数组本质是Array对象，空数组本质就是对象；只要是实例化的对象，那就是true； <?php if(){ echo "true"; }else{ echo "false"; } //最终输出
PHP和JS的条件判断和循环有哪些不同的地方？

不使用构建工具，如何对css进行模块化？

使用构建工具进行开发，最终通过构建工具打包编译出最终的前端代码是现在的大趋势，但是构建工具生产出来的大都是前后端分离的代码。如果对seo有要求，通过构建工具就不符合需求了（不考虑SSR，毕竟它局限于Node）； 在PHP的世界里还是有很多不分离的场景的（例如wordpress）。 对于html可以通过PHP自身的特性去拆分，对于JS 已经有了很多成熟的模块化方案。 那么对于css呢？ 这里的模块化
不使用构建工具，如何对css进行模块化？

Vue项目开发过程中，该如何维护全局状态？

什么是状态？在代码的世界里，状态就是指数据，简单的理解：你现在的情绪状态是怎样的? “高兴”,“悲伤”，这就是描述你当前情绪状态的数据。 抽象到一个描述用户的Vue组件，当前登录的用户的头像和昵称，就是这个组件的状态（数据）； 从字面意思理解就是，在系统任意地方都可以调用的数据（类似全局变量的概念）。 全局变量，一般特指系统内任意代码位置都可以调用的变量； JS有很多实现全局变量，或者类似全局变量
Vue项目开发过程中，该如何维护全局状态？

记录自己常用的PHPStorm文件代码模板

文件代码模板指的是创建一个新的指定类型文件的时候，默认的代码模板。 对于同一类型的文件，我们往往需要写很多相同的内容（例如针对这个文件的说明注释），这时候就可以把自己常用的一些代码模板修改为默认创建的模板； <?php /* * @author 友人a丶 * @date ${date} * 说明 */ <!DOCTYPE html> <html lang="zh-cn"&g
记录自己常用的PHPStorm文件代码模板

正则断言有哪几种？正则如何实现与或非？

相关文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions/Assertions 零宽度正先行断言。仅当子表达式 X 在 此位置的右侧匹配时才继续匹配。 例如，/w+(?=/d) 与后跟数字的单词匹配，而不与该数字匹配。此构造不会回溯。 零宽度负先行断言。仅当子表达式 X 不在 此位置
正则断言有哪几种？正则如何实现与或非？

读《你的第一本「初夜」手册：事前准备、临场应对和事后功课》，相关笔记，持续记录

• 女生的阴蒂。它在什么位置？就在女生阴道开口的最上面，在比尿道还要靠上的一个位置，就是这个如豌豆大小的区域，是女生全身跟性相关的末梢神经分布最集中的位置。 • 70% 以上的女生都需要刺激阴蒂才能达到性生活的高潮体验，而不是单纯通过鲁莽的阴道活塞运动。阴蒂是一个很重要、能够提升女生性生活快感的区域，但是这个区域本身也非常娇嫩和敏感，有一些女生甚至自己都没触碰过这个区域。所以男生在刚开始性生活时，
读《你的第一本「初夜」手册：事前准备、临场应对和事后功课》，相关笔记，持续记录

Eslint该如何配置？Eslint使用以及相关配置说明

Eslint在过往接触过的很多开源项目内都有它的身影，习惯一个人写代码了，总觉得它可有可无，但是归根结底，好处还是很多的。 可强制规范团队编码规范，让新旧组员编码习惯得到一致提升 可灵活定制团队编码风格，让预设规则符合新旧组员心理预期 增加项目代码的可维护性和可接入性，让新组员能快速适应项目的架构与需求 保障项目整体质量，可减少无用代码、重复代码、错误代码和漏洞代码的产生几率 中文官网：https
Eslint该如何配置？Eslint使用以及相关配置说明

网页元素相交监测：Intersection Observer API

参考文档：https://developer.mozilla.org/zh-CN/docs/Web/API/Intersection_Observer_API Intersection Observer API 提供了一种异步检测目标元素与祖先元素或 viewport 相交情况变化的方法。 过去，要检测一个元素是否可见或者两个元素是否相交并不容易，很多解决办法不可靠或性能很差。然而，随着互联网的发
网页元素相交监测：Intersection Observer API

重新理解：什么是页面生命周期API？

简而言之，在此之前，Web网页在浏览器内可以无限期地保持运行状态。随着大量网页的运行，内存、CPU、电池和网络等关键系统资源可能会被超额使用，然后就会出问题。 虽然 Web一直有和生命周期相关的事件（例如load、unload和visibilitychange），但这些事件只允许开发人员响应用户发起的生命周期状态变化。为了让Web页面能够更加稳定的运行，浏览器需要一种主动回收和重新分配系统资源的方
重新理解：什么是页面生命周期API？

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
Vue 2.7 “Naruto”发布，新特性介绍

Vue后台管理系统开发，相关代码的笔记。

从零开始开发后台管理系统，还是有很多值得记录的地方。构建工具Vite、使用Vue3。 /* * @author 友人a丶 * @date 2022-07-11 * @app Vue应用对象 * */ export default function (app) { /* * 指定要导入的文件目录 * 直接加载用{eager:true},懒加载用glob * */ const modules = im
Vue后台管理系统开发，相关代码的笔记。

PHP+Swoole实现web版的SSH客户端

本来是想通过PHP的proc_open和进程进行交互，可是中间的坑太多了，不得不转换一下思路，然后想起来宝塔有网页版SSH客户端，然后研究了一下，嘿嘿，发现能成😁😁😁。 使用了有名的xterm.js，基本可作为生产使用了。（权限记得做好） 测试Demo ：http://cname.teiao.com:5701 Github：https://github.com/friend-nicen/php-w
PHP+Swoole实现web版的SSH客户端

Git冲突分为哪几种情况？常用解决办法

原文：https://www.it610.com/article/1304846442027847680.htm 当远端有更新，本地库没有有变化，拉取操作远端会覆盖本地库（远端版本高于本地） 当远端修改，本地库也有修改，拉取操作会产生冲突文件（远端版本和本地版本冲突） 当本地库修改，而远端没有变化，拉取不会产生变化（本地版本高于远端版本） 当本地库版本低于远端版本，则无法推送，必须先拉取在操作，否
Git冲突分为哪几种情况？常用解决办法

小型Web项目，团队成员之间应该如何进行协作？

声明：本文不参考、不作为任何行业标准，完全是个人日常工作中的一些思考沉淀。目前没有成体系的知识，只能从各种角度进行探讨；本文所述的内容，大前提是已经有了具体的需求，有了需求之后该怎么做。 团队的主要特点就是分工与协作，每个人都有自己的任务，完成任务的同时需要与其他成员协作。 项目经理把握整个项目的方方面面，可以看做是航行在大海上的一艘船的船长，或许不能方方面面做能事无巨细，但是把握着项目的大方面、
小型Web项目，团队成员之间应该如何进行协作？

WordPress主题开发，如何修改自带的邮件发送功能？

今天收到两条评论，发现没有收到邮件通知，转念一想自己也没设置过邮件相关的配置，查了一下文档发现wordpress是通过wp_mail函数发送邮件的。 打开wordpress源码文件 ，定位到wp_mail函数： <?php //255行代码如下 global $phpmailer; // (Re)create it, if it's gone missing. if ( ! ( $phpma
WordPress主题开发，如何修改自带的邮件发送功能？

WordPress插件开发，从入门到精通。

WordPress主题开发：https://nicen.cn/1244.html WordPress插件开发手册：https://developer.wordpress.org/plugins/ 每次WordPress 网页请求，都会依次执行各种插件的主文件（PluginName.php）, 然后才会执行主题的function.php 文件。执行时注册的各种钩子，将会在指定事件发生时触发执行。 W
WordPress插件开发，从入门到精通。

收集文件有方便一点的工具吗？文件收集小程序

文件收集是一件很麻烦的事，相信在座的各位很多人都是这样认为的，邮箱收集步骤繁琐，微信收集不好管理，不只这样，还有交错的、没交的、交晚的……好不容易收到手了，发现还得自己整理一遍，总之收集作业、文件，通通都是麻烦事。 但是没法，谁叫咱们接到这个任务了呢！既然要干，咱就得把活干的漂漂亮亮的，干完了还得游刃有余！那到底有什么好办法呢？文件收集小工具来助你一臂之力！ 您可以扫码上方小程序码或者直接点击（如
收集文件有方便一点的工具吗？文件收集小程序

防XSS的利器，什么是内容安全策略(CSP)？

内容安全策略(CSP)，是一种安全策略，其原理是当浏览器请求某一个网站时，告诉该浏览器申明文件可以执行，什么不可以执行。CSP是专门解决XSS攻击而生的神器。 CSP的引入会使得我们的引入扩展程序更加安全，并且可以由开发者指定可以加载扩展程序的类型，避免恶意的脚本在浏览器中执行，造成信息泄露问题。 CSP是防XSS的利器，可以把其理解为白名单，开发者通过设置CSP的内容，来规定浏览器可以加载的资源
防XSS的利器，什么是内容安全策略(CSP)？

记录Docker使用过程中遇到的难点和问题

Docker 将应用程序与该程序的依赖，打包在一个文件里面。运行这个文件，就会生成一个虚拟容器。程序在这个虚拟容器里运行，就好像在真实的物理机上运行一样。有了 Docker，就不用担心环境问题。 被打包的程序可以是一个操作系统，也可以是Nginx应用，也可以是PHP等任意一种“程序”，打包之后的镜像可以在任意一台安装了Docker的主机上，完美的运行。 多个容器可以和不使用容器的应用一样，相互进行
记录Docker使用过程中遇到的难点和问题

Docker入门到精通，从安装开始，持续记录

Docker出来很久很久了，显而易见的很多公司、个人都在使用它，但是我一直没有用它.......大概率是我这水平好像用不上😂😂😂。平常Linux就是直接用lnmp安装脚本、window直接装phpstudy，对于PHP来说，也不算很麻烦。难得一个空闲的周末，总得跟随一下时代潮流.....冲........！ 软件开发最大的麻烦事之一，就是环境配置。用户计算机的环境都不相同，你怎么知道自家的软件，能
Docker入门到精通，从安装开始，持续记录

Linux service、systemd的作用和用法是什么？

service 命令是Redhat Linux兼容的发行版中用来控制系统服务的实用工具，它以启动、停止、重新启动和关闭系统服务，还可以显示所有系统服务的当前状态。 服务(service)本质就是进程，但是是运行在后台的，通常都会监听某个端口，等待其他程序的请求，比如(mysql，sshd，防火墙等)，因此我们又称为守护进程。 service运行指定服务（称之为System V初始脚本）时，把大部分
Linux service、systemd的作用和用法是什么？

腾讯云轻量云服务器、云服务器如何进行内网互联？

腾讯云新用户买服务器优惠力度很大。于是乎，我注册了两个腾讯云账号，并且在两个账号内都买了服务器（云服务器、轻量云服务器都有）。为了最大化的利用多台服务器的效率，就必须考虑进行内网互联了。 为什么需要内网互联？为了进行负载均衡、为了分离应用服务器和数据库服务器、为了剥离高带宽请求和高计算请求等等。只要是多台服务器协作，不走内网的话就都很亏了。 部署的场景，组合起来，大概就是下面这几种（同一个VPC内
腾讯云轻量云服务器、云服务器如何进行内网互联？

Nginx学习笔记，持续记录

使用过程中发现很多新问题，在这里记录一下； nginx events 模块主要是nginx 和用户交互网络连接优化的配置内容 accept_mutex，这个配置主要可以用来解决常说的"惊群"问题。大致意思是在某一个时刻，客户端发来一个请求连接，Nginx后台是以多进程的工作模式，也就是说有多个worker进程会被同时唤醒，但是最终只会有一个进程可以获取到连接，如果每次唤醒的进程数目太多，就会影响N
Nginx学习笔记，持续记录

Ant Design Vue自定义主题失效解决办法

antd 的样式使用了 Less 作为开发语言，并定义了一系列全局/组件的样式变量，可以根据需求进行相应调整 。 @primary-color: #1890ff; // 全局主色 @link-color: #1890ff; // 链接色 @success-color: #52c41a; // 成功色 @warning-color: #faad14; // 警告色 @error-color: #f5
Ant Design Vue自定义主题失效解决办法

Pinia状态管理器学习笔记，持续记录

足够轻量，Pinia 重约 1kb，甚至会忘记它的存在！ 去除 Mutation ，Actions 支持同步和异步（Actions一个顶俩，写起来简洁）； 无需手动注册 Store，Store 仅需要时才自动注册。如果从不使用，则永远不会“注册”（省心）； 没有模块嵌套，只有 Store 的概念，Store 之间可以自由使用，更好的代码分割； Vue2 和 Vue3 都能支持； 支持大型项目迁移期
Pinia状态管理器学习笔记，持续记录