- 博客(24)
- 收藏
- 关注
RSS订阅原创 环境搭建之vue
下面步入正题，本次项目使用Vue，node和MongoDB，阅读前请具备基本的web前端基础，因为是自学的，所以这一路走了很多坑，为了避免阅读文章的小可爱们跟我一样，我会尽可能的把我遇见的坑将明白，讲仔细编辑器：HbuilderX。系统：Window 7...
2020-04-11 23:54:06
1027
原创 JavaScript——下拉菜单实现
*{margin:0px;padding: 0px;}#one{}#one li{width: 50px;height: 30px;border:1px solid black;text-align: center;list-style: none;float: left;line-height: 30px;}#two li{wi
2016-12-22 20:56:51
574
原创 JavaScript——计时器基本使用
计时器var div=document.getElementById('div');setInterval(function(){var myday = new Date;div.innerHTML=myday;},1000);
2016-12-10 11:14:14
418
原创 JavaScript——下拉刷新
*{margin: 0px;padding: 0px;}h1{text-align: center;}li{width: 100%;height: 100px;border: 1px solid pink;list-style: none;}button{width: 100%;height: 50px;}朋友圈
2016-12-01 18:31:43
477
原创 JavaScript——Tab选项卡
Tab选项卡 * { margin: 0; padding: 0; } li { list-style: none; float: left; height: 50px; wid
2016-11-28 22:37:06
480
原创 JavaScript——用键盘wasd控制div移动
w：上 a：左 s：下 d：右var div=document.getElementById('div');document.onkeydown=function(e){switch(e.keyCode){case 65:div.style.left=parseInt(div.style.left)-10+"px";break;
2016-11-27 16:01:53
3361
1
原创 JavaScript——控制div的移动
Title上下左右 var div = document.getElementById("div"); var btn = document.getElementsByTagName("button"); btn[0].onclick = function () { div.style.top = pa
2016-11-26 16:39:36
682
原创 JavaScript——控制div的显示隐藏
Title123显示隐藏 var div = document.getElementById('div'); var btn = document.getElementsByTagName('button'); btn[0].onclick = function(){ div.style.display = "block";
2016-11-26 16:37:50
423
原创 CSS——我的第一个网站
行走中的美食 body{ background:url(小清新1.jpg); font-size:13px ; cursor: url('胡萝卜.png')16 16,auto; } a:link,a:visited{ text-decoratio
2016-11-25 20:22:57
5180
原创 CSS——创建链接框架
创建链接框架 a:link,a:visited { text-decoration: none; background: pink; width: 100px; height: 30px; display: block; border: 1px solid red; text-align: center; padding-top
2016-11-24 21:28:01
442
原创 JavaScript——split函数的应用
按钮一：“开始” ，用","将字符串转化成字符数组并有序排列，但是只排列一次按钮二：“确定”，用";"将字符串转化成字符数组并有序排列，每点击一次确定按钮就排列一次，可多次排列
2016-11-22 13:11:23
382
原创 JavaScript——将字符串转化成数组，并以列表的形式在文档中输出
将字符串转化成数组，并以列表的形式在文档中输出 var ball="篮球,地球,足球,火球,什么" var ball1=ball.split(","); document.write(""); for(var n=0;n document.write(""+ball1[n]+"");
2016-11-19 18:06:44
2010
原创 JavaScript——替换敏感字符并实现字符统计
替换敏感字符，并实现字符统计功能 按钮 function bt(){ var text=document.getElementById("text").value; var t=text.replace(/敏感字符/g,"***"); document.getE
2016-11-19 18:05:16
928
原创 JavaScript——选择排序法
var arr=["1","3","6","4","8","2"]document.write("排序前"+arr+"");for(var n=0;n {for(var i=n+1;i {if(arr[n] { var t = arr[n]; arr[n]=arr
2016-11-19 17:00:14
527
原创 JavaScript——二维数组实现下拉列表
二维数组var one=document.getElementById("one");var two=document.getElementById("two");var one1=["数字","英语","汉字"];var two1=[["1","2","3","4"],["one","two","three","four"],["一","二","三","四"]
2016-11-17 19:17:16
707
原创 JavaScript——输出成绩且求最大值，最小值，总分，平均分
var score02=[75,88,78,90,93,96,89,80,90,85,51,85,61,62,71,79,86,82,97,92]for(var n=0;n{document.write("成绩="+score02[n]);}var max=score02[0];//认为第一个学生的成绩是最高的for (var n=1;n{if (score02
2016-11-17 17:54:40
10801
1
原创 JavaScript——用户登录界面
点击登录时，用户名或密码有一个为空则显示“用户名和密码不能为空”，都输入则显示“正在登录请稍后”请输入用户名和密码用户名：密码：登录：var ok=document.getElementById("ok");ok.onclick=function(){var us=document.getElementById("us"); var us
2016-11-16 19:36:17
4494
原创 JavaScript——成绩查询（2）
输入成绩：var ok=document.getElementById("ok");ok.onclick=function(){var s=document.getElementById("score").value;if (s>=60) { if (s>=70) { if (s>=80) { alert("优秀");}else{ale
2016-11-16 19:11:57
1187
原创 JavaScript——成绩判定（1）
输入成绩：var ok=document.getElementById("ok");ok.onclick=function(){var s=document.getElementById("score").value;if (salert("不及格");}if (s>=60&&salert("及格");}if (s>=70&&salert("良好
2016-11-16 19:06:24
2039
原创 JavaScript——计算矩形面积
计算矩形面积输入高和宽可以计算出矩形的面积计算矩形面积高：宽： var ok=document.getElementById("ok");ok.onclick=function(){var h=document.getElementById("height").value; var w=document.getElem
2016-11-16 18:27:05
7723
1
原创 JavaScript——购物车实现
实现目的：1.购物数量的动态加减2.总价会随购买数量的增加减少而变化3.点击“确定购买”弹出对话框显示购买数量购买数量：1单价：总价：var down=document.getElementById("down");var up=document.getElementById("up");var num=document.
2016-11-16 18:01:04
3171
原创 JavaScript——点击按钮使div变色
head>metacharset="UTF-8">title>点击按钮使div变色title>style>div{border:1px solid white;width:200px;height:200px;background-color:#7f7f7f;}/style>head>body>divid="one">div>
2016-11-14 22:14:27
13149
原创 第一个JavaScript（点击按钮弹出窗口）
点击按钮弹出窗口 input{ width:50px; height:30px; } var ok=document.getElemen
2016-11-14 21:47:14
5021
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人