![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Html5
·半傻半呆半疯癫
桃花坞里桃花庵,桃花庵里桃花仙;
桃花仙人种桃树,又摘桃花换酒钱。
酒醒只在花前坐,酒醉还来花下眠;
半醒半醉日复日,花落花开年复年。
希望老死花酒间,不肯鞠躬车马前;
车尘马足贵者趣,酒盏花枝贫者缘。
若将富贵比贫贱,一在仄地一在天;
若将贫贵比车马,他得奔走我得闲。
他人笑我太疯癫,我笑他人看不穿;
不见五陵好汉墓,无花无酒锄做田。
展开
-
H5 判断横竖屏
Ctrl C 、 Ctrl V => OK我这边是直接在App.vue文件中做的。 <!-- 选择禁止横屏或竖屏显示--> <div id="orientLayer" class="mod-orient-layer" v-if="!data.portrait"> <div class="mod-orient-layer__content"> <i class="icon原创 2021-09-30 22:46:17 · 584 阅读 · 0 评论 -
前端JS实现彩票遗漏条效果
彩票遗漏条效果思路在创建列表的时候,将中的那个号码"标记",我用了自定义属性(status=true:代表中的,如上图),这里看起来是横着来,但其实循环每一行后,控制每行的 第几个 就实现了循环每一列的效果。具体代码如下:// 计算遗漏条export const missingArticle = function (eleDots: any, index: number) { for (let i = 0; i <= eleDots.length; i++) {原创 2021-09-07 16:01:21 · 415 阅读 · 0 评论 -
前端 JS实现彩票开奖走势图 连线
之前做过一个用canvas实现的走势图效果,这次直接用JS实现吧。(在vue3 + TS的项目中实现的)一、渲染页面的时候把需要连线的点加上“标记”类名二、找出所有的“标记”类名这里要注意,DOM节点没渲染完成是会拿到空的 let eleDots = document.querySelectorAll(".lableNum");三、创建连线(画线方法)这里要注意,创建出来的 i 标签的样式不要写在带有 scoped 的style里原创 2021-08-05 10:56:58 · 3822 阅读 · 7 评论 -
vue中的动态类名及动态样式设置 :class / :style
以下是个人在项目中使用过的关于在Vue中的动态类名和动态样式的设置方法的整理记录,如果有更好的方法也欢迎留言添加原创 2021-03-12 19:11:03 · 11184 阅读 · 3 评论 -
vue项目中使用 lottie-web 实现tab栏点击动效
产品新需求 — tab栏点击的时候添加动态效果,UI设计师给了几个json文件,说,app 那边可以用json做动画,你们H5能不能,然后给我发了个网址,网上查了下,要用LottieLottie介绍Lottie是一个用于Android,iOS,Web和Windows的库,用于解析使用Bodymovin导出为json的Adobe After Effects动画,并在移动设备和网络上呈现它们!一、安装 Lottienpm install lottie-web二、引入import lottie原创 2021-01-16 14:34:14 · 823 阅读 · 5 评论 -
移动端HTML5<video> 浏览器劫持视频播放 视频激活播放后强制全屏 视频无法被其他元素覆盖
浏览器劫持视频播放、视频无法被其他元素覆盖Html5 video 多媒体标签<video id="loginVideo" muted autoplay loop :src="require('./assets/login.mp4')"></video>登录页加入视频作为背景,加入了video标签,设置定位,层级,谷歌浏览器调试完美展示,由于做的是H5网页,移至手机上查看(红米A8)。手机端原创 2020-11-21 16:23:50 · 7271 阅读 · 0 评论