![](https://img-blog.csdnimg.cn/20190918135101160.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML5/CSS3
文章平均质量分 51
web前端开发
有品位的程序员
这个作者很懒,什么都没留下…
展开
-
【微信小程序云开发】实现空闲教室管理系统设计(二)我的界面分享转跳开发
首先进入的应该是首页,但是手贱的我还是点开了我的界面。虽然看上去有模有样,但是其实很多子界面都是没有的,准确来说就是没有,这波白嫖也是太舒服了吧?不过问题不大,我就创建几个页面就行了。打开文件夹,这时候我有了一个惊人的发现算了,好难,开始填功能写程序吧分享功能,这个简单onShareAppMessage: function (res) { var that = this; console.log('转发事件的来源',res.from) console.log(that原创 2022-03-26 23:15:48 · 823 阅读 · 0 评论 -
【微信小程序云开发】实现空闲教室管理系统设计
在文章开始前,求个关注,要是您觉得我写的好,看完可以再点个赞我接了一个微信小程序项目,首先拿到了需求文档:我根据我多年写(chui)代(niu)码(bi)的经验,逐条对需求进行分析:1.所有合作学校教室信息,这个其实说好办确实好办,说难办,其实真的挺难的,因为拿到这些信息一个爬虫可以搞定,再写入文件或者数据库就可以了。当然这么做可能花费精力比较大,如果不做爬虫工作量可以大大减小。接项目毕竟为了搞钱,果断划水,不写爬虫了,我真是个大聪明。2.能看到教室信息,这没问题,教室为主键,加上几个索引。3原创 2022-03-26 16:26:35 · 1709 阅读 · 0 评论 -
【微信小程序云开发】实现空闲教室管理系统设计(一)完成登录功能
接下来正式开始开发:上来是一个登录页面:其实我很困惑,为什么要加个按钮,进去直接在view里面调用一个登录的函数不好吗?不过既然前端不归我管,金主是爸爸,我也没说什么,干活就行。登录函数是一个获取用户信息,转跳:getUserProfile(e){ wx.getUserProfile({ desc: '获取个人信息', success:(res)=>{ const {userInfo}=e.detail; wx.setStor原创 2022-03-26 15:20:55 · 673 阅读 · 0 评论 -
用JavaScript做一个web答题系统
<!DOCTYPE html><html><head> <meta charset="utf-8"></head><body><script> var t = 180; function time(){ document.getElementById("begin").style.display="none"; if(t>=0){原创 2020-06-04 17:43:08 · 5365 阅读 · 0 评论 -
JavaScript实现音频和gif播放
<!DOCTYPE html><html> <head> <title>练习3</title> <meta charset="UTF-8"/> <script> function play(){ document.getElementById("Run").style.display="block"; } </script> </head>原创 2020-06-02 22:10:36 · 1570 阅读 · 0 评论 -
JavaScript通过函数随机切换图片
<!DOCTYPE html><html> <head> <title>练习2</title> <meta charset="UTF-8"/> <script> function myFunction(){ var num = Math.floor(Math.random()*3)+1; document.getElementById("myImage").src = "../image原创 2020-06-02 20:40:38 · 1371 阅读 · 0 评论 -
JavaScrip通过按钮更换背景颜色
<!DOCTYPE html><html> <head> <title>练习1</title> <meta charset="UTF-8"/> </head> <h2>点击不同按钮设置不同颜色</h2> <button onclick="body.style.backgroundColor='green';">绿色</button> <but原创 2020-06-02 20:13:18 · 849 阅读 · 0 评论 -
通过JavaScript倒计时
<!DOCTYPE html><html><head> <meta charset="utf-8"> </head><body><script>var t = 9;function time(){ if(t>=0){ setTimeout(function(){ setStyle(); document.getElementById("clock").innerHTML = t;原创 2020-05-28 17:17:40 · 361 阅读 · 0 评论 -
javascript输出当前日期(年、月、日、星期、时、分、秒)
获取系统时间是Javascript常用模块,做了个比较完整清晰的模块,在此备忘<script type="text/javascript">function startTime(){ var today=new Date() var y=today.getFullYear() var mon=today.getMonth()+1 var d=today.getDate() var hour=today.getHours() var min=today.getMinutes()原创 2020-05-22 16:51:14 · 8125 阅读 · 0 评论 -
JavaScript基础及应用
一、JavaScript插入位置1.中2.中3.外部文件二、DOM Document 对象每个载入浏览器的 HTML 文档都会成为 Document 对象,Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。getElementById():返回对拥有指定 id 的第一个对象的引用。getElementsByName():返回带有指定名称的对象集合。getElementsByTagName():返回带有指定标签名的对象集合。三、JavaScript能做什么1.原创 2020-05-21 20:33:31 · 1123 阅读 · 0 评论 -
HTML5/CSS3——过渡效果
动画效果@keyframes:定义动画animation-name:使用的动画名字animation-duration:完成一个动画的时间1.动画变色<!DOCTYPE html><html> <head> <style> div{ width:100px; height:100px; background:red; border-radius:8px; animation-name:myfir原创 2020-05-09 18:57:18 · 999 阅读 · 0 评论 -
边框、文字
阴影边框和圆角效果<!DOCTYE html><html> <head> <style> #block1{ width:300px; height:150px; background-color:orange; border-radius:15px; box-shadow: 10px 10px 5px #888888; } </style> </head> <b原创 2020-05-09 17:07:03 · 957 阅读 · 0 评论 -
伪类和伪元素
一、伪类link:初始效果visited:点击后的效果hover:悬停效果active:点击时的效果1.伪类超链接<!DocType html><html> <head> <meta charset="UTF-8"> <style type="text/css"> a:link{color:orange;}...原创 2020-05-09 13:15:22 · 875 阅读 · 0 评论 -
HTML5/CSS3定位——浮动
1.块元素独占一列<html> <head> <meta charset="UTF-8"/> <style> #block1{background-color:#00FFFF} #block2{background-color:#7FFFD4} #block3{background-color:#FFFF00} div{...原创 2020-04-30 15:31:00 · 1980 阅读 · 0 评论 -
表单验证,用HTML写一个简单的注册页面
<!DOCTYPE html><html> <head> <title>练习4</title> <meta charset="UTF-8"/> </head> <body> <table border="1"> <tr> <th>用户名<...原创 2020-04-28 10:53:13 · 1769 阅读 · 0 评论