![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
认真学习的宋小姐
这个作者很懒,什么都没留下…
展开
-
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 · 143 阅读 · 0 评论 -
DOM的学习(一)
DOM原创 2021-11-01 16:30:48 · 165 阅读 · 0 评论 -
Web APIs 简介
Web APIs 简介原创 2021-11-01 16:26:18 · 64 阅读 · 0 评论 -
JavaScript 简单类型与复杂类型
JavaScript 简单类型与复杂类型<script> // 简单数据类型 null 返回的是一个空的对象 object var timer = null; console.log(typeof timer); // 如果有个变量我们以后打算存储为对象,暂时没想好放啥, 这个时候就给 null // 1. 简单数据类型 是存放在栈里面 里面直接开辟一个空间存放的是值 // 2. 复杂数原创 2021-10-26 22:49:35 · 55 阅读 · 0 评论 -
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 · 157 阅读 · 0 评论 -
JavaScript 对象
JavaScript 对象<script> // 1.利用对象字面量创建对象 {} // var obj = {}; // 创建了一个空的对象 var obj = { uname: '张三疯', age: 18, sex: '男', sayHi: function() {原创 2021-10-21 22:06:47 · 54 阅读 · 0 评论 -
JavaScript作用域+预解析
JavaScript作用域<script> // 1.JavaScript作用域 : 就是代码名字(变量)在某个范围内起作用和效果 目的是为了提高程序的可靠性更重要的是减少命名冲突 // 2. js的作用域(es6)之前 : 全局作用域 局部作用域 // 3. 全局作用域: 整个script标签 或者是一个单独的js文件 var num = 10; var num = 30; conso原创 2021-10-21 21:32:18 · 90 阅读 · 0 评论 -
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 · 110 阅读 · 0 评论 -
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 · 151 阅读 · 0 评论 -
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 · 305 阅读 · 0 评论 -
JavaScript 流程控制-循环
流程控制-循环<script> // 1. for 重复执行某些代码, 通常跟计数有关系 // 2. for 语法结构 // for (初始化变量; 条件表达式; 操作表达式) { // // 循环体 // } // 3. 初始化变量 就是用var 声明的一个普通变量, 通常用于作为计数器使用 // 4. 条件表达式 就是用来决定每一次循环是否继续执行 就是终止的条件原创 2021-10-19 21:30:27 · 163 阅读 · 0 评论 -
JavaScript 流程控制-分支
JavaScript 流程控制-分支<script> // 1. if 的语法结构 如果if // if (条件表达式) { // // 执行语句 // } // 2. 执行思路 如果 if 里面的条件表达式结果为真 true 则执行大括号里面的 执行语句 // 如果if 条件表达式结果为假 则不执行大括号里面的语句 则执行if 语句后面的代码 // 3.原创 2021-10-19 17:12:28 · 141 阅读 · 0 评论 -
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 · 60 阅读 · 0 评论 -
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 · 97 阅读 · 0 评论 -
JavaScript 变量
初识 JavaScript<body> <!-- 1. 行内式的js 直接写到元素的内部 --> <input type="button" value="唐伯虎" onclick="alert('秋香姐')"></body> <!-- 2.内嵌式的js --> <script> alert('沙漠骆驼'); </script> </script>原创 2021-10-17 20:51:18 · 93 阅读 · 0 评论 -
2021-10-14
================原创 2021-10-17 19:32:21 · 72 阅读 · 0 评论 -
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 · 145 阅读 · 0 评论 -
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 · 167 阅读 · 0 评论 -
css定位及方式
一、定位目标:能够说出 定位 的常见应用场景,并且能够说出 不同定位方式 的特点定位的常见应用场景是什么?解决盒子与盒子之间的层叠问题 → 定位之后元素层级最高,可以层叠在其他盒子上可以让盒子始终固定在屏幕中的某个位置 <style> *{ margin: 0; padding: 0; } div { width: 300px; h.原创 2021-10-05 22:50:54 · 229 阅读 · 0 评论 -
CSS布局-伪元素、标准流、浮动
综合案例原创 2021-10-05 20:29:11 · 88 阅读 · 0 评论 -
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 · 65 阅读 · 0 评论 -
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 · 106 阅读 · 0 评论 -
CSS基础 选择器进阶+背景属性+元素显示模式+三大特性
选择器进阶+背景属性+元素显示模式+三大特性<style> .father p { color: red; } </style></head><body> <div class="father"> <p>小姐姐</p> <div> <p>原创 2021-09-27 22:43:46 · 115 阅读 · 0 评论 -
CSS综合案例
新闻网页案例分析一个网页,先从外往内,从上往下挨个书写,先分析结构,再分析样式 <style> .box{ width: 800px; height: 800px; /* background-color: steelblue; */ margin: auto; } h1{ text-align: center;原创 2021-09-27 20:30:07 · 280 阅读 · 0 评论 -
CSS层叠样式表单
CSS介绍CSS作用是什么??• 给页面中的HTML标签设置样式写在哪里?• css写在style标签中,style标签一般写在head标签里面,title标签下面原创 2021-09-23 22:41:08 · 133 阅读 · 0 评论 -
综合案例学习
表格案例<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 · 39 阅读 · 0 评论 -
表单标签学习
表单标签目标:能够使用表单相关标签和属性,实现网页中表单类网业结构搭建input系列标签button按钮标签select下拉菜单标签textarea文本域标签label标签input 标签input标签可以通过type值属性的不同、展示不同的效果 昵称;<input type="text" placeholder="请输入你的昵称"><br><!-- 单选框 radio --> 性别:<input type="radio"原创 2021-09-23 22:09:58 · 54 阅读 · 0 评论 -
表格相关内容学习
表格相关内容有序列表、无序列表、自定义列表<body> <!-- 无序列表 --> <h1>水果列表</h1> <!-- ul表示无序列表的整体 --> <!-- li表示无序列表的每一项 --> <ul> <li>榴莲</li> <li>香蕉</li> <li>苹果<原创 2021-09-23 20:04:30 · 58 阅读 · 0 评论 -
HTML标签学习
HTML标签学习目标:学习HTML排版,媒体,链接等基础标签,完成基础网页的开发原创 2021-09-16 21:20:51 · 71 阅读 · 0 评论 -
前端基础-基础认知
认识网页什么是网页?文字,图片,音频,视频,超链接我们看到网页背后的本质是什么?前端程序员写的代码。前端的代码是通过什么软件转换成用户眼中的页面儿的?通过浏览器转化解析和渲染成用户看到的页面。...原创 2021-09-15 20:36:34 · 304 阅读 · 0 评论