摘要: 前言: 本项目使用的是quasar创建,vue3的组合式api语法。部分语法不同,但不影响理解,修改语法后可以在vue2/选项式api项目中运行。 效果图: 文件目录结构和代码如下: 文中用到的标题栏数据如下: const titles = ref([ { name: "首页", path: "ho 阅读全文
posted @ 2023-04-13 15:18 sunshine233 阅读(330) 评论(0) 推荐(0) 编辑
摘要: 先来看一下小米商城标题栏动画: 小米商城标题栏动画主要特点: 移入时二级菜单缓慢出现; 移出时二级菜单缓慢消失; 在一级菜单之间移动时,二级菜单内容直接切换,没有过渡效果。 实现思路 一、纯css实现(?) 首先肯定是考虑 :hover,但是经过试验发现,:hover 可以实现鼠标移入移出时的过渡效 阅读全文
posted @ 2023-04-11 12:00 sunshine233 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 实现思路: 因为是画转盘,而不是画扇形,a56爆大奖在线娱乐可以绕过用view画扇形,直接画一个圆,然后画几条直径,把文字写入的时候旋转一下就可以了。 以6等分为例,实现步骤: 画转盘背景: 画一个圆,填充背景颜色; 用“子绝父相”布局,画一条直径,垂直居中; 再画一条直径,旋转60度; 画第三条直径,旋转120度 阅读全文
posted @ 2023-01-30 11:33 sunshine233 阅读(1510) 评论(0) 推荐(0) 编辑
摘要: 微信小程序使用canvas时,分为旧版和新版。https://developers.weixin.qq.com/miniprogram/dev/component/canvas.html 旧版:不支持同层渲染,使用canvas的图层总在最上层。模拟器可能表现正常,但真机的canvas图层一定在最上层 阅读全文
posted @ 2022-12-30 15:00 sunshine233 阅读(2440) 评论(0) 推荐(0) 编辑
摘要: 效果图如下: 用到的图片如下: 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) 编辑
摘要: 《重构(第2版) : 改善既有代码的设计》 1. 函数命名:以它“做什么”来命名,而不是以它“怎么做”来命名。 一个改进函数名字的好方法:先写一句注释描述这个函数的用途,再把这句注释变成函数的名字; 2. 每当看见一段代码在同时处理两件不同的事,a56爆大奖在线娱乐就想把它拆分成各自独立的模块,因为这样到了需要修改的 阅读全文
posted @ 2022-12-05 10:50 sunshine233 阅读(42) 评论(0) 推荐(0) 编辑
摘要: 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) 编辑
摘要: 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) 编辑
摘要: 官方文档: 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) 编辑
摘要: 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) 编辑