Vinsmoker_Sanji-CSDN博客

原创 react 遇到的一些问题

1.A component is changing an uncontrolled input to be controlled.但是这个报错只会在首次渲染组件是出现，在后面调试的时候就没了，所以很奇怪。原因是因为给value 初始化的时候没有给值，解决方法如下：value={this.state.content || ''}...

2021-12-15 11:51:41 668

原创迭代器和生成器

一.迭代器什么是迭代器：就是可以将一个有限并且有序的数据类型，进行有序输出的函数可迭代对象：具有可迭代接口的实例化对象比如字符串，我声名一个字符串然后打印出来

2021-10-22 10:32:53 150

HTML代码css代码body {margin:0;padding:0;font-size:16px;background: #CDCDCD;}header {height:50px;background:#333;background:rgba(47,47,47,0.98);}section{margin:0 auto;}label{float:left;width:100px;line-height:50px;color:#DDD;font-size:24px;cursor:poi.

2021-10-20 16:38:39 206

原创浅拷贝和深拷贝

浅拷贝基本类型之前互不影响，引用类型其中一个对象改变了地址，就会影响另一个对象深拷贝改变新对象不会影响原对象，他们之前互不影响。一.浅拷贝浅拷贝只拷贝一层，更深层次对象级别只拷贝地址当我们把 obj对象里面的内容拷贝给了 o之后，修改o 里面的值，obj 也会相应的改变对对象进行浅拷贝的方法有两种一是利用 for in 循环，把原有 obj 对象里面的每一项都拷贝一个空对象 o二是利用es6新增的语法 Object.assign(o,obj)<script type.

2021-10-18 19:55:41 76

原创 JSON

导读：1.什么是JSONJSON 指的是 JavaScript 对象标记法（JavaScriptObjectNotation） JSON 是一种轻量级的数据交换格式 JSON 具有自我描述性且易于理解 JSON 独立于语言*2.为什么使用JSON因为JSON 格式是文本，它能够轻松地在服务器浏览器之间传输，用作任何编程语言的数据格式。3.JSON 与 XML 的区别JSON 不使用标签 JSON 更短 JSON 的读写速度更快 JSON 可使用数组4.为什么 JSON..

2021-10-14 19:50:01 65

原创 local 与 session

html5中的Web Storage包括了两种存储方式。localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问。并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅是会话级别的存储。只允许同一窗口访问。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。同源可以读取并修改loc

2021-10-13 13:59:18 1575

原创 this的指向问题

一.函数下的this1.普通函数调用，this指向window<script type="text/javascript"> function fn(){ var user = "张三"; console.log(this.user); //undefined console.log(this); //Window } fn(); </script>函数下的this，指向的是window对象，所以返回的是 und

2021-09-23 11:14:25 128

原创 js-元素的位置

一.元素的偏移量 offsetoffset 指偏移，我们使用 offset 系列相关属性，可以动态的得到元素的位置（偏移）、大小等。该元素在文档中占用的所有显示宽度，包括border、padding、内容、滚动条，不包括overflow隐藏的部分1.offset 的属性offset 属性说明 e.offsetParent 返回该元素的祖先元素中、离自己最近的、有定位的元素(position为absolute/relative)。即返回该元素的最近的有定位的父级元素。如果父级元

2021-09-16 09:55:32 281

原创 js-BOM

导读1：什么是BOM1.BOM全称Browser Object Model，翻译为浏览器对象模型2.BOM提供了很多对象(对象里面有属性和方法)，用于访问浏览器的功能3.BOM缺少规范，每个浏览器提供商都按照自己的想法去扩展它，那么浏览器共有对象就成了事实的标准。导读2：BOM核心1.window对象是BOM中所有对象的核心，表示整个浏览器窗口，但不必表示其中包含的内容。 window对象还可用于移动或调整它表示的浏览器的大小，或者对它产生其他影响。 window对象是Jav..

2021-09-13 20:19:25 76

原创 js-DOM2

事件一.什么是事件？事件是可以被 JavaScript 侦测到的行为，例如，在用户点击某按钮时产生一个事件，然后去执行某些操作。事件是指 HTML 元素在状态改变、操作鼠标或键盘时触发的动作。包括：状态改变事件、鼠标事件、键盘事件二.事件三要素1.事件源：触发事件的元素，即这个事件发生在哪个元素上面2.事件类型：指具体是什么事件，例如 onclick 点击事件3.事件处理程序：事件触发后要执行的 js 代码，一般写在函数里面，这个函数叫事件处理函数例：<body&gt

2021-09-12 16:48:51 113

原创 js-DOM1

导读一：什么是DOMDOM中的三个字母，D（文档）可以理解为整个Web加载的网页文档；O（对象）可以理解为类似window对象之类的东西，可以调用属性和方法，这里我们说的是document对象；M（模型）可以理解为网页文档的树型结构导读二：DOM树1.DOM树把文档映射成树形结构，通过节点对象对其处理，处理的结果可以加入到当前的页面。文档：一个页面就是一个文档，DOM中使用document表示。节点：网页中的所有内容，在文档树中都是节点（标签、属性、文本、注释等），使用node表示2.根

2021-09-10 11:19:24 125

原创正则表达式

一.啥时正则表达式正则表达式(regular expression)是一个描述字符模式的对象，一般的用于检验字符串二.正则表达式的语法1.常用的普通字符正则表达式含义 [] 表示任意一个字符 [abc] 表示a、b、c中任意一个字符（表示该字符是a或b或c） [^abc] 除了a、b、c的任意一个字符（表示该字符不能是a或b或c） [a-z] 表示从a到z中的任意一个字符（表示任意一个小写英文字母 [h-z] 表示从h到z中的任意一个

2021-09-09 21:08:37 249

原创内置对象-日期对象

一.创建日期对象1.new Date():获得当前的时间2.new Date(datestring):用指定的日期和时间创建对象3.new Date(millisecond):用指定的毫秒值创建对象，millisecond为0时对应1970年1月1日4.new Date(year,month,day,hours,minutes,second,millisecond):用于指定日期创建日期对象，7个数字代表年,月,日,时,分,秒,毫秒...

2021-09-08 20:55:15 116

原创内置对象-字符串对象

一.创建字符串对象(string)获取字符串的长度（length方法）<script type="text/javascript"> // 创建字符串对象 var str = 'i’am a student'; //比较简单 console.log(str); var str1 = new String('i’am a teacher') //比较复杂 console.log(str1); var length = s.

2021-09-06 20:59:00 96

原创内置对象-数值对象

一.创建数值对象<script type="text/javascript"> // 直接创建数值对象，比较简单 var num = 21; console.log(num); // 创建数值对象，不实用 var num1 = new Number(22); console.log(num1); </script>二.数值转换成字符串1.number.tostring() 数值转换成字符串2.number.tofixed.

2021-09-03 17:06:20 84

原创 js对象-自定义对象

对象：万物皆对象JS包含多种对象：①自定义对象、②内置对象、③文档对象、④浏览器对象一.自定义对象1.创建对象的三种方法(1).利用字面量创建对象<script type="text/javascript"> var stu = { name:'张三', age:20, sex:'男', fn:function(){ console.log('我是好人') } } console.log(stu);

2021-09-02 20:45:54 193

原创 js-函数

函数就是封装了一段可以被重复执行的代码块目的：让大量代码重复使用优点：一次封装，多次使用一.函数的声名<script type="text/javascript"> // 1.利用函数的关键字自定义函数 function fn (){ } fn(); //2.函数表达式 //var 变量名 = function(){} var fun = function(aru){ console.log('我是好人');.

2021-09-02 09:14:35 71

原创 js-数组

一.什么是数组就是将多个数据一起存放二.怎样创建数组<script type="text/javascript"> // 第一种，比较麻烦的 var color= new Array(); color[0] = 'red'; color[1] = 'black'; color[2] = 'yellow'; color[3] = 'blue'; color[4] = 'green'; console.log(color); /

2021-09-01 20:45:03 75

原创 break和continue的使用

1.break 用于终结整个循环<script type="text/javascript"> // break 跳出整个循环 for(var i = 0;i <= 10;i++){ if(i == 5){ break; } console.log(i); // 打印0，1，2，3，4，当i=5的时候就跳出循环 } </script>2.continue 用于跳出当前循环<script typ

2021-09-01 19:03:17 75

原创流程控制和循环

一.分支语句，语法结构1.if分支<script type="text/javascript"> /*单分支*/ if (条件表达式) { 条件表达式的结果是一个布尔类型的变量条件满足时执行的代码 } /*双分支*/ if (条件表达式) { 条件满足时执行的代码 } else { 条件不满足时执行的代码 } /*多分支*/ if (条件表达式1) { //条件满足时执行

2021-09-01 16:36:15 79

原创 js运算符

一.算数运算符算数运算符可以用于数字的计算常见的有：+ - * / %(取余) 五种运算符<script type="text/javascript"> var num1 = 12; var num2 = 10; console.log(num1 + num2); console.log(num1 - num2); console.log(num1 * num2); console.log(num1 / num2); ...

2021-09-01 15:06:39 143

原创数据类型的转换

1.判断数据类型js中，我们用typeof来检验数据的类型<script type="text/javascript"> var name = '张三'; var age = 21; var bool = true; var array = [1,2,3,4] var a; console.log(typeof name); //string console.log(typeof age); //number console.

2021-08-30 21:28:50 67

原创 js的基础语法

一.变量通俗的讲，变量类似于一个存放东西的容器，从计算机的角度讲，变量指代的是计算机内存中的一段内存空间，用于存数据。如何定义一个变量1.使用var关键字声名变量<head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> var a; //undefined console.log(a);

2021-08-29 23:44:30 68

原创 js的输入输出方式

一.输入方式：一般的，我们通过prompt()的方法实现输入功能 <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> // prompt这是一个输入框 var str = prompt('请输入你的数据') </script> </head>二.

2021-08-28 23:51:08 2631

原创引入js文件

一般的我们有三种方法引入，行内式，内嵌式，外链式；1.行内式：顾名思义就是把js内容写进html元素里面，点击按钮会在控制台打印出来<body>  <input type="button" name="button" id="" value="点一下" / onclick="console.log('我是好人')"> </body>2.内嵌式：将js代码写在script.

2021-08-28 23:36:32 3654

Vinsmoker_Sanji的博客