我爱撸码，撸码使我感到快乐。 大家好，我是Counter。 本章带大家来简单的了解下原生JS实现转盘抽奖。 因为主要涉及到JS，在这里HTML和CSS起到的功能就没有那么重要， 因此，没有过多的阐述HTML与CSS，而JS基本每行都有注释，但这里CSS 也是起到了至关重要的一步，那就是控制背景色，以 ...
分类：
Web程序 时间：
2019-03-26 13:37:40
阅读次数：
227
首先要申明本人对于美除了美女真没什么要求。 其次讲讲次学习碰到重要知识点： 1、画圆（弧）： context.arc(x, y, radius, Math.PI / 180 * startAngle, Math.PI / 180 * endAngle, anticlockwise); x:横坐标； ...
分类：
Web程序 时间：
2019-03-25 00:43:36
阅读次数：
205
在做后台管理系统，在用户交互这块（弹窗、提示相关），用了一款还不错的插件SweetAlert(一款原生js提示框,允许自定义，支持设置提示框标题、提示类型、确认取消按钮文本、点击后回调函数等等), 效果挺好的，简单写一下用法。把大象装冰箱，总共分三步: 第一步：下载（引用）有三种方式可供选择：1.通 ...
分类：
其他好文 时间：
2019-03-22 11:43:50
阅读次数：
126
如果要设置物体拖拽，必须使用三个事件，分别是： 1、onmousedown:鼠标按下事件 2、onmousemove:鼠标移动事件 3、onmouseup:鼠标抬开事件 拖拽的原理：根据鼠标的移动来移动被拖拽的元素。鼠标的移动就是鼠标x、y坐标的变化，元素的移动就是position的top和left ...
分类：
Web程序 时间：
2019-03-21 16:00:28
阅读次数：
220
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>五子棋</title> 6 <link rel="stylesheet" href="css/style.css" /> 7 </head> 8 <body ...
分类：
Web程序 时间：
2019-03-19 17:05:08
阅读次数：
156
首先我们来看原生JS取消事件冒泡方法： e.stopPropagation(); //非IE浏览器window.event.cancelBubble = true; //IE浏览器原生JS阻止默认事件方法： e.preventDefault(); //非IE浏览器window.event.retur ...
分类：
Web程序 时间：
2019-03-16 19:43:03
阅读次数：
201
https://www.jianshu.com/p/937c6003851a flex-shrink: https://blog.csdn.net/m0_37058714/article/details/80765562 transition: https://baijiahao.baidu.com ...
分类：
Web程序 时间：
2019-03-13 10:45:08
阅读次数：
227
调用方法： function ajax(options) { options = options || {}; options.type = (options.type || "GET").toUpperCase(); options.dataType = options.dataType || ' ...
分类：
Web程序 时间：
2019-03-12 12:00:48
阅读次数：
207
使用原生JS实现如下图所示表格数据的翻页功能： HTML代码： 简单处理一下样式，CSS代码： JS部分： 第一步，数据生成，我是用mock.js随机生成的35条数据： 第二步，获取DOM元素： 第三步，定义三个全局变量。 第四步，书写并调用渲染函数，用于渲染表格数据 第五步，根据人数生成页码，将其 ...
分类：
Web程序 时间：
2019-03-03 16:15:00
阅读次数：
336
JQ：相对比较简便 像这种不兼容的获取方式，我们要做一下兼容，封装一个函数 网页工作区域的高度和宽度 ...
分类：
Web程序 时间：
2019-02-28 21:14:58
阅读次数：
232
