![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
web扶风仁
前端小白, 不定时分享个人经验, 主要方向 js、vue2,3、ts、nodejs、uniapp、jquery等
展开
-
JS(基础) 流程控制
流程控制 顺序结构:代码从上往下逐行执行 分支结构:代码根据一定的条件,有选择性的执行 循环结构:代码根据一定的条件,重复执行 分支结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta原创 2021-03-14 18:52:41 · 76 阅读 · 0 评论 -
JS 基础语法
HTML 、CSS、JS 之间的关系 HTML:设计页面的内容(决定页面中有什么) CSS:设计页面的样式(决定页面长什么样) JS:设计页面的逻辑(决定页面能干什么) 通过JS可以修改页面中的HTML和CSS; JS 变量 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w原创 2021-03-14 18:23:15 · 86 阅读 · 0 评论 -
JS(基础) 动画
一、动画实现原理? 1.核心原理 通过定时器setlnterval() 不断移动盒子位置 实现步骤 获得盒子当前的位置 让盒子在当前位置加上1个移动距离 利用定时器不断重复这个操作 加一个结束定时器的条件 注意此元素需要添加定位,才能使用 element.style.left <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv=原创 2021-03-13 22:56:47 · 93 阅读 · 0 评论 -
获取时间(基础)
``页面电子时钟 ```javascript <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&原创 2021-03-13 12:15:02 · 112 阅读 · 0 评论