- 博客(37)
- 收藏
- 关注
原创 DOW的学习(二)
<body> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button>按钮5</button> <script> // 1. 获取所有按钮元素 var btn.
2021-11-02 17:04:24 124
原创 JavaScript 简单类型与复杂类型
JavaScript 简单类型与复杂类型<script> // 简单数据类型 null 返回的是一个空的对象 object var timer = null; console.log(typeof timer); // 如果有个变量我们以后打算存储为对象,暂时没想好放啥, 这个时候就给 null // 1. 简单数据类型 是存放在栈里面 里面直接开辟一个空间存放的是值 // 2. 复杂数
2021-10-26 22:49:35 50
原创 JavaScript 内置对象
JavaScript 内置对象<script> // Math数学对象 不是一个构造函数 ,所以我们不需要new 来调用 而是直接使用里面的属性和方法即可 console.log(Math.PI); // 一个属性 圆周率 console.log(Math.max(1, 99, 3)); // 99 console.log(Math.max(-1, -10)); // -1 console.log(Math.max
2021-10-25 21:48:23 110
原创 JavaScript 对象
JavaScript 对象<script> // 1.利用对象字面量创建对象 {} // var obj = {}; // 创建了一个空的对象 var obj = { uname: '张三疯', age: 18, sex: '男', sayHi: function() {
2021-10-21 22:06:47 49
原创 JavaScript作用域+预解析
JavaScript作用域<script> // 1.JavaScript作用域 : 就是代码名字(变量)在某个范围内起作用和效果 目的是为了提高程序的可靠性更重要的是减少命名冲突 // 2. js的作用域(es6)之前 : 全局作用域 局部作用域 // 3. 全局作用域: 整个script标签 或者是一个单独的js文件 var num = 10; var num = 30; conso
2021-10-21 21:32:18 80
原创 JavaScript 函数
JavaScript 函数<script>// 3. 函数就是封装了一段可以被重复执行调用的代码块 目的: 就是让大量代码重复使用 function getSum(num1, num2) { var sum = 0; for (var i = num1; i <= num2; i++) { sum += i; } console.log(s
2021-10-21 20:53:13 105
原创 JavaScript 数组
JavaScript 数组<script> // 1.数组(Array) :就是一组数据的集合 存储在单个变量下的优雅方式 // 2. 利用new 创建数组 var arr = new Array(); // 创建了一个空的数组 // 3. 利用数组字面量创建数组 [] var arr = []; // 创建了一个空的数组 var arr1 = [1, 2, 'pink老师', true];
2021-10-21 19:49:10 140
原创 JavaScript· 循环练习题
作业练习题 <script> //1. 求1-100之间所有数的总和与平均值 var num=0; for (var i = 1; i <= 100; i++) { num=num+i; } console.log(num); // 2. 求1-100之间所有偶数的和 var num=0; for (
2021-10-20 15:20:53 253
原创 JavaScript 流程控制-循环
流程控制-循环<script> // 1. for 重复执行某些代码, 通常跟计数有关系 // 2. for 语法结构 // for (初始化变量; 条件表达式; 操作表达式) { // // 循环体 // } // 3. 初始化变量 就是用var 声明的一个普通变量, 通常用于作为计数器使用 // 4. 条件表达式 就是用来决定每一次循环是否继续执行 就是终止的条件
2021-10-19 21:30:27 154
原创 JavaScript 流程控制-分支
JavaScript 流程控制-分支<script> // 1. if 的语法结构 如果if // if (条件表达式) { // // 执行语句 // } // 2. 执行思路 如果 if 里面的条件表达式结果为真 true 则执行大括号里面的 执行语句 // 如果if 条件表达式结果为假 则不执行大括号里面的语句 则执行if 语句后面的代码 // 3.
2021-10-19 17:12:28 113
原创 JavaScript 运算符
JavaScript 运算符<script> console.log(1 + 1); // 2 console.log(1 - 1); // 0 console.log(1 * 1); // 1 console.log(1 / 1); // 1 // 1. % 取余 (取模) 取余数 console.log(4 % 2); // 0 console.log(5 % 3
2021-10-18 21:55:15 53
原创 JavaScript的数据类型及转换
数据类型<script> // int num = 10; java // var num; // 这里的num 我们是不确定属于哪种数据类型的 var num = 10; // num 属于数字型 // js 的变量数据类型是只有程序在运行过程中,根据等号右边的值来确定的 var str = 'pink'; // str 字符串型 // js是动态语言 变量的数据类型是可以变化的
2021-10-17 21:55:07 86
原创 JavaScript 变量
初识 JavaScript<body> <!-- 1. 行内式的js 直接写到元素的内部 --> <input type="button" value="唐伯虎" onclick="alert('秋香姐')"></body> <!-- 2.内嵌式的js --> <script> alert('沙漠骆驼'); </script> </script>
2021-10-17 20:51:18 76
原创 CSS样式补充+项目前置认知 +项目结构搭建
CSS样式补充 <style> .one { width: 24px; height: 24px; background: url('./images/taobao.png') 0px -264px; float: left; } .two { width: 24px; height: 24px; background: url('./images/taobao.png') 0px
2021-10-13 16:54:40 136
原创 CSS装饰+选择器拓展
装饰<style> img { vertical-align: bottom; } </style></head><body> <img src="./images/1.jpg" alt="">老师真帅ayfc老师真帅ayfc老师真帅ayfc</body>问题一<style> input { height: 50px; /* 自动
2021-10-13 11:58:14 158
原创 css定位及方式
一、定位目标:能够说出 定位 的常见应用场景,并且能够说出 不同定位方式 的特点定位的常见应用场景是什么?解决盒子与盒子之间的层叠问题 → 定位之后元素层级最高,可以层叠在其他盒子上可以让盒子始终固定在屏幕中的某个位置 <style> *{ margin: 0; padding: 0; } div { width: 300px; h.
2021-10-05 22:50:54 203
原创 CSS的布局
CSS布局一、CSS 三大特性文本为蓝色文本为黄色文字为红色二、PxCook的基本使用目标:能够使用 PxCook 工具测量设计图的 尺寸 和 颜色 ,能够从psd文件中直接获取数据学习路径: 1. 打开设计图 2. 常用快捷键 3. 从psd文件中直接获取数据三、盒子模型效果图:连写形式(bd+tap键) border:10px solid black;上边框 top 下边框 bottomborder-top:10px solid bl
2021-09-28 22:22:18 52
原创 CSS综合案例
普通导航-效果图 <style> a { width: 80px; height: 50px; background-color: orange; display: inline-block; text-decoration: none; color: #fff; text-align: center; line-height: 50px;
2021-09-27 23:04:37 94
原创 CSS基础 选择器进阶+背景属性+元素显示模式+三大特性
选择器进阶+背景属性+元素显示模式+三大特性<style> .father p { color: red; } </style></head><body> <div class="father"> <p>小姐姐</p> <div> <p>
2021-09-27 22:43:46 106
原创 CSS综合案例
新闻网页案例分析一个网页,先从外往内,从上往下挨个书写,先分析结构,再分析样式 <style> .box{ width: 800px; height: 800px; /* background-color: steelblue; */ margin: auto; } h1{ text-align: center;
2021-09-27 20:30:07 261
原创 CSS层叠样式表单
CSS介绍CSS作用是什么??• 给页面中的HTML标签设置样式写在哪里?• css写在style标签中,style标签一般写在head标签里面,title标签下面
2021-09-23 22:41:08 124
原创 综合案例学习
表格案例<body> <table border="1" width="400" heigth="400"> <caption><h3>优秀学生表格</h3></caption> <thead> <tr> <th>1</th> <th>1</th>
2021-09-23 22:14:55 33
原创 表单标签学习
表单标签目标:能够使用表单相关标签和属性,实现网页中表单类网业结构搭建input系列标签button按钮标签select下拉菜单标签textarea文本域标签label标签input 标签input标签可以通过type值属性的不同、展示不同的效果 昵称;<input type="text" placeholder="请输入你的昵称"><br><!-- 单选框 radio --> 性别:<input type="radio"
2021-09-23 22:09:58 47
原创 表格相关内容学习
表格相关内容有序列表、无序列表、自定义列表<body> <!-- 无序列表 --> <h1>水果列表</h1> <!-- ul表示无序列表的整体 --> <!-- li表示无序列表的每一项 --> <ul> <li>榴莲</li> <li>香蕉</li> <li>苹果<
2021-09-23 20:04:30 50
原创 前端基础-基础认知
认识网页什么是网页?文字,图片,音频,视频,超链接我们看到网页背后的本质是什么?前端程序员写的代码。前端的代码是通过什么软件转换成用户眼中的页面儿的?通过浏览器转化解析和渲染成用户看到的页面。...
2021-09-15 20:36:34 247
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人