- 博客(33)
- 收藏
- 关注
RSS订阅
1原创 【前端】React基础2---React组件1
yes:no}1.创建组件js文件，eg.book.js。1.你好3.如果ref绑定到组件上，我们会获得这个组件。2.{条件&&ok
2022-10-24 21:22:52
251
原创 【前端】JS----JSX知识
1.createElement方法：过于繁琐繁琐、不直观、不优雅、体验感差JSX 是react的核心内容4.使用JSX创建react 元素 const title=1235.原理：babel 进行编译，转成js对象，用reactDOM.render( )方法将这个对象转成DOM元素，最后插入页面。
2022-10-24 16:08:19
537
原创 【前端】React---基础1
声明式设计、高效（减少单向dom操作）、灵活、JSX（JS拓展语法）、组件、单向响应的数据流。虚拟DOM：把真实DOM树转换成对象树，再通过diff算法，减少重绘与回流。npm create-react-app app的名字。package-lock.json 项目的配置文件。node_modules 所有的依赖安装目录。cd app的名字/npm start开始项目。package.json 项目的配置文件。4.搭建环境（提前安装node环境）3)还有一种临时安装的方式。public 静态文件目录。
2022-10-24 15:59:14
400
原创 【JS】ES6---基础3 promise与class重点
js是单线程的语言，所以很多操作都是异步操作，而异步操作多由回调函数完成，这里边就会引出一个现象”回调地狱"即回调函数中有回调函数，这种现象会导致代码的可读性降低，为了解决这个问题我们选择使用promise1.1作用：防止出现回调地狱，提高代码的可读性，像同步操作那样去执行异步操作1.2 必须接受一个函数作为参数，俩个参数名不是自定义的，是必须这么写的。
2022-10-21 22:44:57
79
原创 【JS】ES6---基础2
Every(callback):对数组进行遍历，如果有一个不满足条件，则返回false,并终止遍历，否则返回true。Some(callback):对数组进行遍历，只要有一个满足条件，则返回true,不返回bool,返回具体值。形参value ,代表数组中的每一个值。3.2 findIndex(callback) 返回数组中第一个满足条件的元素的索引。所有对象都会合并到obj1,如果是相同的属性，后边的对象的属性值会对前边的进行覆盖。Map(callback): 对数组进行遍历，将计算后的值返回新数组。
2022-10-21 22:03:15
163
原创 AJAX----基础
Ajax.open(“get”,”xxx.php”,false):参数2 服务器地址 参数3 是否异步。responseText 作为响应的主体返回的文本。Ajax.send(null) 发送后返回四种参数。statusText 跨浏览器时可能不太一样。202请求接受，处理未完成。404找不到指定url。0 对象已建立，还未初始化，未调用send。1 open已调用，未调用 send。Status 200成功。2 send已调用，其他未知。3 请求已发送，正在接收数据。4 表示数据已经收到。
2022-10-18 20:58:18
55
原创 【前端】JS---OOP
For in 只能对第一层深拷贝，如果里面的数据是引用数据类型，就是浅拷贝了。构造函数主要通过call( )或者apply( )实现。注：不要把函数或公共资源写在构造函数里，容易造成内存的浪费。Call( this,参数1，参数2……Apply( this,[参数列表])原型是一块独立的内存空间，本质是个对象。原型需要使用构造函数的名字来调用。析构函数：释放内存空间。工作原理：改变this指向。(1).构造函数：开辟内存空间。需要用深拷贝来完成继承。三大特征：封装 继承 多态。3).一个数字的n次方。
2022-09-28 09:58:27
265
原创 JS---Regexp正则表达式基础大全
模式的精确匹配次数，用大括号{ }表示，{n}表示恰好重复n次，{n,}表示至少重复n次，{n,m}表示重复不少于n次，不多于m次。表示有一系列字符可供选择，只要匹配其中一个就可以，所有可供选择的字符都放在方括号内，如：[abc] 表示a、b、c之中任选一个匹配。3） m 表示多行模式，会修改^和$的行为，默认情况下，^和$匹配字符串的开始处和结尾处，加上m修饰符后，^和$识别换行符\n。match( ):接受一个参数，正则去匹配字符串，如果匹配成功，就返回匹配成功的数组，如果匹配不成功，就返回null。
2022-09-28 09:46:28
291
原创 JS-ES5---BOM 事件
Screen.availWidth、screen.availHeight 返回屏幕可用高度，值为屏幕的实际大小减去操作系统某些功能占据的空间，如系统任务栏。1.go( ) 在用户历史记录中任意跳转，接受一个参数，表示前后跳转页面的整数值（后退一页-1，前进一页1），也可传字符串参数，跳转到第一个包含该字符串的位置。2)innerHeight:返回网页在当前窗口中可见部分的高度，包含滚动条宽度。1)innerWidth:返回网页在当前窗口中可见部分的宽度，包含滚动条宽度。
2022-09-27 22:26:06
58
原创 【前端】DOM操作
1.scrollHeight: height+padding 子元素不大于父元素情况下和cliient相同，如果子元素大于父元素 大小为：子元素大小 padding+border+margin。2.scrollWidth: width+padding 子元素不大于父元素情况下和cliient相同，如果子元素大于父元素 大小为：子元素大小 padding+border+margin。1.父元素.replaceChild( ) (新节点.替换节点) 接受俩个参数。
2022-09-27 22:20:25
155
原创 JS---数组、字符串方法
6.反转数组 reverse( ) 会改变原数组 无参数 返回值：排序后的数组。(2)可以俩个参数： 截取的是一个范围 包括开始的位置 不包括结束的位置。三个参数，起始位置，要删除的项数，要插入的任意数量的项。俩个参数，要删除的第一项的位置和要删除的项数。返回：要查找的项在数组中的位置 如果找不到 得到的值就是-1。返回：要查找的项在数组中的位置 如果找不到 得到的值就是-1。俩个参数：截取是一个范围 包括开始的位置 不包括结束的位置。(1)可以一个参数： 截取参数开始的位置一直到结束。
2022-09-27 21:59:16
165
原创 JS-ES5---Math对象、定时器、时间对象
UTC 获取的是世界时间 0时区的时间 我们在东八区 和0时区差8个小时。9.随机数 Math.random() { [0,1) 取0-1之间的随机数(不包括1) }8.获取时间戳：getTime（）（距离1970.1.1的毫秒数）4.获取日期：getDate（） 获取周几：getDay（）1)不传参 获取的是当前的时间。6.获取分钟：getMinutes（）4.返回几个数组的最大值 Math.max( )5.返回几个数中的最小值 Math.min( )3.返回某数的平方根 Math.sqrt(x)
2022-09-27 21:34:40
202
原创 JS---作用域、选项卡效果
Eg: (function(){console.log("我是自调用函数")})()局部变量如果没有被其他函数引用的情况下。匿名函数 (function(形参){ })(实参)把函数当作一个参数传到另一个函数中。函数外面定义的变量就是全局变量。函数内部定义的变量就是局部变量。全局变量始终在内存中。
2022-09-27 21:12:50
59
原创 JS---获取元素 、函数
document.getElementsByClassName('class名')document.getElementsByName('name名')表单。4.不只是通过document对象获取元素，也可以通过父元素获取子元素.声明函数： function 函数名(形参1，形参2，...){调用函数执行代码}document.getElementById('id名')声明函数：function 函数名( ){调用函数执行代码}( function(形参){ } )(实参)
2022-09-27 20:56:13
566
原创 前端【JS】数据类型、数据类型互相转换
一、数据类型 1.数字类型二、数据类型互相转换 1.字符串转数字 2.数字转字符串 3.转布尔类型一、数据类型 1.typeof( )：判断某个变量的数据类型. Eg: var num1=50 console .log(typeof(num1)); 2.字符串： 用引号 "" '' 包起来的就是字符串 任何数据类型
2022-09-25 20:48:27
297
原创 前端【JS】基础 JS的引入方式、调试语句、定义变量
1.定义变量：声明变量var(1).定义一个变量：var 变量名=变量值Eg:var num=10 ( num：变量名;=;赋值;10：变量值)console.log(num) (输出变量)(2).定义多个变量var 变量名1=变量值1，变量名2=变量值2，变量名3=变量值3......Eg:
2022-09-25 20:23:14
518
原创 前端CSS【弹性布局】常用【特效及动画】
less](C:\Users\Administrator\Desktop\web课程\视频课\less\02-08-Less\03-讲义\less.png)- animation-play-state：动画状态 paused（暂停） running（运动）- animation-iteration-count：定义循环次数 infinite：无限循环。- animation-fill-mode：forwards：保留最后一帧动画。- animation-duration：动画持续时间。
2022-09-23 10:43:58
362
原创 前端HTML5 新标签
eg:b. 有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重。eg: d. 便于团队开发和维护，语义化更具可读性，遵循W3C标准的团队都遵循这个标准，可以减少差异化。(3).source: 指定视频音频兼容模式。a. 去掉或者丢失样式的时候能够让页面呈现出清晰的结构。
2022-09-22 21:23:40
35
原创 【前端面试题】
JSON是一种特殊格式的字符串，可以与数组，对象进行转换，常用于前后端数据交互，文件配置说明。2.sessionStorage：数据依赖浏览器，当页面关闭或者退出浏览器时清空数据，存储量大。1.localStorage ：数据存储在本地，需要手动删除，存储量大。3.cookie： 可以为数据设置过期时间，存储量小，可以与后台共用。10. img标签的src，title，alt属性是做什么的？函数内实现另一个函数，局部变量数据持久化，造成一定内存压力。基本：值在栈区 引用：值在堆区。
2022-09-22 20:58:10
59
原创 前端HTML+CSS【表单+表格】属性
文本区域 / 留言板 （resize:none 固定大小 禁止手动调整textarea 大小）4).补充标签：label->for 填写属性表单id可以是该表单元素获取焦点。2.get请求相对来说比post更快捷post传递东西更大（传文件）label标签名中for属性的属性值和表单中的id属性的属性值保持一致。3).legend: fieldset标记中的标题。1.get是明文（值展示在网址上）post不会。2).fieldset:表单元素的集合。2.input->type:属性。
2022-09-22 20:31:36
149
原创 前端【常用选择器】总结
个标签可以有多个class名。类似于身份证号 多个标签不可以有相同的id 一个标签不可以有多个id名。class名由俩个单词组成：用_隔开 eg:div_box。权重：各个选择器单独计算 每个选择器用逗号隔开。权重：权重最小 会选中所有标签。多个标签可以有相同的class名。
2022-09-22 17:49:15
567
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人