- 博客(67)
- 收藏
- 关注
RSS订阅原创 js 添加表格案例
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> #form { width: 480px; margin: 30px auto; border: 1px solid #eee; .
2021-12-18 20:53:11
289
原创 js 创建div解压
<!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"> <title>D.
2021-12-18 20:24:25
63
原创 js 九宫格点击抽奖
<!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"> <title>D.
2021-12-18 20:18:23
212
原创 js编写一个九九乘法表
<!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"> <title>D.
2021-12-18 20:09:21
103
原创 js编写判断是否平年闰年
<!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"> <title>D.
2021-12-18 19:21:26
247
原创 HTML 弹性盒实例测试
1. 容器上的属性<!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-12-18 14:03:02
287
原创 HTML简单动画
<!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"> <title>Do.
2021-12-18 11:24:03
328
原创 HTML浮动以及清除方法
浮动造成的影响：父元素高度塌陷：父元素没有设置高，子元素浮动，脱离了文档流，不占位置，不能把父元素撑开，导致父元素高度塌陷，会影响后面版块的布局。方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name
2021-12-17 13:45:25
271
原创 弹性盒与BFC
1.1 弹性盒 弹性盒子是css3新的布局模式 引入弹性盒布局模型的目的是提供一种更加有效的方式 来对一个容器的子元素进行排版、对齐和分配空间。1.2 容器（父元素）上的属性 1. display : flex 让当前的盒子成为弹性盒子，子元素沿着主轴的方向进行排列，默认的主轴是x轴 子元素的特点 ： 类似于行内块元素（可以设置宽高，不设置宽高，由内容撑开） 子元素的float,clear,vertical-align属性将失效 2. flex-direction
2021-12-15 22:36:16
375
原创 HTML5与css3知识点
一、 THML5介绍 1.1 HTML5html经过了第5次重大改版,增加了一些语义化的标签 高版本浏览器支持,ie9以下不支持, 特点 ：html5是向下兼容的,原来html4的标签仍然可以用 1.2 HTML5新增的新特性 结构语义化标签 多媒体标签 智能表单 canvas绘图 SVG绘图二、结构语义化标签 1.header : 表示页面中一个内容区块或整个页面的标题, 通常 可以用来包含logo 搜索框 标题 2.nav : 划分导航区域
2021-12-15 22:30:03
914
原创 HTML知识点（二）
浮动元素的浮动是指设置了浮动属性的元素会脱离标准普通 流的控制，移动到其父元素中指定位置的过程。 语法: float : left right none(默认) 注意: 1. 浮动的元素要有父元素 2. 浮动后的元素类似元素行内块元素,如果没有设 置宽高,它的宽等同于内容的宽高.即使行内元 素浮动后也可以设置宽高. 3. 浮动的元素会脱离文档流,但是没有脱离文本流 4. 兄弟(块级元素)之间要想在一排展示,都要浮动 浮动带来的影响 父元素高度塌陷
2021-12-15 22:10:23
202
原创 HTML知识点
HTML的概念：超文本标记语言 ： HyperText Markup Language 首字母组成 结构层 ： 网页是有图像、文字、音频、视频、按钮等元素搭建起来的 HTML 表现层 ： 美化网页，相当于网页的外衣，让网页更漂亮些 CSS 行为层 ： 让网页动起来 ，常见的网页特效（返回顶部、轮播图、选项卡、吸顶效果、红包雨、 倒计时等） javascript 简称js 举个例子 ： 盖房子，房子是由水泥、钢筋、砖块等元素垒起来的，这个相当于网页的结构层；对 房子进行装修
2021-12-15 22:07:28
1218
原创 Js（原生） math函数以及 date函数
对象介绍 javaScript中一切皆对象，对象的划分 原生对象：Object，Function ,Array, String, Date, Boolean, Number,RegExp,Error 内置对象：Global 全局( window,documet),Math 内置对象 ：内置对象.属性 宿主对象：DOM BOM api API，全称Application Programming Interface，
2021-12-11 08:55:00
155
原创 js作用域链
JavaScript里一切都是对象，包括函数。函数对象和其它对象一样，拥有可以通过代码访问的属性和一系列仅供JavaScript引擎访问的内部属性。其中一个内部属性是作用域，包含了函数被创建的作用域中对象的集合，称为函数的作用域链。作用域：作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。可以说，变量和函数在什么时候可以用，什么时候被摧毁，这都与作用域有关。JavaScript中，变量的作用域有全局作用域和局部作用域两种。1. 全局作用域在代码中任何地方都能访
2021-12-07 21:03:47
64
原创 js函数封装以及this应用
1.函数的返回值2 return 返回值; 想要给外界返回什么就return什么 return本质：函数中一旦遇到return退出当前函数（函数到这里就结束了），return之后的代码就不再执行了 return只能返回一个值 想要返回多个一般放到数组当中 返回值的数据类型：可以返回任意数据类型 2.函数的封装1.获取经过浏览器渲染的样式只能获取不能设置，设置只能通过style属性经过浏览器渲染的样式：行内 内部 外部 基本语法 ：getCompute
2021-12-07 20:54:49
658
原创 js部分函数
1.基础概念函数的定义：函数就是将具有独立功能的代码块，整合到一起并命名，需要的时候调用即可函数的作用：提高代码重用率，提高代码效率2.函数定义方式基本函数 (实名函数)基本语法函数的定义： f())、函数的调用：函数名();`// 求1+1的和function sum(){ console.log(1+1); console.log("哈哈");} // 函数名表示当前函数本身 调用的时候相当于函数本身()console.log(sum);
2021-12-06 22:44:58
288
原创 前端与后端的区别
前端开发和后端开发都是干什么的？有哪些区别？通俗地讲，前端干的工作是用户可以直接看得见的，而后端开发的工作主要在服务端，用户不太能直接看到。虽然前端开发和后端开发的工作有巨大的区别，但是他们的工作都是相辅相成的，都是为了更好的用户体验。1、前端开发：网站的“前端”是与用户直接交互的部分，包括你在浏览网页时接触的所有视觉内容–从字体到颜色，以及下拉菜单和侧边栏。这些视觉内容，都是由浏览器解析、处理、渲染相关HTML、CSS、Java 文件后呈现而来。前端开发，就是要创造上面提到的网站面向用户的部分背后的代
2021-12-05 21:13:27
10393
原创 js循环
for(表达式1;表达式2;表达式3){ 特定的代码段 （循环体)}表达式1->设置初始值表达式2->循环条件终值表达式3->循环变量（增加或减少）特定的代码段：具体做的事情 for (var i = 1; i <= 5; i++) {consol
2021-12-03 20:08:28
765
原创 Js运算符
运算符：算术运算符，赋值运算符，比较运算符，逻辑运算符，三目运算符-表达式：算术表示式，赋值表达式，判断表达式，逻辑表达式数据在进行运算的时候，会尽量转为数字在进行运算（内置帮我们去转的，属于隐式转换）符合Number的规律+ :一旦遇到字符串表示拼接 将另一边数据也转为字符串++ ：不管++在前还是++在后都表示自身加1，++在前表示先自身加1，然后再进行运算，++在后表示先进行运算然后再自身加1– ：不管–在前还是–在后都表示自身减1，–在前表示先自身减1，然后再进行运算，–在后表示先进行
2021-12-01 21:52:17
638
原创 Js变量定义方式
// 基本格式 分为两部分 声明 和 定义// var 变量名 = 值;// var 变量名; 声明// 变量名 = 值; 定义 （赋值操作）// 声明 + 定义var a = 10;console.log(a);// 只声明不定义var b;console.log(b);//undefined ->未定义，未初始化，未进行赋值// 连续声明 + 定义// var c = 100;// var d = 200;// var e = 300;// var f =
2021-11-30 21:05:13
107
原创 Js变量命名规范
可以由数字,字母，下划线，$符组成，但是不能以数字开头简明知义，符合驼峰命名法大驼峰：每个有意义单词的首字母都大写 StuName小驼峰：第一个有意义的单词的首字母小写，其它有意义单词的首字母都大写 stuName不能使用关键字和保留字关键字：js中内置的名字保留字：未来有可能成为关键字的重复命名，后边覆盖前边的...
2021-11-30 21:03:02
64
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人