- 博客(34)
- 收藏
- 关注
原创 js 原生贪吃蛇 ES6(训练类和对象)
// 面向对象思想,利用对象解决贪吃蛇//1.地图//2.食物//3.蛇map.js//利用面向对象思想创建地图class Map{ constructor(){ //创建地图 let oMap = document.createElement("div"); //设置地图 oMap.className = "map_all" /* oMap.style.position = relative; */
2021-03-02 14:45:10
260
原创 nodejs+mongodb 实现增删改查(字符串拼接 初期)
//用户信息增删改查//1.搭建网站服务器,实现客户端与服务器端的通信 ===>已完成var http = require(‘http’)var app = http.createServer()var mongoose = require(‘mongoose’)var url = require(‘url’)var querystring = require(‘querystring’);/* const { isSymbol } = require(‘util’); *///2.
2021-02-04 15:04:47
387
原创 品优购综合案例——购物车(JQ实现11个效果+Html+Css)之自学系列
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="css/comm
2021-01-15 15:33:02
4674
6
原创 品优购综合案例——首页(JQ电梯导航栏+互斥锁问题)自学系列
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="css/base
2020-12-30 21:48:57
1076
2
原创 JQuery 黑马案例 手风琴 ! Important(名片折叠案例)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title><link rel="stylesheet" href="index.css"&g
2020-12-29 13:37:11
257
1
原创 JQuery 黑马案例 jd Tab栏切换
核心思想:(li 取得索引给下方与其对应的items中的item用)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <s
2020-12-28 18:08:06
710
原创 JQuery 黑马案例 通过类设置旋转正方形及其原理 (增强版 css权重+toggleclass )之自学JQ系列
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>/* @at-root {
2020-12-28 16:53:15
214
原创 JQuery 黑马案例 微博下拉菜单 (增强版+普通版 hover+slidetoggle )
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { ma
2020-12-28 12:06:18
813
1
原创 品优购综合案例——登录页(html+CSS综合运用)自学系列
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>register</title> <link rel="stylesheet" href="css/base
2020-12-24 18:30:03
1131
1
原创 品优购综合案例——注册页(html+CSS综合运用)自学系列
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>register</title> <link rel="stylesheet" href="css/base
2020-12-24 13:49:56
290
3
原创 品优购综合案例——详情页(html+CSS综合运用)自学系列
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="css/base
2020-12-23 23:07:40
4075
1
原创 品优购综合案例——列表页(html+CSS综合运用)自学系列
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>List</title> <link rel="stylesheet" href="css/base.cs
2020-12-23 23:05:49
887
原创 jd静态页面测试(html+css)之自学流式布局(包含遇到问题及解决措施)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="./css/no
2020-12-10 14:59:01
267
原创 携程静态页面初测试(html+CSS)之自学flex布局(遇到问题该怎么办?)
Document 搜索:目的地/酒店/景点/航班号 <div class="user">我 的</div> 景点·玩乐 <li> <!-- 不能直接在li上添加title描述...
2020-12-06 16:56:46
375
原创 全选之自学js系列
Document {/此处idstr不加引号/function myclick(idstr,fun) {var btn1=document.getElementById(“idstr”);btn1.οnclick=fun;} /* var items=document.getElementsByName("items"); myclick("qx", function(){ for(var i=0;i<=i...
2020-12-03 09:31:59
95
原创 图片切换2之自学js系列
Document <div class="box"> <p id="info"></p> <img src="./1.jpg" alt=""> <button id="btn1">上一张</button> <button id="btn2">下一张</button> </div>
2020-12-03 09:31:35
79
原创 通过定时器实现move()函数最终版之自学js系列
Document<style> #box{width: 100px; height: 100px; background-color: green; position: absolute; } #box2{width: 10...
2020-12-03 09:30:44
639
原创 二级菜单自己做(究极版后看这个深入理解版)之自学js系列
<head> <meta charset="UTF-8"> <title>二级菜单</title> <style type="text/css"> * { margin: 0; padding: 0; list-style-type: none; } a,img { border: 0; text-decoration: none; } body { font: 12px..
2020-11-30 10:42:19
112
原创 二级菜单究极版之自学js系列
<head> <meta charset="UTF-8"> <title>二级菜单</title> <style type="text/css"> * { margin: 0; padding: 0; list-style-type: none; } a,img { border: 0; text-decoration: none; } body { font: 12px..
2020-11-30 10:41:41
117
原创 定时器test2之自学js系列
Document <script> window.onload=function(){ //第一步,获取按钮,实现单击按钮右滑效果。 var btn1=document.getElementById("btn1"); var btn2=document.getElementById("btn2"); var box=document.getElementById("box"); ...
2020-11-30 10:40:06
4299
原创 定时器test1
Document //若getstyle(box1,“left”),不输 parseInt()会出现 0px(因为使用getstyle方法获取的style属性值自动带px,因此不能拼串要将其转换为number值) + 1;/* 加起来会出现拼串的现象,不能正常运算。因此需要parseInt(),将getstyle(box1,“left”)放到parseInt()中将其转变为number值,与后面+1才能正常运算得到number而不是拼串; ///测试。/ ...
2020-11-30 10:39:25
109
原创 js高级基础总结(数据类型)之自学js系列
数据类型的分类和判断*基本(值)类型number ----- 任意数值 ------- typeofstring ----- 任意字符串 ------- typeofboolean ---- ture/flase ------- typeofundefined – undefined ------- typeof/===null ----- null ------- ===*对象(引用)类型 —$$$注意名称不能变!O
2020-11-30 10:39:00
74
原创 BOM Navigator之自学js系列
Document<script> window.onload=function(){ var btn=document.getElementById("btn1"); btn.onclick=function(){ history.go(-2); /* alert(history.length); */ } var ua=navigator.userAgent; /*useragent作为navigator的属性值,必须写na...
2020-11-30 10:38:19
92
原创 BOM location之自学js系列
Document /---------------------------------------------------------------------------location-----------------------------------------------------------------------/ /* Location * - 代表当前浏览器的地址栏信息,location即为控制浏览器地址栏信息的B...
2020-11-30 10:36:14
71
原创 纯JS轮播图(动态轮播+静态单击)之自学js系列
Document<style> *{margin: 0; padding: 0;}/*为何整个ul距离div上左还有较大距离,浏览器默认样式(清除即可)*/ #outer{ width: 520px; height: 332px; margin: 200px auto; backgrou...
2020-11-15 08:57:54
188
原创 dom增删改查之自学js系列
window.οnlοad=function(){ function myclick(idstr,fun){ var idstr=document.getElementsByName("idstr"); idstr.onclick=fun; } /* 创建一个广州节点,添加到#city下 */ /*要想创建一个新节点到city下,首先要创建一个内容,创建li,将广
2020-10-10 10:56:33
123
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人