- 博客(30)
- 收藏
- 关注
RSS订阅原创 自适应网站切换
使用media实践出真知//添加一个盒子，在里面写标题和ul<div> <h1>media的使用</h1> <ul> <li>1</li> <li>2</li> <li>3</li> </ul></div>//并给以上html添加css样式//div现在为天蓝色div {
2021-11-17 16:59:26
1591
原创 贪吃蛇小游戏(HTML+CSS+JS)
代码思路地图：宽，高，背景颜色，因为小蛇和食物都是相对于地图显示的这里小蛇和食物都是地图的子元素，随机位置显示，脱离文档流的，地图也需要脱文档流————css需要设置：宽，高，背景颜色，脱标食物————div元素elements————存储div的数组(将来删除食物div的时候，先从map中删除div，在从数组中移除div)食物：宽，高，背景颜色，横坐标，纵坐标一个食物就是一个对象，这个对象有相应的属性，这个对象需要在地图上显示最终要创建食物的对象，先有构造函数，并且把相应的值作为参数出阿奴道构
2021-11-10 19:58:23
4287
原创 用HTML+CSS手写轮播
CSS部分* {margin: 0;padding: 0;}body {background-color: #ccc;}.slide {position: relative;margin: 100px auto;width: 800px;height: 500px;text-align: center;font-family: Arial;color: #fff;overflow: hidden;}.slide ul {margin: 10px 0;padding:
2021-11-07 22:43:21
209
原创 http响应返回的代码值的含义
一、类型状态码表示接收到请求并且继续处理100：客户端必须继续发出请求。101：客户端要求服务器根据请求转换HTTP协议版本。二、型状态码表示动作被成功接收、理解和接受。200：表明该请求被成功地完成，所请求的资源发送到客户端。201：提示知道新文件的URL。202：接受并处理，但处理未完成。203：返回信息不确定或不完整。204：收到请求，但返回信息为空.205：服务器完成了请求，用户 必须复位当前已经浏览过的文件。206：服务器已经完成了部分用户的GET请求。三、类型状态码表示为了
2021-10-31 16:07:51
353
原创 ES6 解构赋值
一、概念解构赋值是对赋值运算符的扩展 。它是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。在代码书写上简介且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。二、数组模型的解构Array1、基本let [a, b, c] = [1, 2, 3];console.log("a:" + a, "b:" + b, "c:" + c);//a:1 b:2 c:32、可嵌套let [a, [ [b], c]] = [1, [ [2], 3]];con
2021-10-18 13:02:02
115
原创 ES6 let和const
let和const是ES6新增的两个重要的JavaScript关键字，用于声明变量let(1) 概念：let声明的变量只在let命令所在的代码块内有效(2) 基本用法{ let a = 0; console.log(a); // 0}console.log(a); // 报错(3) 特点① 只在代码块内有效:let 是在代码块内有效，var 是在全局范围内有效{ let a = 0; var b = 1;}console.log(a); // 报错.
2021-10-14 11:16:45
160
原创 JS—tab栏切换
什么是tab栏？我觉得就是让一个页面中相同的内部不动，只让一些不同的部分，利用显示和隐藏的方式，正确的出现。它的运行方式是，先隐藏所有人，然后在显示该显示的，即干掉所有人显示我自己。为什么使用tab栏让页面更加简洁，不出现过多冗余的页面。最近做了一个网页发现，并不是一个头部导航下面就只有一个页面的。比如说一般情况下在一个网页的头部会有首页、联系我们、关于我们、产品信息……导航框，但是我做的这个网页，在产品信息内部又有三四个页面它们大体一致只有小部分的变化。如下在这种情况下当然更希望在文档里只有
2021-10-13 01:27:07
446
原创 JavaScript简单类型和复杂类型
原始数据类型：number、string、boolean、undefined、null、object分类：1、基本类型（简单类型）、值类型：number、string、boolean2、复杂类型（引用类型）：object3、空类型“undefined、null一、值类型和引用类型的概念值类型在栈中存储；引用类型对象在堆中存储，地址在栈中存储。二、值类型和引用类型对比1、值类型之间传递的是值var num=10;var num2=num;//传递的是值2、引用类型之间传递的是地
2021-10-03 14:30:00
131
原创 JavaScript JSON格式的数据
一、引入对象： 指属性和方法，特指的某个事物对象： 一组无序属性的集合的键值对，属性的值可以是任意的类型二、JSON格式的数据1.JSON格式的数据：一般是成对的，是键值对2.写法：JSON也是一个对象，数据都是成对得，一般json格式的数据无论是键还是值都是用双引号括起来的（以后见到的键未必是加了引号的）3.遍历：用for-in循环json的数据实际上就是格式化后的一组字符串...
2021-10-02 12:15:00
286
原创 JavaScript对象
一、走进对象编程思想： 就是把一些生活中的做事的经验融入到程序中1.面向过程：凡事都要亲历亲为，每件事的具体过程都要知道，注重的是过程2.面向对象：根据需求找对象，所有的事都用于对象来做，注重的是结果3.面向对象的特性：封装、继承、多态（抽象性）4.JS不是面向对象的语言，但是可以模拟面向对象的思想5.JS是一门基于对象的语言二、什么是对象？在JS中有一句话： 万物皆对象，指的是看得见，摸得着，具体特指的某个东西。例如，从左边数第二个同学，我头发上那个粉色的发夹。对象的特点： 有属性和方法
2021-10-01 11:00:00
117
原创 JavaScript预解析
一、预解析是什么？预解析：就是提前解析代码。 JS代码的执行是由浏览器中的JS解析器（可以理解为浏览器）来执行的。JS解析器执行JS代码的时候，分为两个过程：预解析过程和代码执行过程//关于变量的预解析// 没有声明变量，直接输出会报错console.log(num);var num;// 声明变量，没有赋值，此时这个变量的值为undefinedconsole.log(num);// 声明并数值num，在
2021-09-30 17:45:00
598
原创 JavaScript作用域链
var num=10;function f1(){ var num=20; function f2(){ var num=30; function f3(){ var num=50; console.log(num); } f3(); } f2();}f1();
2021-09-29 18:15:00
100
原创 JavaScript作用域
作用域即使用范围全局变量： 声明变量是使用var声明的，那么这个变量就是全局变量，全局变量可以在页面的任何位置使用 除了函数以外，其他的任何位置定义的变量都是全局变量 全局变量，如果页面不关闭，那么 就不会释放，就会占空间，消耗内存局部变量： 在函数内部定义的变量，是局部变量，外面不能使用全局作用域： 全局变量的使用范围局部作用域：
2021-09-28 10:39:52
100
原创 JavaScript函数
函数： 就是把一坨重复的代码封装，在需要的时候直接引入调用函数的作用： 让代码可以重复使用一、函数的定义语法：function 函数名(){ 函数体(一段重复的代码);}二、函数的调用语法：函数名();// 函数的定义function cook() { console.log("切菜"); console.log("放油"); console.log("炒菜"); console.log("放盐
2021-09-27 22:29:03
1330
原创 JavaScript关键字
一、break如果在循环中使用，遇到了break,则立刻跳出当前所在的循环例题：在100-200中找到第一个可以被7整除的数字for (var i = 100; i <= 200; i++) { if (i % 7 == 0) { console.log(i); break; }}二、continue在循环中如果遇到continue关键字，直接开始下一次循环例题：1.用continue求100到200之间所有奇数的和var sum =
2021-09-24 23:22:01
120
原创 JavaScript流程控制语句
流程控制:指代码执行的过程流程控制的三种方式:一、顺序结构 基础阶段是指从上到下,从左到右执行的顺序,我们平时写的代码都可以看成是顺序结构二、分支结构1.if语句 if语句:主要用于判断,只有一个分支 语法:if(表达式){ 代码块} 执行过程:&nbs
2021-09-23 11:20:11
167
原创 JavScript运算符
一、算数运算符包括：+ - * / %(取余) ++ –算数运算符表达式：由算数运算符连接起来的表达式1.一元运算符 只需要一个操作数就能运算起来的表达式：++ -- ++和--都是运算符 ++和--可以分为：前++和后++，前--和后--（1）前++：先加一，再运算var num=10;var sum=+
2021-09-23 00:22:44
187
原创 JavaScript数据类型转换
一、其他类型转数字类型1.转整数——parseInt();parseInt("10");//10parseInt("10bfbfda");//10parseInt("g10");//NaNparseInt("1fdfs0");//1parseInt("10.98");//10parseInt("10.98bhb");//102.转小数——parseFloat;parseFloat("10");//10parseFloat("10bbzcbd");//10parseFloat("g10
2021-09-20 11:02:28
109
原创 JavaScript数据类型
一、原始数据类型 数据类型一共有八个，分别为：Number、String、Boolean、Null、Undefined、Object、Symbol(ECMAScript6新定义)、function(函数，在后面的文章中详细讲解)1. Number:数字类型(包括整数和小数)num=20;//整数num=98.76;//小数//在JS语言中所有数字都属于Number类型知识点一：数据类型是有
2021-09-18 14:54:38
214
2
原创 JavaScript变量
一、变量大纲在JavaScript中操作数据都是在内存中操作JS中存储变量的方式（名字，值→数据）JS中声明变量都用var→存储数据时，数据应该有对应的数据类型JS中字符串类型的值，要用双引号或者单引号//存储一个数字10//变量的声明及赋值var num=10;//存储一个名字(即存储字符串)var name="某某";变量的作用：操作数据(存储、读取)变量的声明（有var有变量名，没有值）变量的初始化（有var 有变量名，有值）二、变量的声明方式语法：var 变量名；
2021-09-17 08:14:18
124
原创 JavaScript简介及注意事项
JavaScript简称js，原名LiveSript1.js分三个部分： （1）ECMASript 标准-----js的基本语法 （2）DOM-----Domcument Object Model 文档对象模型 （3）BOM-----Browser Object Model 浏览器对象模型2. JavaScript是什么？是一门脚本语言(1)编译语言：需要把代码翻译成计算机所认知的二进制语言，才能执行(2)脚本语言：不需要编译，直接执行（例如.t-sql、cmd、）是一门解释性语
2021-09-16 08:34:01
266
1
原创 在JavaScript中，三种等于号的区别
1.= 即赋值，将等号右边的赋值给等号左边的。2.== 称为等值符，无论等号两边数值的数据类型是否相同，只要数值相同就成立。 例如：“10”=10;//左边的"10"为String类型，右边的为Number类型，结果为true3.=== 称为等
2021-08-24 21:08:20
501
原创 CSS控制文本样式
1. CSS字体样式属性（1） font-size：字号大小font-size属性用于设置字号，属性值可以使用相对长度单位和绝对长度单位。CSS长度单位相对长度单位说明em相对于当前对象内文本的字体尺寸px像素（常用）绝对长度单位说明in英寸cm厘米mm毫米pt点例如：p{font-size:12px;}（2）font-family：字体font-family属性可以同时指定多个字体，中间用逗号隔开。如果
2021-06-17 22:21:47
833
原创 CSS-form表单及input表单控件
一、表单1.认识表单在HTML中，一个完整的表单通常由表单控件（也被称为表单元素）、提示信息和表单域3个部分构成。2.创建表单在HTML中，<form></form>标记被用于定义表单域，即表单开始和结束的位置，所有表单元素都在在这对标记中。语法格式：<form action=”url地址” method=”提交方式” name=”表单名称”> 表单控件 </form><form>标记的常用属性属性名含义
2021-06-16 23:11:21
4182
原创 CSS-table表格
一、表格的创建表格由<table>开始,</table>结束。除此之外还需要行元素<tr>和单元格元素<td>语法格式：<table> <tr> <td>单元格内的文字</td> …… </tr> …… </table>解释：<table></table>：用于定义一个表格<tr></tr>：用于定义
2021-06-15 23:11:21
1894
原创 旋转的太极
CSS+html制作旋转的太极一、制作太极1.css画出太极<!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-s
2021-05-01 23:00:21
178
原创 list-style和list-style-type的区别
list-style和list-style-type的区别一、 共同点：list-style和list-style-type都可以用来清除li标签带来的小圆点，在使用上用list-style或list-style-type效果是相同的。二、 不同点：list-style-type是list-style的一个属性三、 list-style属性list-style有三个属性，分别是list-style-type;list-style-position;list-style-image1. list
2021-04-26 20:15:19
2350
原创 css-边框（border）
一、边框（border）设置边框样式（border-style）用于定义页面中边框的风格，常用属性：none：没有边框线，即忽略所有边框的宽度（默认值）solid：边框为单实线dashed：边框为虚线dotted：边框为点线double：边框为双实线在设置边框样式时，既可以对盒子的单边进行设置，也可以综合设置四条边的样式，常用属性：border-top-style：上边框样式border-right-style：右边框样式border-bottom-style：下边框样式borde
2021-03-29 22:09:35
7570
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人