- 博客(25)
- 收藏
- 关注
原创 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
原创 ToDoList-原生js
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>
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> <!-- 行内js引入 --> <input type="button" name="button" id="" value="点一下" / onclick="console.log('我是好人')"> </body>2.内嵌式:将js代码写在script.
2021-08-28 23:36:32
3654
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人