摘要：随着 Vue3 的正式转正，Pinia 也渐渐火了起来。所以要更新一下自己的知识树了。这里主要是看看新的状态是什么“形态”。 状态的容器还是“reactive” 按照官网教程，做一个简单的例子： import { defineStore } from 'pinia' export const use 阅读全文
nf-Press —— 在线文档也可以加载组件和编写代码
2022-03-21 12:30 by 金色海洋（jyk）, 456 阅读, 1 推荐, 收藏, 编辑
摘要：如果帮助文档可以加载组件，那么在介绍的同时就可以运行演示demo，是不是很酷？ 如果可以在线修改运行代码，那么是不是更容易理解？ 上一篇 https://www.cnblogs.com/jyk/p/15994934.html 介绍了一下基本功能，这里介绍一下关于代码方面的功能。 源码和演示 http 阅读全文
vite2 打包的时候vendor-xxx.js文件过大的解决方法
2022-03-20 10:03 by 金色海洋（jyk）, 3633 阅读, 1 推荐, 收藏, 编辑
摘要：vite2是一个非常好用的工具，只是随着代码的增多，打包的时候 vendor-xxxxxx.js 文件也越来越大，这就郁闷了。 打包时遇到警告 输出文件名字/static/vendor.9b5698e4.js 806.03kb / brotli: skipped (large chunk) Some 阅读全文
基于 vite2 + Vue3 写一个在线帮助文档工具
2022-03-11 18:40 by 金色海洋（jyk）, 1429 阅读, 1 推荐, 收藏, 编辑
摘要：提起帮助文档，想必大家都会想到 VuePress等，我也体验了一下，但是感觉和我的思路不太一样，我希望的是那种可以直接在线编辑文档，然后无需编译就可以直接发布的方式，另外可以在线写（修改）代码并且运行的效果。 VuePress 是“静态网站生成器”，需要我们自行编写文档，然后交给VuePress变成 阅读全文
通过UI库深入了解Vue的插槽的使用技巧
2022-01-17 18:10 by 金色海洋（jyk）, 1077 阅读, 1 推荐, 收藏, 编辑
摘要：Vue官网对于插槽的介绍比较简略，插槽本身也比较“烧脑”，很容易看晕，我就一直没看懂，直到 使用了element-plus的组件的插槽。 其实我们可以换一个角度来理解插槽，就会豁然开朗了。 技术栈 vite vue3 element-plus 从父子组件的传值开始 父子组件传值可以通过 prosp 阅读全文
如何优雅的设置UI库组件的属性？
2022-01-05 16:05 by 金色海洋（jyk）, 710 阅读, 2 推荐, 收藏, 编辑
摘要：UI库提供了很多组件，组件又带有很多属性，有一些常用属性我们可以记住并且手撸，但是有些不常用的属性，或者需要设置多个属性，这样的情况下写起来就麻烦了，有时候还要打开帮助文档看看属性是怎么设定的，需要设置什么样的属性值。 那么有没有优雅的方式来设置组件的各种属性呢？我做了一个在线小工具，可以方便的设置 阅读全文
彻底搞清楚 JavaScript 的原型和原型链
2021-12-02 13:43 by 金色海洋（jyk）, 865 阅读, 1 推荐, 收藏, 编辑
摘要：JavaScript真的挺无语的，怪不得看了那么多的介绍文章还是一头雾水，直到自己终于弄懂了一点点之后才深有体会： 先从整体说起吧，发现没有基础做依据，那都是空中楼阁； 先从基础开始介绍吧，又发现基础是个蛇头咬蛇尾的圆环，无从下手，应该先整体介绍。 于是介绍本身就成了一个死循环。。。 还是尝试着从基 阅读全文
vite的项目，使用 rollup 打包的方法
2021-11-30 11:54 by 金色海洋（jyk）, 6117 阅读, 0 推荐, 收藏, 编辑
摘要：官网资料 构建生产版本——库模式 https://cn.vitejs.dev/guide/build.html#library-mode 详细设置 https://cn.vitejs.dev/config/#build-lib 技术栈 vite rollup 打包方式 vue-cli 自带的是 we 阅读全文
vite2 + vite.config.js 比较坑的环境变量，vite2模式的使用
2021-11-21 19:40 by 金色海洋（jyk）, 3058 阅读, 0 推荐, 收藏, 编辑
摘要：想在vite.config.js 里面判断一下环境，看看是不是开发环境，查了一下官网（https://cn.vitejs.dev/guide/env-and-mode.html），说是 可以使用 import.meta.env.DEV 。 但是在 vite.config.js 里面直接写 impor 阅读全文
整理一下在 npmjs.com 上面发布资源包踩过的坑
2021-10-25 15:41 by 金色海洋（jyk）, 531 阅读, 0 推荐, 收藏, 编辑
摘要：正常流程就不说了，网上有很多，比如写代码、打包、注册、登录、发布等。 邮箱要激活 在 npmjs.com 上面注册账号的时候需要填写邮箱，然后登录网址的时候并没有强制要求你去邮箱激活。 但是到了发布资源包的时候，如果还没有去邮箱激活的话，就会报错。 具体出错信息记不清了，好像有 email 的字样。 阅读全文
告别Vuex，发挥compositionAPI的优势，打造Vue3专用的轻量级状态
2021-10-17 11:10 by 金色海洋（jyk）, 855 阅读, 2 推荐, 收藏, 编辑
摘要：Vuex 的遗憾 Vuex 是基于 Vue2 的 option API 设计的，因为 optionAPI 的一些先天问题，所以导致 Vuex 不得不用各种方式来补救，于是就出现了 getter、mutations、action、module、mapXXX 这些绕圈圈的使用方式。想要使用 Vuex 就 阅读全文
vue3 专用 indexedDB 封装库，基于Promise告别回调地狱
2021-10-14 14:42 by 金色海洋（jyk）, 1324 阅读, 0 推荐, 收藏, 编辑
摘要：IndexedDB 的官网 https://developer.mozilla.org/zh-CN/docs/Web/API/IndexedDB_API 这个大概是官网吧，原始是英文的，现在陆续是出中文版。有空的话还是多看看官网。 简介 IndexedDB 是一种底层 API，用于在客户端存储大量的 阅读全文
vue3 自己做一个轻量级状态管理，带跟踪功能，知道是谁改的，还能定位代码。
2021-08-24 14:25 by 金色海洋（jyk）, 908 阅读, 1 推荐, 收藏, 编辑
摘要：上一篇 https://www.cnblogs.com/jyk/p/14706005.html 介绍了一个自己做的轻量级的状态管理，好多网友说，状态最重要的是跟踪功能，不能跟踪算啥状态管理？ 因为vue3的状态都是 reactive 的形式，也就是 proxy，原本以为有自动跟踪的功能，但是后来发现 阅读全文
vue3，后台管理列表页面各组件之间的状态关系
2021-07-07 13:51 by 金色海洋（jyk）, 1744 阅读, 1 推荐, 收藏, 编辑
摘要：技术栈 vite2 vue 3.0.5 vue-router 4.0.6 vue-data-state 0.1.1 element-plus 1.0.2-beta.39 前情回顾 表单控件 查询控件 轻量级状态管理 前面介绍的表单控件和查询控件，都是原子性的，实现自己的功能即可。 而这里要介绍的是管 阅读全文
基于 element-plus 封装一个依赖 json 动态渲染的查询控件
2021-06-02 16:50 by 金色海洋（jyk）, 1962 阅读, 0 推荐, 收藏, 编辑
摘要：前情回顾 基于 el-form 封装一个依赖 json 动态渲染的表单控件 Vue3 封装第三方组件（一）做一个合格的传声筒 功能 使用 vue3 + element-plus 封装了一个查询控件，专为管理后台量身打造，支持各种查询需求： 多种查询方式 快捷查询 更多查询 自定义查询 支持防抖 清空 阅读全文