加载中
vue3 跨tab页拖拽同步

vue3绑定属性时不能使用解构, 不然会使得响应式数据失效 在sw中存一个当前最新状态, 然后每次进入时都去取一次, sender发送的时候也保存一下, 这样能够实现退出重进的状态恢复...

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

通过反转一行, 一列或者对角线, 将整个图案显示出来的小游戏 体验网址 https://tool.ahaoboy.com/#/to-the-moon 感觉这种类似魔方的游戏, 最终的解法都会回到群论, 但是大学老师真的是不想说...

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

https://juejin.im/post/6868260498417123335 和react 的portal一样, 将组件挂载到指定的位置 传入的字符串为作为选择器, 所以尽量使用比较精确的选择器 teleport 有属性disable, 表示是否转...

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

将输入框里面的字符串实时的转成二维码 在input内容改变的时候生成二维码, 但是可以看到每次都会触发这个生成操作 用lodash的节流函数包一层, 这样就能看到基本是达到了效果, 减少了很多次函...

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

vue3 的 reactive 和 react的useState有着根本上的不同 const { ref, reactive, watch } = require("vue"); let s1 = reactive({ x: 0 }); let s2 = reactive({ x: 0 }); let s3 = s2; watc...

vue3 hook 小球拖拽

先用react试了下, 搞了几个小时都没做出来想要的样子, 用vue3半个小时弄好了 react很多时候你觉得这么做没问题, 但是当你写了代码就会出问题, vue很多时候很符合直觉, 就算出错了, 也能根据经...

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

https://github.com/markdown-it/markdown-it-container 插件开发时需要更新md文件, 否则可能因为缓存问题导致看不到新的效果 在md文件中通过使用标记在此处添加其他站点的博客链接, 如果没有...

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

看这个样子应该是已经支持了, 可能我fork的版本不对或者使用姿势不对吧 fork 后 clone 新建分支并切换 git branch vite-feat-importCJS git checkout vite-feat-importCJS 然后测试playgroun...

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

https://composition-api.vuejs.org/api.html#ref 使用v-for 循环时, 使用ref总会获取到的是最后的元素, 必须使用函数, 手动赋值, 不能用push, 会在更新的时候造成bug, 元素会重复 <div v-f...

06/21 11:27
490
vue3 FLIP 动画实现

参考 https://segmentfault.com/a/1190000022887954 https://developer.mozilla.org/en-US/docs/Web/API/Element/animate 代码 https://github.com/ahaoboy/flip-ani https://github.com/sl1...

vite 尝试和入门

Vite 原理浅析 https://github.com/vitejs/vite 前端新工具--vite从入门到实战(一) vite —— 一种新的、更快地 web 开发工具 原理 前端打包工具是将树形代码打包为一个文件或者根据模块打...

vue3 watch 数组

基于官方项目进行测试 https://github.com/vuejs/vue-next-webpack-preview 需要观察一个数组的变化,再该数组中的数据变化时通知 const { ref, watch, watchEffect, computed, value } = r...

vue3 provide ref

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

01/31 22:07
607
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 + b.value) }) setTimeout...

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

使用 vue-next-webpack-preview 项目作为测试环境 生命周期 setup函数的执行时机和composition-api 的变现并不一致, vue3中是最先执行的 下图为composition-api 效果 组件传参以及事件处理 ...

使用 vue3 编写 tampermonkey 插件

你没看错.... 确实是用vue3.0 编写油猴插件.... 刺激~ 修改自 vue-next-webpack-preview 几乎没怎么改, 主要加了less 开发背景 首先尝试过油猴对于大型脚本的支持(脚本在50~100kb)还是不错的...

npm 发布webpack插件 webpack-html-cdn-plugin

初始化一个项目 npm init 切换到npm源 淘宝 npm config set registry https://registry.npm.taobao.org npm npm config set registry http://registry.npmjs.org 登录 npm login 登录状态 np...

01/26 22:45
2.8K
在webstorm中使用 cmder (暂未成功...)

https://my.oschina.net/ahaoboy/blog/3152016 cmd.exe " /k C:\\PROGRA~1\\Cmder\\vendor\\init.bat" 暂时可以使用, 但是出现了光标错位的问题 官方文档中说明这个光标永远是block的, 暂时使...

01/25 14:17
726
使用DllPlugin 提取公用库

不使用dll的时候, vue是直接和应用一起打包的, 每次更新应用, 用户端需要下载所有新的js 优化后, 大小会大一点, 但是每次更新时用户不需要重新下载vue的js, 只需要更新app相关的js 去除map和...

使用生成器模拟时间分片

对于cpu密集型任务, 时间分片可以有效减少页面卡顿, 不过对于纯计算型任务还是推荐使用worker在后台做计算 效果图, 计算密集型任务被分到每次只执行16ms, 每次执行完毕留给浏览器时间去响应事...

01/24 11:12
189

没有更多内容

加载失败,请刷新页面

返回顶部
顶部