文章分类 - 前端
摘要：赋值运算符 概述：给变量进行赋值 赋值运算符：=、+=、-=、*=、/=、%= <script type="text/javascript"> //赋值运算符：经常给变量进行赋值 //变量：声明一次后，可以多次赋值 var num=100; num+=60; console.log(num); nu
阅读全文
摘要：if条件语句 概述：在js中，有所谓流程控制语句，流程控制语句：条件语句、循环语句。 条件语句：程序中如果出现一种或者多种情况进行选择的时候，只能选择一个语句去执行，这样的语句，称之为条件语句。 if条件语句 语法格式： if(条件){ 书写代码 } else关键字 语法格式： if(条件){ 书写
阅读全文
摘要：逻辑运算符 概述：在js中也有逻辑运算符。逻辑运算符一共有三个：逻辑与&&、逻辑或｜、逻辑非！。 在js中一般情况下 布尔值参与逻辑运算，但是其他的类型的数值也可以参与逻辑运算，只不过浏览器中的解析器会将其他类型的数据“隐式转换”为布尔值参与逻辑运算。 布尔类型的值参与逻辑运算 概述：当两者（AB）
阅读全文
摘要：比较运算符 概述：在js语言当中，也有所谓的比较运算符（比较操作符）。一共有8个。 大于、小于、等于(==)、大于等于、小于等于、不等于、全等（ ）、不全等（!==） 不仅仅是Number类型的可以进行比较，其他类型的数据（string、undefined、空对象、布尔值）也可以进行比较，浏览器进行
阅读全文
摘要：数学运算符 在js中，也有数学运算符（数学操作符）。 其实数学运算符即为：+-*/% 口诀：先算乘除，再算加减，如果有括号，先算括号里面的； 不过在js中，不仅仅Number类型的数据可以参与到运算中，其他类型（字符串、布尔、为定义、空对象）的数据也可以参与运算，只不过浏览器中的解析器自动的将其他类
阅读全文
摘要：变量 概述：变量，它是计算机语言中的一个术语。变量这个术语起源于数学。 变量，你可以理解为一个容器。这个容器可以装在任意类型的字面量数值或者装在数学计算完结果。 我们可以通过访问变量名字、获取到变量存储的结果。 变量在使用的时候，分为三步：声明、赋值、使用。 声明 我们在使用这个变量之前，务必需要通
阅读全文
摘要：字面量 js的数据类型一共有六种：五个基本数据类型、一个引用类型。 五个基本数据类型： 注意：以后我们再编程的时候，书写的数据务必是这六种数据类型中的数值。 如果不是，程序就会报错。 字面量：说白了就是某一个类型数据的一个固定数值 当你看到这个固定的数值的时候，我们就知道他是属于那种类型的数据。 数
阅读全文
摘要：控制台的使用 通过console对象的log方法在控制台中输出一些内容。 语法格式： console.log();
阅读全文
摘要：内置函数 内置函数：内置，可以理解为浏览器自带的。函数，你可以理解为是某一个功能。 alert--警告框 <script type="text/javascript"> //内置函数-alert警告框使用 alert("窗前明月光，疑是地上霜"); alert('举头望明月，低头思故乡'); </s
阅读全文
摘要：简介 js是一种具有函数优先的轻量级，解释型或即时编译型的编程语言 。虽然它作为开发web页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，js基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式风格。 用途 1.可以给网页添加动态效果 2.node、vue、react都是
阅读全文
摘要：盒子模型 页面上也有很多元素，元素之间的布局 /设计，依靠盒子模型。 所有HTML元素可以看作盒子，在css中 ，“box model”这一术语是用来设计和布局时使用的。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充和实际内容。盒子模型允许我们在其他元素和周围元素边
阅读全文
摘要：position定位 静态定位（static） 默认值，没有定位，元素出现在正常的流中（忽略top，bottom，left，right或者z-index声明） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>
阅读全文
摘要：浮动 浮动设置的初衷是为了解决文字环绕 图片的，浮动后一定不会将文字挡住，这是设计初衷，不能违背。 CSS的FLOAT（浮动）使元素脱离文档流，按照指定的方向（左或者右发生移动），直到它的边缘碰到包含框或另一个浮动框的边框为止。 说到脱离文档流要说一下什么是文档流，文档流是文档中可现实对象排列时所占
阅读全文
摘要：伪类选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <style type="text/css"> /*h1:hover{*/ /* color: red;
阅读全文
摘要：属性选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> .demo a{ float: left; display: block
阅读全文
摘要：关系选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> /*后代选择器*/ /*div h1 {*/ /* color: red
阅读全文
摘要：基本选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /** 基本选择器：元素选择器 通过元素的名字进行定位，它会获取页面上所有这个元素，无论藏的多深都可以获
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!-- 定义form表单：form表单回采集包含的有效数据，提交到后台，进行交互 http://lo
阅读全文
摘要：框架集合 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <!--框架集合：和body是并列的概念，不要将框架集合放入到body中--> <frameset row
阅读全文
摘要：书籍列表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <ul> <li> <!-- a标签默认target是_self--> <a href=".
阅读全文
浙公网安备 33010602011771号