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

Vue渲染函数该如何使用？有哪些需要注意的地方？

Vue的模板语法适用于绝大部分的需求场景（模板最终会被编译为渲染函数），在绝大多数情况下，Vue 推荐使用模板语法来创建应用。然而在某些使用场景下，我们真的需要用到 JavaScript 完全的编程能力，举例如下： 假设设计一个开源的后台管理系统，侧边栏菜单需要根据路由自动生成菜单，由于系统可能会被用于不同的功能需求。所以路由的层级、数量都是不确定的。 如果通过模板语法来写，假设路由最多只有三层，
Vue渲染函数该如何使用？有哪些需要注意的地方？

PHP如何使用Composer来自动加载项目文件？

Composer是PHP的依赖管理工具。它允许您声明您的项目所依赖的库, 并且它将为您管理 (安装/更新) 它们。它以每个项目为基础管理它们, 并将它们安装在项目内的目录 (如 vendor) 中. 默认情况下, 它不会在全局范围内安装任何内容。因此, 它是一个依赖关系管理器。 下载composer.phar文件，即可在任意操作系统上通过PHP运行软件包工具，更新时可直接重新下载文件； https
PHP如何使用Composer来自动加载项目文件？

如何快速地将WordPress文章内所有外部图片转换为本地链接？

nicen-localize-image（Wordpress后台搜索安装插件），是一款用于本地化文章外部图片的插件，支持如下功能： 文章发布前通过编辑器插件本地化 文章手动发布时自动本地化 文章定时发布时自动本地化 针对已发布的文章批量本地化。 Github：https://github.com/friend-nicen/nicen-localize-image Gitee：https://git
如何快速地将WordPress文章内所有外部图片转换为本地链接？

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？