摘要: 1.html代码 <button class="back_to_top">返回顶部</button> 2.css代码 .back_to_top{ position: fixed; bottom:30px; right: 30px; border:1px solid #888; } 3.js代码 va 阅读全文
posted @ 2021-12-27 14:17 南北t 阅读(186) 评论(0) 推荐(0)
摘要: 1.弹性布局 弹性布局,又称为“flex布局” 了解两个基本概念: ① 容器: 需要添加弹性布局的父元素; ② 项目: 弹性布局容器中的每一个子元素,称为项目; 了解两个基本方向: ① 主轴: 在弹性布局中,我们会通过属性规定水平/垂直方向为主轴; ② 交叉轴: 与主轴垂直的另一方向,称为交叉轴。 阅读全文
posted @ 2021-12-27 00:19 南北t 阅读(193) 评论(0) 推荐(0)
摘要: 在上一篇随笔中 写到了 前后端交互的前提准备工作 现在说一下 通过后端 传输数据 这一张是通过过前端进入页面 看到的效果 这一张是通过后端进入页面的效果 1.建立index.html 想要效果从后台实现 首先得要有 一个前端的主体 在html文件中把自己想要的效果实现出来 建立盒子 输入文字 设置盒 阅读全文
posted @ 2021-12-26 18:03 南北t 阅读(155) 评论(0) 推荐(0)
摘要: 1.下载node 进入www.node.js.org/zh-cn node官网 下载node 2.验证node是否下载安装成功 打开cmd命令行 输入 node -v 若能输出版本号 则安装完成 3.修改淘宝镜像 打开cmd命令行 输入 npm config get registry查看我们现在的淘 阅读全文
posted @ 2021-12-26 14:38 南北t 阅读(50) 评论(0) 推荐(0)
摘要: css动画看起来很难,但简单来说,就是通过鼠标的单击、获得焦点、被点击、或对元素任何改变中触发,并平滑地以动画效果改变css属性值 在css中创建简单的过渡效果可以从以下几个步骤来实现 (1)在默认样式中声明元素的初始状态样式 (2)声明过渡元素最终状态样式,比如悬浮状态 (3)在默认样式中通过添加 阅读全文
posted @ 2021-12-25 14:47 南北t 阅读(223) 评论(0) 推荐(0)
摘要: css一共有四种定位方式 1.static(静态定位) 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。 2、relative(相对定位) 定位为relative的元素脱离正常的文档流,但其在文档流中的位置依然存在,只是视 阅读全文
posted @ 2021-12-24 14:38 南北t 阅读(271) 评论(0) 推荐(0)
摘要: 生成随机数 1.js 生成 0 - 1 之间的随机数 2.生成 0 - 50之间的随机数 3.生成 50 - 100之间的随机数 从上面三个随机数 总结来看 生成随机数的公式如下 阅读全文
posted @ 2021-11-28 22:35 南北t 阅读(284) 评论(0) 推荐(1)
摘要: 1.变量 变量的作用是给某一个值或对象标注名称。 比如我们的程序中有一个值123,这个值我们是需要反复使用的,这个时候 我们最好将123这个值赋值给一个变量,然后通过变量去使用123这个值。 变量的声明: 使用var关键字声明一个变量。 变量的赋值: 使用=为变量赋值。 声明和赋值同时进行: 2.数 阅读全文
posted @ 2021-11-28 22:29 南北t 阅读(80) 评论(0) 推荐(1)
摘要: 1.JavaScript的使用 (1)标签引用 在HTML中在script标签中就可以编写JavaScript代码,演示如下 (2)文件引用 在一个单独的js文件中也可以编写JavaScript代码,然后在HTML文件中使用script标签进行引用, 2.JavaScript的输出 (1)页面输出 阅读全文
posted @ 2021-11-21 22:07 南北t 阅读(137) 评论(0) 推荐(0)
摘要: html中的浮动可以让默认为在最左侧的盒子 进行位置的改变 在html中添加四个盒子 效果如下 可以看到 四个盒子上下对齐都在页面的最左侧 加入浮动后可以使盒子都在第一排 效果如下 增加浮动后可以使原来默认在最左侧的盒子并列在一排 改变属性可以使盒子移到最右侧 给div4盒子改变了浮动属性 效果如下 阅读全文
posted @ 2021-11-14 23:22 南北t 阅读(669) 评论(0) 推荐(0)