加载中
vite + vue3 + jsx + ts 配置一个小项目

原文链接: vite + vue3 + jsx + ts 配置一个小项目 配置参考, 我用的不多, 只需要jsx相关即可 https://github.com/lduoduo/vue3-project-dodo https://segmentfault.com/a/1190000023267394...

vue3 ref 语法糖

原文链接: vue3 ref 语法糖 https://github.com/vuejs/rfcs/pull/222 如果在setup中使用了await , 则自动转换为异步组件 用于简化setup <script setup> import { computed, reactive, watch...

2020/11/08 22:12
424
vue3 跨tab页拖拽同步

原文链接: vue3 跨tab页拖拽同步 vue3绑定属性时不能使用解构, 不然会使得响应式数据失效 在sw中存一个当前最新状态, 然后每次进入时都去取一次, sender发送的时候也保存一下, 这样能够实现退...

2020/10/26 23:29
14
to the moon中的小游戏

原文链接: to the moon中的小游戏 通过反转一行, 一列或者对角线, 将整个图案显示出来的小游戏 体验网址 https://tool.ahaoboy.com/#/to-the-moon 感觉这种类似魔方的游戏, 最终的解法都会回...

2020/10/07 13:44
37
vue3 teleport 类似 Portal 转移dom和组件

原文链接: vue3 teleport 类似 Portal 转移dom和组件 https://juejin.im/post/6868260498417123335 和react 的portal一样, 将组件挂载到指定的位置 传入的字符串为作为选择器, 所以尽量使用比...

2020/09/13 20:11
484
vue3 watch 函数节流 制作自己的二维码生成器

原文链接: vue3 watch 函数节流 制作自己的二维码生成器 将输入框里面的字符串实时的转成二维码 在input内容改变的时候生成二维码, 但是可以看到每次都会触发这个生成操作 用lodash的节流函数...

2020/08/02 11:09
466
vue3 reactive 对比 react useState 以及 ramda 和 lodash 的取舍问题

原文链接: vue3 reactive 对比 react useState 以及 ramda 和 lodash 的取舍问题 vue3 的 reactive 和 react的useState有着根本上的不同 const { ref, reactive, watch } = require("vue");...

2020/07/25 12:24
810
vue3 hook 小球拖拽

原文链接: vue3 hook 小球拖拽 先用react试了下, 搞了几个小时都没做出来想要的样子, 用vue3半个小时弄好了 react很多时候你觉得这么做没问题, 但是当你写了代码就会出问题, vue很多时候很符...

2020/07/24 21:32
727
vuepress 插件 markdown 拓展

原文链接: vuepress 插件 markdown 拓展 https://github.com/markdown-it/markdown-it-container 插件开发时需要更新md文件, 否则可能因为缓存问题导致看不到新的效果 在md文件中通过使用标记...

vite 提交PR 支持CJS引入 [已经被拒了]

原文链接: vite 提交PR 支持CJS引入 [已经被拒了] 看这个样子应该是已经支持了, 可能我fork的版本不对或者使用姿势不对吧 fork 后 clone 新建分支并切换 git branch vite-feat-importCJS git...

2020/06/21 16:05
277
vue3 v-for 和 ref 同时使用的问题

原文链接: vue3 v-for 和 ref 同时使用的问题 https://composition-api.vuejs.org/api.html#ref 使用v-for 循环时, 使用ref总会获取到的是最后的元素, 必须使用函数, 手动赋值, 不能用push,...

2020/06/21 11:27
1.6K
vue3 FLIP 动画实现

原文链接: vue3 FLIP 动画实现 参考 https://segmentfault.com/a/1190000022887954 https://developer.mozilla.org/en-US/docs/Web/API/Element/animate 代码 https://github.com/ahaoboy/f...

2020/06/21 11:11
275
vite 尝试和入门

原文链接: vite 尝试和入门 Vite 原理浅析 https://github.com/vitejs/vite 前端新工具--vite从入门到实战(一) vite —— 一种新的、更快地 web 开发工具 原理 前端打包工具是将树形代码打...

2020/06/17 22:58
4.5K
vue3 watch 数组

原文链接: vue3 watch 数组 基于官方项目进行测试 https://github.com/vuejs/vue-next-webpack-preview 需要观察一个数组的变化,再该数组中的数据变化时通知 const { ref, watch, watchEff...

2020/06/05 18:05
3.1K
webpack 本地编译优化

原文链接: webpack 本地编译优化 speed measure webpack plugin bundle analyzer plugin babel-loader options cacheDirectory 为true 缓存babel编译结果 cache-loader 在耗时的loader之前添...

2020/02/03 22:17
18
vue3 provide ref

原文链接: vue3 provide ref provide 跨组件传参, 可以传递普通变量或者响应式数据 父组件中改变孙子组件的样式 父组件传递 let color = ref('red') provide('fatherColor', color) return ...

2020/01/31 22:07
947
vue3 watch

原文链接: vue3 watch watch 监听ref let a = ref(0) let b = ref(1) watch(() => { console.log('watch a+b', a.value + b.value) }) watch(a, () => { console.log('watch a', a.value + ...

2020/01/31 21:39
9.7K
vue3 简单上手

原文链接: vue3 简单上手 使用 vue-next-webpack-preview 项目作为测试环境 生命周期 setup函数的执行时机和composition-api 的变现并不一致, vue3中是最先执行的 下图为composition-api 效果...

2020/01/31 20:38
265
使用 vue3 编写 tampermonkey 插件

原文链接: 使用 vue3 编写 tampermonkey 插件 你没看错.... 确实是用vue3.0 编写油猴插件.... 刺激~ 修改自 vue-next-webpack-preview 几乎没怎么改, 主要加了less 开发背景 首先尝试过油猴对...

url、base64、blob 相互转换方法

原文链接: url、base64、blob 相互转换方法 url、base64、blob 相互转换方法 1. url 转 base64 原理: 利用 canvas.toDataURL 的 API 转化成 base64 function urlToBase64(url) { return ne...

2020/01/27 16:01
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部