摘要:当初使用 jQuery 做了几个简单的项目,算是有一点点了解,现在学习Vue3,发现了一个可以快速转换思维的通道 —— 使用CDN的方式模拟 Vite 建立的项目! CDN方式 jQuery的使用非常方便,用 script 引入 js文件即可,然后找到DOM即可开始操作。 而 Vue3 也支持直接用 阅读全文
简单了解一下pinia的结构
2022-03-25 13:51 by 金色海洋(jyk), 916 阅读, 1 推荐, 收藏, 编辑
摘要:随着 Vue3 的正式转正,Pinia 也渐渐火了起来。所以要更新一下自己的知识树了。这里主要是看看新的状态是什么“形态”。 状态的容器还是“reactive” 按照官网教程,做一个简单的例子: import { defineStore } from 'pinia' export const use 阅读全文
nf-Press —— 在线文档也可以加载组件和编写代码
2022-03-21 12:30 by 金色海洋(jyk), 471 阅读, 1 推荐, 收藏, 编辑
摘要:如果帮助文档可以加载组件,那么在介绍的同时就可以运行演示demo,是不是很酷? 如果可以在线修改运行代码,那么是不是更容易理解? 上一篇 https://www.cnblogs.com/jyk/p/15994934.html 介绍了一下基本功能,这里介绍一下关于代码方面的功能。 源码和演示 http 阅读全文
vite2 打包的时候vendor-xxx.js文件过大的解决方法
2022-03-20 10:03 by 金色海洋(jyk), 3797 阅读, 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), 1463 阅读, 1 推荐, 收藏, 编辑
摘要:提起帮助文档,想必大家都会想到 VuePress等,我也体验了一下,但是感觉和我的思路不太一样,我希望的是那种可以直接在线编辑文档,然后无需编译就可以直接发布的方式,另外可以在线写(修改)代码并且运行的效果。 VuePress 是“静态网站生成器”,需要我们自行编写文档,然后交给VuePress变成 阅读全文
通过UI库深入了解Vue的插槽的使用技巧
2022-01-17 18:10 by 金色海洋(jyk), 1111 阅读, 1 推荐, 收藏, 编辑
摘要:Vue官网对于插槽的介绍比较简略,插槽本身也比较“烧脑”,很容易看晕,我就一直没看懂,直到 使用了element-plus的组件的插槽。 其实我们可以换一个角度来理解插槽,就会豁然开朗了。 技术栈 vite vue3 element-plus 从父子组件的传值开始 父子组件传值可以通过 prosp 阅读全文
如何优雅的设置UI库组件的属性?
2022-01-05 16:05 by 金色海洋(jyk), 721 阅读, 2 推荐, 收藏, 编辑
摘要:UI库提供了很多组件,组件又带有很多属性,有一些常用属性我们可以记住并且手撸,但是有些不常用的属性,或者需要设置多个属性,这样的情况下写起来就麻烦了,有时候还要打开帮助文档看看属性是怎么设定的,需要设置什么样的属性值。 那么有没有优雅的方式来设置组件的各种属性呢?我做了一个在线小工具,可以方便的设置 阅读全文
彻底搞清楚 JavaScript 的原型和原型链
2021-12-02 13:43 by 金色海洋(jyk), 879 阅读, 1 推荐, 收藏, 编辑
摘要:JavaScript真的挺无语的,怪不得看了那么多的介绍文章还是一头雾水,直到自己终于弄懂了一点点之后才深有体会: 先从整体说起吧,发现没有基础做依据,那都是空中楼阁; 先从基础开始介绍吧,又发现基础是个蛇头咬蛇尾的圆环,无从下手,应该先整体介绍。 于是介绍本身就成了一个死循环。。。 还是尝试着从基 阅读全文
vite的项目,使用 rollup 打包的方法
2021-11-30 11:54 by 金色海洋(jyk), 6493 阅读, 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), 3127 阅读, 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), 551 阅读, 0 推荐, 收藏, 编辑
摘要:正常流程就不说了,网上有很多,比如写代码、打包、注册、登录、发布等。 邮箱要激活 在 npmjs.com 上面注册账号的时候需要填写邮箱,然后登录网址的时候并没有强制要求你去邮箱激活。 但是到了发布资源包的时候,如果还没有去邮箱激活的话,就会报错。 具体出错信息记不清了,好像有 email 的字样。 阅读全文
告别Vuex,发挥compositionAPI的优势,打造Vue3专用的轻量级状态
2021-10-17 11:10 by 金色海洋(jyk), 871 阅读, 2 推荐, 收藏, 编辑
摘要:Vuex 的遗憾 Vuex 是基于 Vue2 的 option API 设计的,因为 optionAPI 的一些先天问题,所以导致 Vuex 不得不用各种方式来补救,于是就出现了 getter、mutations、action、module、mapXXX 这些绕圈圈的使用方式。想要使用 Vuex 就 阅读全文
vue3 专用 indexedDB 封装库,基于Promise告别回调地狱
2021-10-14 14:42 by 金色海洋(jyk), 1426 阅读, 0 推荐, 收藏, 编辑
摘要:IndexedDB 的官网 https://developer.mozilla.org/zh-CN/docs/Web/API/IndexedDB_API 这个大概是官网吧,原始是英文的,现在陆续是出中文版。有空的话还是多看看官网。 简介 IndexedDB 是一种底层 API,用于在客户端存储大量的 阅读全文
vue3 自己做一个轻量级状态管理,带跟踪功能,知道是谁改的,还能定位代码。
2021-08-24 14:25 by 金色海洋(jyk), 921 阅读, 1 推荐, 收藏, 编辑
摘要:上一篇 https://www.cnblogs.com/jyk/p/14706005.html 介绍了一个自己做的轻量级的状态管理,好多网友说,状态最重要的是跟踪功能,不能跟踪算啥状态管理? 因为vue3的状态都是 reactive 的形式,也就是 proxy,原本以为有自动跟踪的功能,但是后来发现 阅读全文
vue3,后台管理列表页面各组件之间的状态关系
2021-07-07 13:51 by 金色海洋(jyk), 1763 阅读, 1 推荐, 收藏, 编辑
摘要:技术栈 vite2 vue 3.0.5 vue-router 4.0.6 vue-data-state 0.1.1 element-plus 1.0.2-beta.39 前情回顾 表单控件 查询控件 轻量级状态管理 前面介绍的表单控件和查询控件,都是原子性的,实现自己的功能即可。 而这里要介绍的是管 阅读全文