- 博客(15)
- 收藏
- 关注
RSS订阅原创 JS笔记-面向对象、原型
面向对象是什么？是一种编程思想，是基于面向过程实现的，不需要关注底层是如何实现的，直接调用即可创建对象的方式1. 字面量创建let obj = { name: "zhangsan", age: 18, like:()=>console.log("run")}2. 内置构造函数创建let stu = new Object();stu.name = "zhangsan";stu.age = 18;stu["like"] = ()=>co
2021-08-31 11:34:44
155
原创 JS笔记-ES6
ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。定义变量let 变量名 = 值;const 变量名 = 值;let / const 和 var的区别1. let 和 const 声明的变量，不能重复声明同名变量2. let 和 const 声明的变量，不会预解析3. 在所有{}大括号中，使用 let 和 const 声明的变量，会被限制使用范围，暂时性死区let / const 的区别1. 使用 let 声
2021-08-26 20:22:36
223
原创 JS笔记-正则表达式
是什么？是一种文本模式，按照一定的语法定义且一些具有特殊含义的字符组成的规则表达式。作用：用来匹配检测字符串，按照定义的规则，校验字符串是否合法创建方式1. 字面量创建var 变量名= /表达式/;2. 内置构造函数创建var 变量名 = new RegExp(表达式);常用方法.test(参数) 参数表示我们要校验的字符串语法： 正则表达式对象.test(要校验的字符串);返回值：符合为true，否则为falseexec() 把..
2021-08-25 20:06:25
284
4
原创 JS笔记-事件
事件是什么？发生在元素身上的事情事件的组成事件源 触发事件的元素 事件类型 触发什么样的事件 事件处理函数 事件触发后要做什么事事件对象是什么？用来描述事件信息的对象，在时间处理函数中第一个形参，就是事件对象。事件元素.onclick = function(e){ console.log(e); // 低版本id是undefined 获取不到该事件对象 console.log(window.event); // 低版本谷歌火狐不...
2021-08-24 19:46:05
125
原创 JS笔记-BOM、DOM
BOM是什么？Browser Object Model 浏览器对象模型 浏览器操作内容都是在对象的方法操作，也就操作浏览器的能力顶级对象是 window在全局中定义的变量其实就是在window身上作为属性，this、top、name等属性都是指向window的获取浏览器窗口的尺寸innerHeight 获取浏览器窗口的高度(包含滚动条)innerWidth 获取浏览器窗口的宽度(包含滚动条)使用：window.innerHeightwindow.innerWidth..
2021-08-21 09:26:20
177
原创 JS笔记-Math、Date
Math对象是js的一个内置对象，提供了操作数字的方法1. random() 生成0-1之间的随机数，不包含1语法：Math.random();2. round() 将小数四舍五入成整数语法：Math.round(转换对象);3. abs() 将对象转换为绝对值并返回语法：Math.abs(转换对象);4. ceil() 将一个小数向上取整成整数语法：Math.ceil(转换对象);5. floor() 将一个小数向下取整成整数语法：Ma
2021-08-18 19:48:41
104
原创 JS笔记-对象、数组、字符串
对象是什么？是一个数据类型，复杂数据类型，是无序数据的集合，一般以键值对的形式存储语法：var obj1 = {};键 ：就是键值对中的 键 ，对象中的键的类型只能数字符串，在对象中可以用单引号包裹，也可以没有键值： 对象中的键值可以数任意的数据类型键值对，键和值用冒号连接，多个键值对用逗号连接一、 创建对象的方式1. 字面量方式创建var obj1 = {} // 表示一个空对象var obj2 = {name:'ken',age:32};2. 通过内置构造
2021-08-17 21:09:55
311
原创 JS笔记-函数、事件
函数是什么？被调用时可执行的可重复使用的代码块函数的创建1. 声明式语法： function 函数名(参数){ 执行的代码块}2. 赋值式语法：var 变量名称 = function(参数){ 执行的代码块}函数的调用1. 声明式调用函数的名称();2. 赋值式调用变量的名称();参数函数需要的变量参数分为形参和实参形参：创建函数时小括号内的值实参：调用函数传入小括号的值参数数量问题： 1.原则上...
2021-08-13 20:30:27
113
原创 CSS之宽高自适应、BFC
宽度自适应 width1. 块级元素设置宽度100%，默认和浏览器一样2. 块级元素不设置宽度，宽度默认100%，回合父级等宽3. 块级元素不设置默认100%，如果添加了脱离文档流属性，元素宽度由内容决定4. 设置脱离文档流属性，一定要给该元素添加宽高大小高度自适应 height1. 浏览器的默认高度是0，如果设置直接子级元素为100% 高度不显示2. 高度不设置或者设置auto，当前元素宽度会被子级撑开设置元素为百分比的情况 设置浏览器的默认百分比...
2021-08-11 21:00:43
477
1
原创 CSS属性-元素转换、定位、锚点
元素类型的分类块级元素、行内元素、可变元素块级元素+行内元素 =>行内块元素1.块级元素特点常见的块级元素：div、p、ul、ol、li、h1-h6特点：以一个盒子显示并可以设置宽高大小独占一行、从上到下顺序排列可以嵌套其他元素2. 行内元素特点常见的行内元素:span、a、i、em、strong特点：无法设置宽高大小、宽高由内容决定在一行显示设置margin-top/bottom会失效3. 可变元素通过方法改变元素的显示方式4. 行内块元素的特
2021-08-11 20:16:12
565
原创 JS笔记-分支语句、循环语句
分支语句if1. 单分支if(条件表达式){ 条件成立执行该位置代码}2. 双分支if(条件表达式){ 条件成立执行该位置代码}else{ 条件不成立执行该位置代码}3. 多分支if(条件表达式1){ 条件表达式1成立执行该位置代码}else if(条件表达式2){ 条件表达式2成立执行该位置代码}else if(条件表达式3){ 条件表达式3成立执行该位置代码}else{ 以上条件都不满足，则执行该位置代
2021-08-10 20:08:24
76
原创 JS笔记-基础语法、运算符
JS（JavaScript）是什么？就是控制页面内容的语言。 表单校验，异步加载，添加事件，动态改变样式，网页特效，游戏开发，生动渲染页面。JS的创建方式1. 行内式 在标签属性内通过行为触发执行2. 内联式 在html中添加<script></scirpt>标签，在该标签中书写js代码3. 外部式 创建后缀为js的文件，在js文件书写js代码，然后通过<script src=""></script>引入js文件JS基本语...
2021-08-09 20:54:49
99
原创 CSS属性-内外边距、文本属性
盒模型规定元素相互之间的位置关系 调间距调位置组成部分 content（内容区域 元素自身的大小）、padding（内边距）、border（边框）、margin（外边距）标准盒模型的组成部分: content、padding、border、margin - 盒子自身的大小 content + padding + border - 盒子真实的大小 content + padding + border + marginCSS属性1. 浮动属性作...
2021-08-08 17:34:54
1068
原创 CSS基本概念
CSS是什么？用来美化页面样式的语言。CSS语法组成：选择器{声明} =>选择器{属性1:属性值1;属性2:属性值2} 选择器 表示修饰的对象 或者是html标签 声明 表示被修饰的对象需要用怎么样的属性进行修饰 声明的属性值不需要用引号引起来当一个对象有多个声明的时候不区分前后顺序
2021-08-08 17:17:32
73
原创 HTML总结
HTML是什么？用于创建网页的超文本标记语言HTML文档基本结构<!DOCTYPE html> <!-- 声明文档类型 --><html> <!-- html语言 浏览器是否进行翻译 --><head> <!-- 头部 描述区域:head区域内引入外部的资源 --> <meta charset="UTF-8"> <!-- 元标记 国际编码 对页面中的中文进行解析 --> <
2021-08-08 13:58:55
106
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人