JS
比目鱼~
无
展开
-
JS高级-尚硅谷-知识点总结(更新中)
P4什么是数据存储在内存中代表特定信息的 本质上是01串数据的特点:可传递、可运算一切皆数据什么是内存内存条通电以后产生的可存储数据的空间(临时的)内存产生和死亡:内存条(电路板)->通电->产生内存空间->存储数据->处理数据->断电,内存空间和数据都消失一个小内存的两个数据:内部存储的数据地址值内存分类:栈:全局变量/局部变量,堆:对象什么是变量可变化的量,由变量名和变量值组成,每个变量都对应一个小内存,变量名用来找到查找对应的内存。变量值就原创 2022-02-07 21:50:47 · 1743 阅读 · 0 评论 -
JS基础-类的操作-尚硅谷-P137
视频链接:视频<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .b1{ width: 100px; height: 100px; background-color: #000000; } .b2{ height: 200px;原创 2022-02-04 11:21:29 · 401 阅读 · 0 评论 -
JS基础-轮播图的实现-尚硅谷-P134-136
视频视频链接代码:代码中插入的tools.js代码链接:JS基础-定时器的应用-尚硅谷-P131-133<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #outer{ width:原创 2022-02-02 20:56:52 · 427 阅读 · 0 评论 -
JS基础-定时器的应用-尚硅谷-P131-133
视频链接:视频链接定时器03.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #box1{ width: 100px; height: 100px; backgro原创 2022-01-31 12:06:57 · 852 阅读 · 0 评论 -
JS基础-修改div移动练习-尚硅谷-P129
视频链接视频这次解决了之前的刚开始按的时候卡顿的问题上次的:键盘移动div<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box1{ height: 100px; width: 100px; background-color: #6495ED原创 2022-01-30 18:25:30 · 106 阅读 · 0 评论 -
JS基础-定时器-切换图片练习-尚硅谷-P128
视频链接:链接代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #img1{ width: 500px; height: 300px; } </style> <script type="text/javascri原创 2022-01-30 17:52:15 · 625 阅读 · 0 评论 -
JS基础-定时器简介-尚硅谷-P127
视频链接:视频<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload=function(){ // var count=document.getElementById("count"); //使count中原创 2022-01-30 12:20:58 · 392 阅读 · 0 评论 -
JS基础-Location-尚硅谷-P126
视频链接:视频<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload=function(){ var btn=document.getElementById("btn"); btn.onclick=function()原创 2022-01-30 11:38:31 · 67 阅读 · 0 评论 -
JS基础-History-尚硅谷-P125
视频链接视频代码:50-History.html:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>History</title> <script type="text/javascript"> /** * History可用来操作浏览器向前或向后翻页 */ window.onload=function(){原创 2022-01-29 21:47:48 · 200 阅读 · 0 评论 -
JS基础-Navigator-尚硅谷-P124
视频链接视频代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> /** * BOM * ---浏览器对象模型 * 为BOM中提供了一组对象 * 完成浏览器操作 * Window---代表整个浏览器的窗口,同时win原创 2022-01-29 20:51:16 · 315 阅读 · 0 评论 -
JS基础-键盘移动div-尚硅谷-P123
视频链接:视频代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box1{ height: 100px; width: 100px; background-color: #6495ED; position: absolute; }原创 2022-01-29 12:21:30 · 267 阅读 · 0 评论 -
JS基础-滚轮-尚硅谷-P121
视频链接:视频代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>滚轮</title> <style type="text/css"> #box1{ width: 100px; height: 100px; background-color: #6495ED; } </style> &l原创 2022-01-28 23:05:51 · 98 阅读 · 0 评论 -
JS基础-拖拽-尚硅谷-P118-120
视频链接视频<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box1{ width: 100px; height: 100px; background-color: #6495ED; position: absolute; } #bo原创 2022-01-28 19:53:18 · 128 阅读 · 0 评论 -
JS基础-事件的绑定-尚硅谷-P115-116
视频链接:视频代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>事件的绑定</title> <style type="text/css"> </style> <script type="text/javascript"> /** * 点击按钮以后弹出一个内容 */ wind原创 2022-01-28 11:24:01 · 89 阅读 · 0 评论 -
JS基础-事件的委派-尚硅谷-P114
视频链接视频<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>事件的委派</title> <style type="text/css"> #u1{ background-color: #6495ED; } </style> <script type="text/javascript">原创 2022-01-27 22:25:37 · 191 阅读 · 0 评论 -
JS基础-div随鼠标移动-尚硅谷-P112
视频地址:视频<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box1{ width: 100px; height: 100px; background-color: #6495ED; position: absolute; } &l原创 2022-01-27 18:05:45 · 76 阅读 · 0 评论 -
JS基础-事件对象-获取鼠标指向的坐标-尚硅谷-P111
视频链接视频代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>事件对象</title> <style type="text/css"> #areadiv{ width: 300px; height: 600px; background-color: #6495ED; border: #ADFF2原创 2022-01-27 17:13:11 · 145 阅读 · 0 评论 -
JS基础-尚硅谷-滚动条-视频P110
视频链接:代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #info{ width: 500px; height: 500px; background-color: #6495ED; overflow: auto; }原创 2022-01-27 12:57:20 · 78 阅读 · 0 评论 -
JS基础-尚硅谷-获取内联样式-P108-109
视频链接:尚硅谷JS基础p109视频<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload=function(){ var box1=document.getElementById("box1"); //为按钮绑定原创 2022-01-26 21:43:10 · 80 阅读 · 0 评论 -
JS基础-尚硅谷-添加删除记录练习-视频p103-105
视频链接:JS基础-尚硅谷视频p105基础版本:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>添加删除记录练习</title> <script type="text/javascript"> /** * 删除tr的响应函数 */ function delA(){ /** * 点击超链接之后 超链接会原创 2022-01-25 17:37:43 · 1483 阅读 · 0 评论 -
JS基础-DOM增删改-尚硅谷视频p103
视频链接:JS基础-DOM增删改<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>DOM增删改</title> <style type="text/css"> *{ padding: 0; margin: 0; } #boddy{ background-color: #f0f0f0; ma原创 2022-01-24 21:42:19 · 2412 阅读 · 0 评论 -
JS基础-图片切换的练习-尚硅谷-P95
视频链接:JS基础-P95-图片切换练习代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #outer{ width: 300px; margin: 10px原创 2022-01-23 21:25:02 · 231 阅读 · 0 评论 -
JS基础-全选练习-尚硅谷p98-100
视频链接:尚硅谷-JS基础-全选练习<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function(){ var items=document.getElementsByName("items");原创 2022-01-23 21:19:07 · 330 阅读 · 0 评论