- 博客(34)
- 收藏
- 关注
RSS订阅原创 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
310
原创 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
425
原创 品优购综合案例——购物车（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
4899
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
1120
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
294
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
763
原创 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
235
原创 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
883
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
1249
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
324
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
4336
2
原创 品优购综合案例——列表页（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
915
原创 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
330
原创 携程静态页面初测试（html+CSS）之自学flex布局（遇到问题该怎么办？）
Document 搜索:目的地/酒店/景点/航班号 <div class="user">我 的</div> 景点·玩乐 <li> <!-- 不能直接在li上添加title描述...
2020-12-06 16:56:46
434
原创 全选之自学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
122
原创 图片切换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
104
原创 通过定时器实现move（）函数最终版之自学js系列
Document<style> #box{width: 100px; height: 100px; background-color: green; position: absolute; } #box2{width: 10...
2020-12-03 09:30:44
762
原创 二级菜单自己做（究极版后看这个深入理解版）之自学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
143
原创 二级菜单究极版之自学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
150
原创 定时器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
4323
原创 定时器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
145
原创 js高级基础总结（数据类型）之自学js系列
数据类型的分类和判断*基本(值)类型number ----- 任意数值 ------- typeofstring ----- 任意字符串 ------- typeofboolean ---- ture/flase ------- typeofundefined – undefined ------- typeof/===null ----- null ------- ===*对象(引用)类型 —$$$注意名称不能变！O
2020-11-30 10:39:00
99
原创 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
120
原创 BOM location之自学js系列
Document /---------------------------------------------------------------------------location-----------------------------------------------------------------------/ /* Location * - 代表当前浏览器的地址栏信息，location即为控制浏览器地址栏信息的B...
2020-11-30 10:36:14
101
原创 纯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
219
原创 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
157
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人