会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
a56爆大奖在线娱乐的博客
a56爆大奖在线娱乐的园子
账号设置
简洁模式
...
退出登录
注册
登录
sunshine233
博客园
首页
新随笔
联系
管理
订阅
上一页
1
2
3
4
5
6
7
8
下一页
2023年4月13日
用quasar+vue3+组合式api VueRouter实现路由嵌套(二级路由)
摘要: 前言: 本项目使用的是quasar创建,vue3的组合式api语法。部分语法不同,但不影响理解,修改语法后可以在vue2/选项式api项目中运行。 效果图: 文件目录结构和代码如下: 文中用到的标题栏数据如下: const titles = ref([ { name: "首页", path: "ho
阅读全文
posted @ 2023-04-13 15:18 sunshine233
阅读(330)
评论(0)
推荐(0)
编辑
2023年4月11日
用quasar+vue3+组合式api 实现小米商城标题栏动画
摘要: 先来看一下小米商城标题栏动画: 小米商城标题栏动画主要特点: 移入时二级菜单缓慢出现; 移出时二级菜单缓慢消失; 在一级菜单之间移动时,二级菜单内容直接切换,没有过渡效果。 实现思路 一、纯css实现(?) 首先肯定是考虑 :hover,但是经过试验发现,:hover 可以实现鼠标移入移出时的过渡效
阅读全文
posted @ 2023-04-11 12:00 sunshine233
阅读(206)
评论(0)
推荐(0)
编辑
2023年1月30日
uniapp 用view画抽奖转盘
摘要: 实现思路: 因为是画转盘,而不是画扇形,a56爆大奖在线娱乐可以绕过用view画扇形,直接画一个圆,然后画几条直径,把文字写入的时候旋转一下就可以了。 以6等分为例,实现步骤: 画转盘背景: 画一个圆,填充背景颜色; 用“子绝父相”布局,画一条直径,垂直居中; 再画一条直径,旋转60度; 画第三条直径,旋转120度
阅读全文
posted @ 2023-01-30 11:33 sunshine233
阅读(1510)
评论(0)
推荐(0)
编辑
2022年12月30日
uniapp 微信小程序使用新旧版本 canvas 对比、消除锯齿、处理重绘
摘要: 微信小程序使用canvas时,分为旧版和新版。https://developers.weixin.qq.com/miniprogram/dev/component/canvas.html 旧版:不支持同层渲染,使用canvas的图层总在最上层。模拟器可能表现正常,但真机的canvas图层一定在最上层
阅读全文
posted @ 2022-12-30 15:00 sunshine233
阅读(2440)
评论(0)
推荐(0)
编辑
2022年12月23日
uniapp 使用 uni.createAnimation 旋转动画模拟抽奖
摘要: 效果图如下: 用到的图片如下: wheel.png point.png api文档:https://uniapp.dcloud.net.cn/api/ui/animation.html#createanimation 代码如下: <template> <view> <view class="box"
阅读全文
posted @ 2022-12-23 09:26 sunshine233
阅读(791)
评论(0)
推荐(0)
编辑
2022年12月5日
《重构》、《js高级程序设计》一些笔记知识点
摘要: 《重构(第2版) : 改善既有代码的设计》 1. 函数命名:以它“做什么”来命名,而不是以它“怎么做”来命名。 一个改进函数名字的好方法:先写一句注释描述这个函数的用途,再把这句注释变成函数的名字; 2. 每当看见一段代码在同时处理两件不同的事,a56爆大奖在线娱乐就想把它拆分成各自独立的模块,因为这样到了需要修改的
阅读全文
posted @ 2022-12-05 10:50 sunshine233
阅读(42)
评论(0)
推荐(0)
编辑
2022年11月11日
Vue2中的 import 和 require区别与使用方法
摘要: import属于 ES6 规范,require 属于 CommonJS 规范。 一、export default & export + import 1、export default function() + import output.js export default function () {
阅读全文
posted @ 2022-11-11 15:32 sunshine233
阅读(2209)
评论(0)
推荐(0)
编辑
2022年11月9日
html中使用mqtt、clientId 使用随机字符
摘要: MQTT.js 是一个开源项目,支持 nodejs 和 Browser js ,这里对比一下 nodejs 和 Browser js 的用法:注:nodejs是运行在webserver的js,Browser js意思是运行在浏览器上的js,也就是H5用到的js注:目前项目方已经提供 CDN,不需要自
阅读全文
posted @ 2022-11-09 13:50 sunshine233
阅读(632)
评论(0)
推荐(0)
编辑
2022年7月26日
vue2使用 iconfont 阿里巴巴在线生成的字体图标
摘要: 官方文档: https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d8d11a391&helptype=code demo地址: https://gitee.com/twoflowers/custom-font-file.g
阅读全文
posted @ 2022-07-26 14:57 sunshine233
阅读(581)
评论(0)
推荐(0)
编辑
2022年7月11日
element分组选择器 el-select 用 value-key 获取循环中的子对象
摘要: Element Select分组选择器的结构如下: <el-select > <el-option-group > <el-option></el-option> </el-option-group> </el-select> Select分组选择器的基础用法(不使用 value-key ): <e
阅读全文
posted @ 2022-07-11 14:04 sunshine233
阅读(305)
评论(0)
推荐(0)
编辑
上一页
1
2
3
4
5
6
7
8
下一页
公告