1387809421166477_社区达人页

2023年01月

• 01.10 16:07:32
  发表了文章 2023-01-10 16:07:32

  JavaScript的类和构造函数

  JavaScript的类和构造函数 前面一篇博客，我们说到了对象，总结一下就是对象是包含属性和方法的容器。当然说到对象有个问题绕不过，那就是类，当然在es5里边并没有类的概念，但是在这里边有构造函数，可以创建类似于类的函数，说到类我们要知道，类是一种抽象的概念，类似于工厂，模板。然后对象是一具体的一个实例，当然对象可以是类的一个具体实例。接下来接单的说一下“类”和构造函数。 // 对象是指 具体到一个实体 // 类 是抽象的概念 模板 工厂 // 类名一般要大写 // 语法：function 类名(){ // 类的属性和方法(构造
• 01.10 16:05:08
  发表了文章 2023-01-10 16:05:08

  JavaScript对象的注意事项

  JavaScript对象的注意事项 前面讲到了JavaScript对象的简单解析，现在来说一下JavaScript对象实际应用时的注意事项。 1.对象可以嵌套对象 var name="蒋庆"; var obj={};//对象 var person={ // name:"马松昊", name:name, age:22, sex:"女", age:18, boyfriend:{ name:"沈春阳", age:23,
• 01.10 16:02:13
  发表了文章 2023-01-10 16:02:13

  JavaScript的对象简单解析

  JavaScript的对象简单解析 今天我们来讲一下JavaScript中最重要的知识点之一对象。为什么说对象是最重的知识点之一呢，因为在整个JavaScript中，夸张一点来说，万物皆对象(类似于道可道，非常道)。 js对象是 属性 和 方法的容器。 js对象分为 内置对象 和 自定义对象。 1.首先说一下如何创建对象： // 这里要知道对象是由 花括号包含的键值对组成 // 对象的每一项之间用 , 隔开 var person={ // 键值对 name:"张三", age:12,
• 01.10 15:58:05
  发表了文章 2023-01-10 15:58:05

  简单解析JavaScript中的递归问题之斐波那契

  简单解析JavaScript中的递归问题之斐波那契 本篇博客来简单讲解一下JavaScript中的递归函数问题，在数学问题中叫递推。在前面我们学到了for循环，然后利用for循环进行嵌套解决各种问题，其实for循环的嵌套在某种意义上就是一种递归函数。 简单来说递归函数就是在函数体内调用本函数，同时需要注意的是使用递归函数时要注意函数的终止条件，避免函数陷入死循环。下面我们来说一下递归函数中的典型案列，斐波那契数列（黄金比例数列）。 斐波那契数列指的是这样一个数列： 1、1、2、3、5、8、13、21、34、…… 这个数列从第3项开始，每一项都等于前两项之和。 这个问题在数学中的解决方式
• 01.10 15:56:16
  发表了文章 2023-01-10 15:56:16

  利用JavaScript的循环语句再页面中打印图形

  利用JavaScript的循环语句再页面中打印图形 前面两篇博客我们讲解怎么使用for循环进行数学的简单计算，这篇博客主要是利用js的循环语句在网页中打印出各种图形。 1.利用js的循环语句打印矩形 // 利用循环语句在网页中打印十行十列的矩形 for (var j = 0; j < 10; j++) { // 一行打印10个 @ for (var i = 0; i < 10; i++) { document.write("@"); } document.write("<br/>");
• 01.10 15:53:19
  发表了文章 2023-01-10 15:53:19

  JavaScript的for循环语句练习之解决小马过河的问题

  JavaScript的for循环语句练习之解决小马过河的问题 上篇文章我们说了怎么计算数学问题鸡兔同笼，这边文章咱们来说一下稍微再加大写难度的问题，小马过河。问题是现在有一群马，大马可以驮2石粮食，中马可以驮1石粮食，两头小马才可以驮1石粮食，现在要用100匹马，驮100石粮食，该如何调配？ 在这里插入图片描述 1.解决这个问题主要是要先确定三种马加起来一共有100只，同时驮的粮食加起来也得是100。 // 假设大马为x,中马为y,小马为z 那现在便可得出函数 x+y+z=100 2x+y+z÷2=100 // 转换为for循环解决则变成了： // 假设

  
• 01.10 15:40:09
  发表了文章 2023-01-10 15:40:09

  JavaScript的for循环语句练习之解决鸡兔同笼问题

  JavaScript的for循环语句练习之鸡兔同笼 上一篇文章我们说到了JavaScript中的for循环语句，今天我们来说一下for循环的有关练习，来加强一下对for循环的使用，因为for循环在后面整个的JavaScript中都很重要，比如说tab切换，轮播图，二级联动，冒泡排序等。当然单纯的for循环也只是一个语法的问题，然后重复执行代码，或者是遍历某一些东西。比如： 1.利用for循环打印0到9： for(var i=0;i<10;i++){ console.log(i); } 1 2 3 2.利用for循环遍历是数组项：

  
• 01.10 14:53:56
  发表了文章 2023-01-10 14:53:56

  JavaScript的break和continue语句的使用和区别

  JavaScript的break和continue语句的使用和区别 JavaScript中break 和 continue都是用来控制循环结构，即用在for循环和while循环中。区别在于: break 语句用于跳出循环。 continue 用于跳过循环中的一个迭代。 1.break语句 break语句会终止循环并且跳出循环 for(var j=0;j<5;j++){ if(j==3){ break; } console.log(j);//0 1 2 }
• 01.10 14:51:15
  发表了文章 2023-01-10 14:51:15

  JavaScript的流程控制之for循环语句和while循环语句（二）

  JavaScript的流程控制（二） 上一篇博客说到了JavaScript流程控制的if条件语句和switch选择语句，现在我们来说一下JavaScript流程控制中的循环语句。JavaScript中循环语句主要包含for循环和while循环两类。 for循环 for循环又分为for循环，for…in循环，for…of循环,其中for…of循环是es6中新增的，咱们后面讲es6时再讲，这次主要讲for循环和for…in循环。 1.for循环 循环可以将代码块执行指定的次数。 // 语法： // for(语句1;语句2;语句3){ // 语句4; /
• 01.10 13:49:26
  发表了文章 2023-01-10 13:49:26

  JavaScript的流程控制之if条件语句和switch选择语句（一）

  JavaScript的流程控制（一） 接下来我么来讲一下JavaScript的流程控制，JavaScript中的流程控制主要包括条件语句和循环语句。这篇博客主要讲条件语句。说到条件语句主要包括if条件语句和switch选择语句两种。 1.if语句 //语法： // if(判断的条件){ // 条件成立时的执行代码 // } //if语句当条件不成立时，不执行任何的代码 var oDate=new Date(); console.log(oDate.getDay()); if(oDate.getDay()==6){
• 01.10 13:33:04
  发表了文章 2023-01-10 13:33:04

  史上最详细JavaScript的运算符解析（二）

  史上最详细JavaScript的运算符解析（二） 上次我们说到JavaScript的运算符，但只是简单的把运算符进行了分类。现在咱们再来说一下前面几个运算符结合起来使用的情况，主要分为一下三个类别： 一元运算符 二元运算符 三元运算符 1.一元运算符 一元运算符，即 ++ (自增) 和 --(自减)，假设有变量a， 可分为a++,a–,++a,–a。 var a=10; var b=a; //a++ a+1 先赋值 后运算 var c=a++;//c=a a+1 console.log(c);//10
• 01.10 13:27:33
  发表了文章 2023-01-10 13:27:33

  史上最详细JavaScript的运算符解析（一）

  史上最详细JavaScript的运算符解析（一） 今天，我们来讲一下JavaScript的运算符这一部分知识点。说到运算符，其实我们在上学期间已经接触到过不少，比如说+ - × ÷，=，还有大小的比较等等。但是今天我们要讲的JavaScript的运算符不仅仅这些。在JavaScript中，运算符可以分为四大类： 赋值运算符 算数运算符 比较运算符 逻辑运算符 1.赋值运算符 赋值运算符只有一个，那就是 = 。最常见的是给变量赋值。 var a=10; var b=20; 1 2 2.算术运算符 算术运算符主要包含我们最常见的
• 01.10 13:22:49
  发表了文章 2023-01-10 13:22:49

  史上最好看的利用javascript制作计算器

  利用javascript制作计算器 前面我们讲到如何用js模拟计算器的基本运算，现在咱们来讲一下如何使用HTML+CSS+javascript制作一个功能齐全，切外观大气的计算器。功能效果如下图所示： 在这里插入图片描述 HTML代码： <table> <tr> <td colspan="5"> <input type="text" id="text"> </td> </tr> <tr> <td><button value="7

  
• 01.10 13:18:08
  发表了文章 2023-01-10 13:18:08

  最简单的用js模拟计算器进行计算(初级)

  用js模拟计算器进行计算 今天我们来讲一下怎么使用js来模拟计算器的加减乘除基本运算。代码如下： HTML代码： <h1>计算器</h1> <input type="number" name="" id="num1"> <br> <input type="number" name="" id="num2"> <br> <button onclick="func('+')">+</button> <button onclick="func('-')">-</button> <button onclick="func('*')"
• 01.10 13:14:34
  发表了文章 2023-01-10 13:14:34

  最快了解JavaScript变量的作用域

  JavaScript变量的作用域 作用域就是可访问的变量的集合。 在JavaScript中变量的作用域分为两种，一种是全局作用域（变量），一种是局部作用域（变量）。 同时在 JavaScript 中, 对象和函数同样也是变量。 1.全局变量(作用于全局的变量) // 1.全局变量 作用于全局 函数体之内可以访问 // 在所有的函数外面声明的变量 var global="全局变量"; function func1() { console.log(global); } func1();
• 01.10 13:10:37
  发表了文章 2023-01-10 13:10:37

  JavaScript的函数（二）

  JavaScript的函数之自执行函数和闭包 前面讲到js函数的基本分类及使用，今天我们来聊一下自执行函数的原理以及简单闭包原理。 1.自执行函数 说到自执行函数，其实就是函数不用被调用，自身执行代码块代码。整体思路如下代码： 1.按照我们的想法，先声明一个匿名函数，然后在函数后面加上(),但是会发现报错。如下图： 在这里插入图片描述 按照上面的思路去理解，在匿名函数后面直接加上()应该是可以立即执行的，但这个函数报错了，而且报了两个错误，是因为浏览器在解析js代码的时候，遇到function会当做函数声明，然后检查语法，函数声明必须要有函数名，所以报错；第二个括号处的语法错误在于函数

  
• 01.10 12:57:12
  发表了文章 2023-01-10 12:57:12

  JavaScript的函数解析（一）

  JavaScript的函数 今天和大家说一下js中一个比较重要的内容，函数。 JavaScript 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 JavaScript 函数是被设计为执行特定任务的代码块。 JavaScript 函数会在某代码调用它时被执行。 JavaScript 函数由 function 声明。 JavaScript 函数声明后需要被调用才会执行。 1.无参函数 // 声明函数 function func1(){ console.log("这是一个无参函数"); }
• 01.10 12:47:29
  发表了文章 2023-01-10 12:47:29

  JavaScript的数据类型及区别

  JavaScript的数据类型及区别 一.JavaScript的数据类型分类 js的数据类型分为值类型(基础类型/原始类型)和引用数据类型两大类。其中 值类型(基本类型/原始类型):字符串(String) 数字(Number) 布尔(Boolean) 对空(Null) 未定义(Undefined) Symbol(es6新增的，独一无二) 引用数据类型(混合数据类型):对象(Object) 数组(Array) 函数(Function) 1.值类型 // 1.字符串 string 由单引号 或 双引号 包含的内容 var str1="赵凡";

  
• 01.10 12:38:09
  发表了文章 2023-01-10 12:38:09

  JavaScript的变量及变量的提升

  JavaScript的变量及变量的提升 一.JavaScript变量的命名规范 变量名必须以字母，$ 或 _开头 驼峰命名 aName 不可以用纯数字命名 js对大小写敏感 不可以使用关键字命名 var let const delete break for if 二.JavaScript的变量 变量：字面意思，变化的量。 变量的使用分为声明和赋值两个步骤。 // 1.变量的声明 var 关键字 var x;//x是变量名 x是用来储存变量值的 // 2.变量的赋值 = x=10;//10是x变量的值
• 01.10 12:31:46
  发表了文章 2023-01-10 12:31:46

  JavaScript常见的的输出方式

  JavaScript常见的的输出方式 1.通过弹窗的形式输出 警告框 window.alert("输出内容"); 1 确认框 window.confirm("确认信息的标题"); 1 提示框 window.prompt("提示框标题","默认输出内容"); 1 以上三种方式的window可以省略。 2.通过网页的内容区域形式输出 documen.write("输出的内容"); 1 注意:因为document.write()是直接向文档中添加内容，所以当js文件中使用了window.οnlοad=function(){}时，使用docum
• 01.10 12:18:19
  发表了文章 2023-01-10 12:18:19

  JavaScript的基础使用

  JavaScript的基础 一、javascript简介 JavaScript简称js，最初由网景（现在的Mozilla）公司创建，由于商标冲突原因，其标准版本命名为ECMAScript，但是一般人们还是叫JavaScript，只在谈标准的时候说到ECMAScript这个名字。值得注意的是JavaScript与java没有任何关系，就像雷峰塔（神话中镇压白娘子的塔）和雷锋。此外js（JavaScript）和jsp（java servlet pages）也没有关系。　　 js的工作分为两部分，一部分属于js语言本身的特性，而另一部需要依靠宿主环境（web浏览器）才能完成。 二、javascri

  
• 01.10 12:01:54
  发表了文章 2023-01-10 12:01:54

  HTML标签中英文对照

  标签 对应英文 说明 <!-- 内容 --> 注释 <!DOCTYPE> document type a anchor ['æŋkə] 锚超链接 abbr abbreviation [əbriːvɪ’eɪʃ(ə)n] 缩写缩写词 acronym acronym ['ækrənɪm] 首字母缩略词缩写词 address address [ə’dres] 地址联系信息
• 01.10 11:53:26
  发表了文章 2023-01-10 11:53:26

  史上最全CSS命名规范

  CSS样式命名 说明 命名规则说明： 所有的命名最好都小写,不可以用纯数字命名，不可以用数字或“_”开头命名 属性的值一定要用双引号(“”)括起来，且一定要有值如class=“box”,id=“box” 每个标签都要有开始和结束，且要有正确的层次，排版有规律工整 空元素要有结束的tag或于开始的tag后加上"/" 表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、border等 <h1> 到 <h6>的定义，应遵循从大到小的原则，体现文档的结构，并有利于搜索引擎的查询。 给每一个表格和表单加上一个唯一的、结构标记id 给图片加上alt属性 尽量使用英文命名