最近开了一家线上的鲜花店，我媳妇在美团上传了 1800 多件商品，大概耗时一周，我给他准备迁移到抖音小店，但是抖音后台居然没有批量上传，我发现最重要的几个字段是商品图片，名称，价格，所以：

1. 从美团获取商品列表，使用程序将所有的商品，图片，名称，价格等字段提取出来，生成 json 文件。
2. 将 josn 文件中的 url,filename,price,按照 filename-price 的格式，根据 url 下载下来。

从美团后台页面，抓取 json 文件

阅读更多

微信小程序端的 table 组件，支持列、合并行、列、横向滚动条的功能。

阅读更多

在前端开发中，网页截图是个常用功能。从前，html2canvas 是大家的常客，但随着网页越来越复杂，它的性能问题也逐渐暴露，速度慢、占资源，用户体验不尽如人意。

好在，现在有了 SnapDOM，一款性能超棒、还原度超高的截图新秀，能完美替代 html2canvas，让截图不再是麻烦事。

阅读更多

随着人工智能技术的快速发展，各行各业都在寻求智能化升级，以提升生产效率、降低成本、提高产品质量。然而，智能化升级并非一蹴而就，需要企业具备一定的技术实力和资源投入。华为推出本白皮书旨在分析当前行业智能化的发展现状，探讨如何加速行业智能化，为企业在智能化升级过程中提供参考。

下载 PDF

安装

用你喜欢的包管理器安装 pinia：

1
2
3

yarn add pinia
# 或者使用 npm
npm install pinia

如果你的应用使用的 Vue 版本低于 2.7，你还需要安装组合式 API 包：@vue/composition-api。

创建一个 pinia 实例

阅读更多

你以为的你已经很了解了，每次读官方文档，都会发现有不一样的感悟，让你眼前一亮的感觉。

vue3

Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。

提供了 选项式 API 和 组合式 API 两种编程模型

阅读更多

微信小程序中，rpx 本身是自适应屏幕宽度的单位（750rpx = 屏幕宽度），但顶部高度（尤其是包含状态栏、导航栏的 “安全区域 + 导航栏高度”）在安卓和 iOS 上出现误差，核心原因是：两端的系统原生组件高度（状态栏、胶囊按钮）存在差异，且 rpx 无法自动适配 “高度维度” 的系统差异——rpx 只关联屏幕宽度，不关联高度，而安卓 /iOS 的状态栏高度、导航栏默认高度本身就不同，直接硬写 rpx 值必然出现偏差。
解决思路：放弃硬写固定 rpx，通过小程序原生 API 获取系统原生组件的真实像素高度，再转化为 rpx 或直接用像素单位适配，确保两端高度完全匹配系统原生布局。

阅读更多

做为 NVM/N 的忠实用户，无意中在网上看到了更方便的管理 node 版本的工具 volta。本来觉得没啥东西，无非就是 nvm 的仿品或者替代品而已，既然我已经可以随意切换我的 node 了，为什么还要换个工具去管理我的开发环境，没甚意思。但是当我细细探究之时才发现，这个东西将来必然会取代 nvm 的地位，成为包管理的主流，设想一个场景， 在维护一个旧的项目，比如用node@12.3.0可以跑的项目，使用node@16.0.0就跑不起来，会报错。但这时手上还有其他的新项目，例如使用的是 node@18，突然需要把公司这个旧项目跑起来(node@12.3.0)，当前电脑所在环境为 node@18，这时启动旧项目，突然显示报错，唉，原来忘了切换 node 环境，手动切换 nvm use xxxxxx 后，才把项目起起来，这时又需要启动新项目的环境，噢噢，尴尬，起不起来了，这时我们就可以使用 volta
volta 和 nvm 都是跨平台支持的，这里我介绍下 volta 在 mac 和 win 上的安装方法。

node与npm对应关系

volta

volta 安装

1、mac 安装 nvm 和 volta 都很简单，这里直接使用官方的安装方法。

1

curl https://get.volta.sh | bash

阅读更多

找了很多写过的文章，也具体试验过都写的不太完整，这款编辑器借用Vue提供的语法糖实现了数据的双向绑定，不用你自己去getContent或setContent。

对比其他的富文本编辑器，Ueditor的功能相对来说是最强的，对于在Vue中集成Ueditor想必还是有这个需求的。

下面具体说下如何在Vue中集成Ueditor以及在后端如何进行配置提供上传功能。

阅读更多

css

单行显示省略号

1
2
3

text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;

阅读更多