JS项目
文章平均质量分 70
JavaScript项目实战
狡辉两门
欢迎踏入八奇的思考领域
展开
-
分页的插件
分页1. 什么是分页2. 如何制作该分页咱们知道,前端无论做什么,都离不开前端的三架马车,HTML、CSS 和 JS所以这里咱们要做的分页肯定也有这几个部分组成,先书写 HTML 和 CSS,构成分页的基本结构,然后在书写 JS 来实现对应的分页功能。接下来我们来一个部分一个部分看3. createPager的实现首先是【首页和上一页】以及【下一页和尾页】,这四个按钮又会分为能够点击和不能点击两种情况接下来我们来看中间数字页码的实现,中间的数字会有一个边界,所以我们要把这个边界找原创 2022-04-05 14:02:54 · 673 阅读 · 0 评论 -
五子棋游戏
五子棋游戏前置知识HTML5 新增查询 APIquerySelectorquerySelectorAll模拟 jquery 封装两个查询方法:function $(selector) { return document.querySelector(selector);}function $$(selector) { return document.querySelectorAll(selector);}字符串模板模板字符串使用反引号 (`` ) 来代替普通字符串中的原创 2022-04-07 23:12:13 · 4135 阅读 · 0 评论 -
读心术游戏
读心术前置知识HTML5 新增查询 APIquerySelectorquerySelectorAll<body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> <s原创 2022-04-14 19:51:41 · 3643 阅读 · 0 评论 -
图片瀑布流
瀑布流什么是瀑布流瀑布流,又称瀑布流式布局。是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。制作思路首先第一步,我们仔细观察上面的瀑布流图片,你会发现他们都是定宽不定高的。既然定宽,那么一共显示几列,我们也就能够计算出来。如下图所示:列数出来之后,我们拿一个数组来保存一行的高度。什么意思?看下图:我们按照 4 列来算,一开始一张图片都没有放,每一列的高度都为 0,所以数组里面是 4 个 0接下来放入第一张图原创 2022-04-04 23:09:23 · 512 阅读 · 0 评论 -
图片拖动验证
图片拖动验证前置知识HTML5 新增查询 APIquerySelectorquerySelectorAll模拟 jquery 封装两个查询方法:function $(selector) { return document.querySelector(selector);}function $$(selector) { return document.querySelectorAll(selector);}CSS sprite 精灵图CSS Sprite,我们一般叫他原创 2022-04-10 16:31:39 · 1927 阅读 · 2 评论 -
transition属性
transition属性作用从一种状态过渡到另一种状态,用于在一定的时间内进行元素平滑的过渡,这种效果可以在元素被单击,鼠标滑过,或者是其他的事件中触发,实现圆滑的以动画效果改变CSS属性的属性值。transition属性是个复合属性,她包括以下几个子属性:transition-property :规定设置过渡效果的css属性名称,常用值 “all”全部css属性进行动画效果添加transition-duration :规定完成过渡效果需要多少秒或毫秒transition-timing-f原创 2022-03-29 15:35:56 · 7487 阅读 · 0 评论