- 博客(17)
- 收藏
- 关注
RSS订阅原创 React Hooks各种函数介绍
useState:useState 是用于声明一个状态变量的，用于为函数组件引入状态.useState 只接收一个参数，这个参数可以是数字、字符串、对象等任意值，用于初始化声明的状态变量。也可以是一个返回初始值的函数，最好是函数，可在渲染时减少不必要的计算。返回一个长度为2的读写数组，数组的第一项是定义的状态变量本身，第二项是一个用来更新该状态变量的函数，约定是 set 前缀加上状态的变量名.useState Hook 中返回的 setState 并不会帮我们自动合并对象状态的属性;setSt
2022-05-21 08:40:12
470
原创 【面试一】
#2021·HTML5大前端企业面试真题宝典第一部分：HTML5+CSS31、父元素和子元素宽高不固定，如何实现水平垂直居中第一种方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
2022-04-26 08:24:12
4554
原创 http协议
一，http协议超文本传输协议 Hyper Text Transfer Protocol协议：约束双方的利益和责任二，步骤第一步：建立连接第二步：开始通信客户端给服务端发送消息 -消息的格式必须是请求报文请求行：请求方式 请求路径 协议/版本请求头：包含请求消息的一些键值对请求空行：空格换行请求主体：第三步：断开连接...
2022-04-07 19:16:33
317
原创 九，JavaScript的事件
一，复习事件1.鼠标类click 单击dblclick 双击contextmenu 右击mouseover 移入mouseout 移出mousewheel 滑轮滚动mouseenter 移入mouseleave 移出mousemove 鼠标移动mousedown 鼠标按下mouseup 鼠标松开<-- 只要鼠标按键按下松开都能触发2.键盘类键盘按下键盘抬起敲击键盘keydownkeyupkeypress不松开一直
2022-03-30 21:38:38
304
原创 实现div的拖拽
拖拽：在div上按下鼠标，移动鼠标，移动过程中让div跟随鼠标移动分析：给div绑定鼠标按下事件 - 在按下的事件中继续绑定移动事件div移动：设置left和top - 给div设置定位left 和 top 的值是多少？ 获取鼠标的位置 ，就是 left 和 topleft 和 top =鼠标在浏览器中位置 减去 一开始鼠标是div上的位置 <style> .box{ width: 100px; height: 100px;
2022-03-30 21:28:22
7560
原创 八，JavaScript中的BOM和DOM
一，介绍js被规定为3个标准语法标准：ECMAScript操作浏览器标准：BOM - brower object model - 浏览器对象模型操作html文档标准:DOM - Document object model - 文档对象模型BOM可以看做 使用对象模型（对象嵌套对象形成的结构） 来操作浏览器对象模型中的最顶层的结构，最大的对象：window - 是系统内置的对象：代表着浏览器窗口console.log(window) // 输出的是 object对于浏览器的多
2022-03-23 21:05:05
1356
原创 七，JavaScript的Math和Date对象
每个国家都处在不同的时区，所以每个国家同一时间，显示的时间是不一样的，比如：现在在中国是早上9点，此时在美国是晚上9点为了保证同一时刻，每个国家都可以使用同一个统一东西描述当前的时间 - 世界标准时间 - 中国的时区跟世界标准时间相差8小时，+8小时，比如：现在在中国是早上9点，世界标准时间此时1点
2022-03-22 21:29:31
72
原创 六，JavaScript中的ES5和字符串
一，ES5（一），介绍ES：ECMAScript简称ES - ECMA公司指定的规范ES5：ECMA语法规范第5个版本ECMAScript一开始被制定出来的时候，有很多当时考虑不到的情况，所以最开始的语法规范还有一些漏洞，不严谨的地方ECMAScript随着时代的发展，前端工程师的进步，会一直进行升级迭代，让语言变得更严谨，更健全我们所使用的js语法，大部分都是es3的语法，从es3开始，js的语法已经趋于稳定了es5到目前为止，是公认的兼容性最好的一般js版本（二），严格模式就是js的
2022-03-21 20:28:11
1551
原创 五，JavaScript数组·下
一，基本类型和引用类型（一），基础类型1.包含的数据 number / string / boolean / undefined / function / null2.存储数据 基础数据类型会将数据存储在栈中存储数据，也是会在内存空间中有专门的一片空间，用来存储数据，这个空间的名称叫栈在内存中存放数据时，内存空间会被划分成多个区域，每个区域各司其职例如：内存会专门划分一片区域用来运行我们的系统，内存会专门划分一片区域用来执行js代码3.赋值 基本数据类型的赋值，是将其中
2022-03-17 18:48:41
1140
原创 五，JavaScript数组·上
一，数组的概念object数据类型（又叫 对象类型）有3种变现形式： null - 空 { } - 对象：一个大的内存空间存储多个小空间，是由键值对组成 [ ] - 也是使用一个大的内存空间来存放多个小的内存空间，大空间中的小空间之间是有顺序的{ }定义的对象和[ ]定义的数据有什么区别：{ }对象中，数据是由多个键值对组成的。多个键值对之间没有顺序的[ ]里面的数据，是有顺序的两者的都是大空间放很多小空间，{ }描述的时候是无序的，只看小空间的名称；[ ]描述的时候，是按
2022-03-15 19:10:01
1039
原创 四，JavaScript的函数 · 下
一，作用域（一），含义：能起到的作用的区域 一般在不同的区域定义的变量，能器到作用的区域是不一样的（二），分类：1.全局作用域：可以理解为整个script标签都叫全局作用域2.局部作用域：某个函数内部的区域 - 函数提供的区域，大小就是函数的大括号范围<script> var a=10 <--- 全局变量 ：定义在全局范围内的 function fn() { var b=20 <--- 局部变量 ：定义
2022-03-11 20:24:06
908
原创 四，JavaScript的函数 · 上
一，函数的概念函数是代码的一种工具，公式可以用来处理重复代码，将重复代码放在一个容器中，通过调用这个容器，就能自动执行容器中的代码二，函数的语法一般分成两种系统提供的 isNaN（） Number（） String（） parseInt（） parseFloat（） 自定义的语法：【定义】 function 函数名称（）{ 代码段 - 希望能重复执行的代码段}函数定义：相当于定...
2022-03-10 16:38:33
931
原创 三，JavaScript循环结构
循环作用：处理重复代码 用循环简化代码一，while循环结构语法： while（条件语句）{ 条件成立执行的代码} var a = 5 while(a >= 1) { document.write('哈哈<br>'); a--}执行流程：1. var a = 52.开始while了 ...
2022-03-09 15:12:46
559
原创 二，JavaScript的逻辑分支
一，单分支if（条件）{ 条件结果为true的时候，要执行的代码段}年龄为18岁才可以结婚var age=2if(age >= 18){ console.log('可以结婚了');}二，双分支if （条件）{ 当条件为true的时候，要执行的代码段}else{ 当条件为false的时候，要执行的代码段}奇数偶数var num = 9if( num % 2 === 0) { con...
2022-03-08 20:20:57
267
原创 一，JavaScript基本语法
一，JavaScript的历史是由于以前的网景公司（Netscape）【创建过第一个浏览器 nn浏览器】的员工：布兰登·艾奇 用了10个工作日的时间，设计出来的一门语音，原名叫LiveScript。因为当时的程序员很崇拜java这一门语言，为此在网景公司在发布的时候，将之改名为 JavaScript；也有一种原因是想要利用java这一个因特网的时髦词汇，将JavaScript推上热门。JavaScript原本的创造出来的用意是为了解决网络上传输速度特别慢的问题。二，JavaScript的组成
2022-03-07 21:29:43
548
原创 用过渡，3D旋转, 3D平移等实现简单的立方体旋转
一，写法思路： 设置一个容器，里面嵌套6个项目分别代表6个面， 容器设置相对定位，3d景深，立体中心点，3d展示方式 其项目设置：一个项目作为底面，四个项目按照情况进行3d翻转，最后一个进行3d平移达到封顶面的效果二，效果如下：三，结构代码：<body> <div class="box"> <div class="box1">1</div> <div...
2022-03-03 17:09:17
270
原创 用2d旋转写纸牌展开
<style> ul{ width:100px; height: 150px; border: 1px solid 2px; margin: 100px auto; position: relative; } ul img{ position: absolute; top: 0;.
2022-03-01 10:29:49
83
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人