logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

电商前端如何同时做好 SEO 和首屏速度:边缘人虫分离 + 分层 SSR 实践

适用场景:商品列表、商品详情、活动页需要被搜索引擎收录,同时又要保证真实用户打开够快。技术栈示例:CDN 边缘函数 + Nginx + Node SSR(Vue / Nuxt 一类同构框架均可套用)。

#前端
电商首页加速方案详解:预渲染 + CDN、ISR、CSR 与边缘 SSR 全对比

电商商城首页往往是整站 QPS 最高、转化最敏感的入口之一。首页慢,不只是「体验差」,还会直接拉高跳出率、拖累 SEO 抓取与广告落地页效果。预渲染静态 HTML + 对象存储 + CDNCDN / Edge 直接缓存 HTMLISR(增量静态再生,Next.js / Nuxt)纯 CSR + API / 数据缓存边缘 SSR(Edge Function)这些方案是不是「全都靠 CDN 缓存」?

从零到落地:用 Vue3 + Vite 打造 Manifest V3 浏览器插件(电商采买助手实战)

浏览器插件(Browser Extension)是「网页」与「本地业务系统」之间最自然的桥梁之一。尤其在电商采买、选品、比价、数据采集这类场景里,业务同学每天都在第三方平台页面上操作:看商品、翻页、勾选、对比、再手工录入到内部 ERP。流程重复、易错、效率低。如果能把「识别商品 → 判断是否已存在 → 批量采集 → 同款比价 → 关键词选品」嵌进页面本身,就能把人工链路压缩成几次点击。就地增强:不

Vue3 + Vite 实现「保存到桌面」:PWA 可安装实践与踩坑总结

很多电商、内容类 H5 希望用户点一下「保存到桌面」,手机主屏幕多出一个图标,再打开时像 App 一样(没有浏览器地址栏)。这其实是PWA(Progressive Web App)可安装能力依赖依赖依赖HTTPSAndroid Chrome 等可用调起系统安装框iOS / 多数国产浏览器不能程序化一键安装,只能引导用户手动操作本文结合 Vue3 + Vite(含 SSR、CDN base)场景,整

Vue 3 SSR 电商项目 SEO 实战:从动态 Head 到多语言与结构化数据

在 Vue 3 SSR 电商项目中,SEO 更接近一项系统工程,而不是给页面补几个 meta 标签。SSR 输出可抓取正文和 Head;统一、可覆盖的 SEO 数据模型;canonical 与参数 URL 策略;多语言 hreflang 和互返校验;精确到页面类型的 robots 控制;与真实商品数据一致的 JSON-LD;面向用户搜索意图的正文、标题、FAQ 和内部链接;robots.txt、s

#vue.js#前端#javascript
电商结算页 CSP 实战:如何在不搞崩支付 SDK 的前提下加固安全

在电商项目中,全站启用严格的 Content-Security-Policy(CSP)往往代价很高:营销脚本、客服组件、A/B 测试 SDK 遍布各页面,一刀切很容易引发生产事故。但结算页不同——它处理支付信息,安全要求更高,PCI 审计也更关注第三方脚本。只在结算页下发 CSP,同时剥离 GTM 等非必要追踪脚本,支付 SDK 通过白名单放行。这样既满足安全合规,又不影响其他页面的正常运营。层级

#安全
NaiveUI表格中,rowSpan 的使用

【代码】NaiveUI表格中,rowSpan 的使用。

#前端#javascript#服务器 +3
Android 真机 无线调试 adb 报 failed to connect to 192.168.51.9:34323 失败

再次输入连接命令,基本就会连接成功。可以正常对已连接的真机进行调试操作。使用 图片中的IP地址和端口。执行下面命令重置一下相关进程。

文章图片
#android#adb#androidx
Flutter Android 引入自定义原生组件新老方式

1、我们开发好一个原生Android组件UpdatePlugin.java2、老的MainActivity.ktclass MainActivity: FlutterActivity() {override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)Gene...

#flutter
钉钉 机器人消息脚本

1、钉钉管理员开启机器人2、钉钉管理员设置消息关键词例如“发布”3、设置脚本如下文件名 dingding.shTOKEN="xxxxxd65xxxxxxxxxxdabxx7a54c0xxxxxxxxxx"curl 'https://oapi.dingtalk.com/robot/send?access_token='${TOKEN}'' \-H 'Content-Type: a...

#jenkins
到底了