使用WildCard虚拟信用卡注册ChatGPT Plus简单易行，注册步骤包括访问官网、开通服务、进行人脸验证和支付。完成后即可轻松订阅ChatGPT Plus，整个过程只需几分钟。

快速搞定ChatGPT Plus开通及续费

从头捋一遍Shopify Remix App开发的流程

基于Shopify Remix的应用搭建开发

让我们从零开始创建一个属于自己NPM包吧

创建一个属于自己的npm包

简易版内部使用的Jenkins搭建流程

Jenkins CI环境搭建

Centos 安装RabbitMQ服务

使用Siege 压力测试，对接口服务进行压力测试，提高服务的健壮性

Siege 压力测试

项目的node-sass依赖包安装不上或者报错，可以使用这两种方式下载

node-sass 安装方式

基于Gitee集成Jenkins发布构建

使用Gitlab，搭建内部使用的私有代码托管仓库，简单轻松易维护

基于 CentOS 7 搭建 GitLab

使用Macbook 在本地安装K8S环境依赖

MAC OS安装k8s依赖

我们经常打交道的后端接口，怎么样书写才更具语义化，为了更好服务于对接方，这里其实是有一定实践和原则

如何设计出优秀的API实践

nps是一款轻量级、高性能、功能强大的内网穿透代理服务器，在我们本地服务测试和联调第三方API服务，有着非常大的帮助。

基于nps搭建内网穿透服务

使用Azure OpenAI 提供的 API 服务使得构建和部署自己的 ChatGPT

如何搭建属于自己ChatGPT

技术文档编写原则

"微前端"（Micro Frontends）是一种架构模式，其核心理念是将一个大型的前端应用分解为一系列较小的、独立的前端应用

微前端实践

“Web Container”可能也指代Web Components中的一个“容器组件”。Web Components是一组用于创建可复用和封装的自定义元素的Web技术集合。

Web Components场景分析

Shopify 发布了一个基于 React 的框架，用于构建由 Shopify 驱动的动态自定义店面，称为 Hydrogen。 Hydrogen 通过使用 Shopify 的基础技术堆栈加速商业开发流程。

从Liquid升级Hydrogen思考

浏览器指纹（Browser Fingerprinting）是一种在线跟踪和识别技术，它通过收集用户的浏览器设置、系统信息、插件、字体等多种因素来生成一个唯一或近似唯一的识别标志

浏览器指纹的应用场景分析

本指南重点介绍使用chat完成 API 进行函数调用，扩展模型获取外部数据的能力

OpenAI Function call实践

围绕前端基础和工具流建设，可以提高团队整体研发效率和开发小伙伴的幸福度

前端基建落地

"元数据"（Metadata）在电子商务和Web开发背景下通常指用于描述网页内容或产品信息的附加数据。在Shopify平台上，元数据通常用于搜索引擎优化（SEO）和提高网站可见性

Shopify 元数据应用实战

shopify theme 可以通过商店后台进行编辑，简单的拖拽点击就能改变主题。为了使其更具有定制性，灵活性，你可以在 theme, section, block 三个级别提供设置。

Shopify 主题入门

Liquid 对象包含在页面上输出动态内容的属性。

Liquid 对象

过滤器是修改数字、字符串、变量和对象输出的简单方法。 它们被放置在一个输出标记{{}}中，并由一个管道字符|表示。可以在一个输出上使用多个过滤器。

Liquid 过滤器

Liquid 语法说明

Liquid是由Shopify创建并使用Ruby编写的模板语言。 它现在作为一个开源项目可以在GitHub上获得，并被许多不同的软件项目和公司使用。

Liquid 入门基础

每个店铺主题都有固定目录，了解对应结构方便我们快速修改和自定义样式处理。

Shopify 模板目录结构入门

自定义shopify section可以页面模板内快速复用相同布局区域和抽象块配置

Liquid Section 开发教程

在shopify可以基于以下整理的原则和经验对页面进行性能优化。

Shopify 主题的性能最佳实践

在Shopify中，通常建议将CSS和JavaScript文件引用放在主题的布局文件中，而不是单独的页面或区块中

Liquid页面引用到静态文件

Shopify的Liquid模板引擎提供了一个名为schema的特殊标签，它允许开发人员定义一些设置，这些设置可以在主题编辑器中动态地更改。

Liquid模板中的 schema标签

我们在使用chrome或者vscode插件往往需要自己自定义翻译平台的秘钥，这篇文章整理了国内翻译平台申请流程，以及免费使用额度

翻译平台API申请流程

全局控制字体设置，避免样式散乱，统一管理项目使用的字体

编码-优雅引用字体

为了提高整体开发效率，需要参考vue/electron等官网等脚手架工具，定制一些符合内部使用的规范。

前端项目规范-工具篇

Vue 风格编写规范

整理开发过程经常遇到场景，以及写好JS守则，让我们写代码就像写诗一样优雅

JS 风格编写规范

良好CSS编写规范，对于团队成员熟悉和上手有着非常好的正向作用

CSS 风格编写规范

设计了一套拥有统一规范的错误码errno，以帮助开发者更好地开发调试及处理错误。

SDK 错误码设计实践

建立一个良好的工程文化无疑是一个大量的工作，但由此产生的工作环境是值得的。

如何打造工程师文化？

初期有idea时，设计产品需要考虑到一些原则，避免在实现过程中踩坑或者半途而废

产品思考原则

Server-Sent Events（SSE，服务器推送事件）是一种基于HTTP的服务器推送技术，可以让服务器实时向客户端推送数据。相比于传统的Ajax轮询和WebSockets，SSE具有轻量级、简单易用、易于实现和兼容性好等优点，适用于一些实时通知、实时数据展示等场景

Server-Sent Events (SSE) 简介

团队对Git提交约束，是减少沟通成本，增进成员CR的基础前提

Git 分支命名与工具链

为什么需要统一响应体格式？因为在项目迭代过程中，我们发现前端对后端错误提示文本的处理代码会非常重复，如果要统一封装，势必需求统一返回体的格式，以便于后续在响应拦截钩子函数可以统一处理掉提示，减少前端代码保持操作和提示的交互统一

错误CODE定义及后端响应体规范

由于历史原因，Window和linux下的文本文件的换行符是不一致的，Window换行时，使用了回车符CR（carriage-return character）和换行符LF（linefeed character），而Mac和Linux系统换行符

解决Vscode Delete `CR`问题

针对线上项目做性能优化，首先需要有确定可量化的评判标准，用来判断优化工作是否有效。

基于PageSpeed评分性能优化实践

实用教程

shopify

开发

工具

文字

产品

Python

单页不会显示在博客列表，会在导航添加一个菜单。

友链

关于

password

icon

date

type

slug

status

title

summary

Table

类型为Notice的文章将被显示为公告，仅 hexo和next支持；仅限一个公告