pinia
发表于|更新于
|浏览量:
天时不如地利，地利不如人和——孟子
分享一个Vuex的同类型vue状态管理框架：Pinia
中文文档：https://pinia.web3doc.top/
它的Demo：https://stackblitz.com/github/piniajs/example-vue-3-vite?file=README.md
相比于Vuex:https://pinia.web3doc.top/introduction.html#%E4%B8%8E-vuex-%E7%9A%84%E6%AF%94%E8%BE%83
Pinia 提供了一个更简单的 API，具有更少的规范，提供了 Composition-API 风格的 API，最重要的是，在与 TypeScript 一起使用时具有可靠的类型推断支持。
相关推荐
2022-04-23
drag事件
生活最沉重的负担不是工作，而是无聊。——罗曼·罗兰 首先是MDN：https://developer.mozilla.org/zh-CN/docs/Web/API/HTML_Drag_and_Drop_API 然后是代码： 123456789101112131415161718192021222324252627282930313233343536373839404142<!DOCTYPE html><html> <head> <style> .drop-container{ width: 200px; height: 200px; border: 1px solid red; background: #eee; } .drag-ball{ w...
2024-10-08
深入理解 JavaScript 异步
美丽的姿态胜过美丽的脸孔，美丽的行为胜过美丽的姿态。——爱默生 学习js异步可以看这个 https://github.com/wangfupeng1988/js-async-tutorial 2014年秋季写完了《深入理解javascript原型和闭包系列》，已经帮助过很多人走出了 js 原型、作用域、闭包的困惑，至今仍能经常受到好评的留言。 很早之前我就总结了JS三座大山这个概念（虽然没有到处宣扬），前两座（原型、作用域）已经基本讲明白，而第三座（异步）也应该做一个总结。 于是，2017年初春，我花费大约一周的业余时间来对 JS 异步做一个完整的总结，和各位同学共勉共进步！ 目录part1 基础部分 什么是异步 异步和 event-loop 事件绑定算不算异步？ part2 jQuery的解决方案 jQuery-1.5 之后的 ajax jQuery deferred jQuery promise part3 ES6-Promise Promise 加入 ES6 标准 Promise 在 ES6 中的具体应用 对标一下 Promise/A+ 规范 Pro...
2025-06-30
meter标签
文变染乎世情，兴废系乎时序。一一刘勰 HTML <meter> 标签详解：数据范围与可视化的理想选择在现代 Web 开发中，可视化数据变得越来越重要。无论是展示进度、评分、性能指标还是任何有明确上下限的度量值，HTML5 提供的 <meter> 标签都能让开发者轻松实现直观、语义化的展示。本文将详细介绍 <meter> 标签的用法、属性、应用场景，以及与 <progress> 标签的区别。 一、什么是 <meter> 标签？<meter> 是 HTML5 新增的标签，用于表示标量测量值（即有范围的度量值），如磁盘用量、投票结果、健康值、评分等。它能为用户提供一目了然的数值状态，并具备良好的可访问性和语义性。 官方文档：MDN - <meter> 元素 二、基本语法与用法最简单的用法如下： 1<meter value="0.7">70%</meter> 效果：显示一个表示 70% 的可视化条。 浏览器默认会根据 <meter>...
2021-06-02
关于wx.getUserInfo获取到匿名数据的坑
生命的黎明是乐园，青春才是真正的天堂。——华兹华斯 今天搞了很久，发现使用wx.getUserInfo获取到的用户昵称一直是：“微信用户”，并且头像也是默认的。。。 然后官方文档里发现 https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserInfo.html 打开后是这个页面 然后我们看wx.getUserProfile的文档： wx.getUserProfile只能在页面产生点击事件（例如 button 上 bindtap 的回调中）后才可调用每次请求都会弹出授权窗口，用户同意后返回 userInfo。该接口用于替换 wx.getUserInfo，详见 用户信息接口调整说明。 注意desc是必填 我们配置好appid后 调用wx.getUserProfile 代码如下 12345678910111213141516171819202122232425262728<template> <view style="width:1...
2025-02-04
yjs
她说好想我。这在我局狭的一片草地上，可是一大把阳光，心底暖洋洋的。——送花的人走了 https://github.com/yjs/yjs https://github.com/yjs/yjs 在构建实时协作应用时，我发现了一个非常强大的开源库——Yjs。它是一个高效、模块化的 CRDT（Conflict-free Replicated Data Type） 实现，专注于实现实时协作功能。Yjs 能够同步不同客户端的共享数据状态，即使在网络断开或冲突的情况下，所有更改都可以无缝合并，类似于 Google Docs 这样的多人协作体验。 什么是 Yjs？Yjs 是一个基于 JavaScript 的实时协作引擎，支持在多个客户端之间共享数据同步。它通过 CRDT 技术来处理并发更新和冲突，使得用户在离线或网络不稳定的情况下依然可以正常操作，待网络恢复后自动完成数据同步。 Yjs 具有极高的性能优化和扩展性，可以集成到各种应用场景中，例如实时文本编辑器、协作画板、表单、项目管理工具等。 Yjs 的核心功能 实时协作支持多用户同时编辑共享数据。无论是文档、列表、地图还是自定义数据结...
2025-08-20
papermark
常制不可以待变化,一涂不可以应万方,刻船不以索遗剑。一一东晋·葛洪《抱朴子》 https://github.com/mfts/papermark Papermark：开源 DocSend 替代方案，智能文档分享新体验在数字化办公和远程协作日益普及的今天，文档安全分享与跟踪成为企业和个人不可或缺的需求。你是否曾因为发送合同、方案、报告时无法精准掌控访问和分析而苦恼？你是否希望拥有一款既能自定义品牌，又能实时统计文档访问的数据房间工具？如果你的答案是肯定的，那么你一定要试试 Papermark —— 一个正在快速崛起的开源 DocSend 替代项目！ 一、项目简介Papermark 是一款完全开源的文档分享与跟踪平台，被誉为“开源版 DocSend”。它支持个性化品牌、定制域名、内置访问分析，并允许开发者和企业自部署、自定义，保障数据安全和可控性。 项目主页：https://papermark.com GitHub地址：https://github.com/mfts/papermark 项目定位：开源、安全、可自托管、可扩展的数据房间/文档分享平台 最新 Star 数...