基础代码
将{your-pixel-id-goes-here}
替换为实际的pixelID,将以下代码放在网页的<head></head>
1 | <!-- Facebook Pixel Code --> |
如果有其他事件上报,例如ViewContent
,在基础代码的fbq('track', 'PageView');
行后添加该事件上报:
1 | fbq('track', 'PageView'); |
将{your-pixel-id-goes-here}
替换为实际的pixelID,将以下代码放在网页的<head></head>
1 | <!-- Facebook Pixel Code --> |
如果有其他事件上报,例如ViewContent
,在基础代码的fbq('track', 'PageView');
行后添加该事件上报:
1 | fbq('track', 'PageView'); |
记录一个批量重命名文件bat代码。该脚本主要功能是遍历当前目录中的所有文件,并将符合特定模式的文件名进行重命名,将类似 ASMR Rainbow Jelly-720 X 1280-2024-07-04-930d17d3fe662399f0ca12104d604fa5
重命名为 ASMR Rainbow Jelly-720 X 1280
,舍弃-2024-07-04-930d17d3fe662399f0ca12104d604fa5
日期和bash部分。
1 | @echo off |
1 | @echo off |
服务器配置:
i-7xvatqiyl3pikzz7pz2t运行中(2核(vCPU) 2GiB) AliyunLinux
在本地电脑使用以下命令查看并公钥内容:
1 | cat ~/.ssh/id_rsa.pub |
执行以下1或2完成添加公钥操作。
1.打开ECS后台远程链接,编辑 authorized_keys 文件:
1 | 编辑 authorized_keys 文件。 |
按Esc建输入:wq
保存退出。
附:如果你第一次使用没有正常关闭,执行一下操作
1 | # 尝试使用 ps 命令查看正在运行的 Vim 进程 |
找到相关的 Vim 进程,并使用 kill 命令终止它们。
1 | kill -9 <process_id> |
2.登录ECS管理控制台。在左侧导航栏,网络与安全 > 密钥对 > 添加复制出来的公钥内容 命名为test
在左侧导航栏,选择实例与镜像 > 实例。
在操作列中,找到购买的ESC实例…> 实例属性 > 绑定密钥对,选择test, 确定重启。
在Node.js中,fs
模块提供了对文件系统的访问功能,我们可以利用它来实现配置文件的读取和写入操作。正好用到,就记录一下。
确保你的项目目录已经安装了做了npm
或pnpm
或yarn
等node相关初始化,存在node_modules
文件夹,这样就可以使用fs
:
1 | const fs = require('fs'); |
接下来就是定义路径,我是用到年月来定义路径,并放在当前路径的storeConfigs
下:
1 | const path = require('path'); |
在构建应用程序时,部署API是一个关键的步骤。API部署允许其他应用程序或用户与您的服务进行交互,并访问所需的功能和数据。本文将介绍一个示例,展示如何使用Node.js和Express框架来部署一个简单的API。
1 | sudo apt update |
1 | sudo apt install npm |
在服务器想要存放API脚本的目录下,创建API脚本(这里我用的是server.js),其中{ TemplateName, site }
为请求API传递的json参数:
1 | const express = require('express'); |
当您使用多个Node.js版本和多个包管理器时,管理和切换它们可能会变得复杂。为了解决这个问题,开发者社区提供了一些工具来帮助我们轻松地管理Node.js版本和包管理器。两个常用的工具是NVM(Node Version Manager)和NRM(NPM Registry Manager)。本文将介绍它们的使用方法和主要功能。
操作系统:Windows
NVM是一个用于管理Node.js版本的工具。它允许开发者在同一台机器上同时安装和切换不同的Node.js版本。无论是在开发环境中测试不同版本的应用程序,还是在维护多个项目时,NVM都能提供便利。
在终端中执行以下命令下载安装nvm-windows
1 | https://github.com/coreybutler/nvm-windows |
在进行JSON序列化时,有时候会出现符号变化的问题,例如双引号或单引号被转义或丢失的情况。情况是这样的,我在作配置生成器过程中用到了默认配置, 属性用做内容填充对象。
1 | # 默认配置 |
期间我创建了原配置对象的深层副本,输出内容后,反引号变成了双引号,
1 | const templateConfig = JSON.parse(JSON.stringify(configsData[templateName])); |
于是在做填充内容时,双引号里面的内容要是包含双引号或单引号,放到编译器编译器就会报错。
在Web开发中,图片懒加载可以延迟加载页面上的图片,以提高页面加载性能和用户体验。用户在页面加载时不立即加载所有图片,而是等到图片即将进入用户视野时再进行加载。通过延迟加载图片,可以减少初始加载的资源数量,提高页面的加载速度,特别适用于包含大量图片的网页。
思路:我们定义一个名为runLazyLoad的函数,它通过监听滚动事件实现了图片的懒加载功能。当页面滚动时,函数会计算滚动距离,并根据一定规则加载新的图片。
函数内部的loadLazyLoadedImages函数用于实际加载图片。它首先获取所有带有data-src属性的图片元素,然后逐个加载这些图片,直到达到指定的加载数量。从而达到懒加载效果。
1 | let previousLoadCount = 0; |
Math.floor(scrollDistance / 300) * 9 + 9;
: 每滚动300的距离就加载9张图片进来。