自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 仿购物车结算页面

仿购物车页面,加减计算,选中后加入结算,取消选中扣除结算,三个等级的满减计算。

2023-06-21 15:39:05 81

原创 对象中的id值满足连续四个相同的情况

一组对象,满足连续四个的id值相同,就点亮背景,方便进行后续一些交互操作。

2023-05-22 19:00:39 109

原创 jQuery九宫格跑马灯抽奖(已知结果)

两个等级不同的九宫格跑马灯抽奖

2022-10-25 18:50:22 688

原创 jQuery翻牌子抽奖效果(已知结果)

描述:在八个紫色背景中随机点击一个,将抽中的礼物插入数组(另外七个礼物)中,注意事项:翻牌子效果 rotate样式存在iOS兼容问题,样式上注意层级加好。1s后其他七个翻转,剩余的七个礼物会按顺序填满其他七个位置。点击的位置翻转,展示礼物,

2022-10-25 16:06:13 550

原创 jQuery实现全选&全不选&非全选

1.点击全选 选中/取消所有复选框2.取消某一个复选框,全选按钮不选中3.勾选所有复选框后,全选按钮选中html<div> <div><input type="checkbox" name="checkbox" />复选框1</div> <div><input type="checkbox" name="checkbox" />复选框2</div> <d

2022-02-15 14:20:56 4153 5

原创 jQuery&animation实现漂流瓶扔和写动画效果

“捞一个” 和 “扔出去”,漂流瓶纯动画(jQuery&animation实现,移动端大小,单位rem)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head&g...

2022-01-18 10:49:03 1014 2

转载 tab导航条在 滑动/滚动 过程中的隐藏与展示,滑动/滚动 到页面最底部时展示

一个类似于微信导航的导航栏 需求:页面向上滑动/滚动时,底部导航消失; 页面向下滑动/滚动时,底部导航显示; 页面滑动/滚动到最底部时,导航展示 在https://www.cnblogs.com/theWayToAce/p/7144477.html这篇文章中找到的方法经过测试以后可用。// tab滑动效果var isStopScroolTimer=null;var topValue=nul...

2020-07-02 16:23:56 958

原创 游戏三局两胜结果页面展示(提供双方每局的值)jQuery简单demo

例如:A和B双方PK三场得到的结果:A的值:1-2-3 B的值:2-1-3游戏规则:1>2>3>1问题:根据双方的值,把结果以及对应的胜、负、平局三种情况展示在页面上,如下简图解决:①首先要根据双方的值,处理一下PK结果区分胜(1)负(-1)平局(0) //用一个对象存放可能出现的9种结果,也可用es6...

2020-04-16 21:01:32 370

原创 前端面试后的面试官问题总结

在一个月的面试中总结了一些被问过的问题,有一些问题带有答案,有的没有写,括号里是网上找的对应的知识点。内容比较糙,可以在去面试的路上随便翻翻看,祝面试顺利第一家,电面1.computed和methods的区别:(https://www.cnblogs.com/widgetbox/p/8954162.html)当页面中有某些数据依赖其他数据进行变动的时候,可以使用计算属性。如果要...

2020-04-16 19:00:49 1604 4

原创 “会议室使用情况”实现周日历和日程,可新建日程,鼠标悬浮显示当日日程

直接上图: 使用的数据可通过请求后台拿到,数据格式有点复杂,取得中间的事件需要先获取横向会议室id,再获取纵向日期,两个维度对应上即可渲染,具体格式参考代码中的occupyInfo对象。 新建日程可请求接口,传给后台,不需要多做别的。周日历参考之前的文章(在vue中,实现上一周,下一周的选择(非插件)),该周日历效果来源(https://blog.csdn.n...

2019-04-25 17:41:29 2462 5

原创 fullcalendar样式改造

fullcalendar里默认是大表格,有日程事件显示在日期上,最近做了一个不一样的日期样式,项目中用了fullcalendar,所以就在此基础上做了一番改造,并把代码记录在这里,便于以后查询,效果如图所示:代码在此(vue项目):<template> <div class="schedule_box show_box"> &l...

2019-04-25 16:35:48 8920 6

转载 在vue中,实现上一周,下一周的选择(非插件)

因业务需要,需要在vue项目中做一个个性化的周表,查询了一些插件,基本上都是横向为周,纵向为时间点,改了半天均以失败告终。然后找到一篇js实现上下周的文章(https://blog.csdn.net/long5693525/article/details/51084944),作者随缘的一个人,放在vue项目中稍加改动,逻辑没有太看懂,但是效果有了,就暂时用着了以下是代码:<te...

2019-04-16 11:29:15 2374 4

原创 发票单(jQuery代码实现)

按照需求,用js代码做了一张发票单,技术含量不高,主要是样式细节,数据动态可替换,分享出来以供需要的童鞋参考,大佬的话。。。请假装没看见哦,欢迎指正,和广大菜鸟共同学习

2019-04-04 15:16:17 2635 1

原创 jQuery实现动态展示会议室的占用情况

会议室占用情况展示,效果图如上代码如下:&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;meta name="viewport" content="width=device-width, initial-scale=1

2019-03-13 17:26:56 1905

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除