- 博客(44)
- 收藏
- 关注
原创 umi+react开发中,使用history.push中的state传参,接收参数的页面在项目部署到服务器后,刷新页面参数丢失报错怎么办?
umi+react开发中,使用history.push中的state传参,接收参数的页面在项目部署到服务器后,刷新页面参数丢失报错怎么办?
2023-03-20 10:06:24
2511
2
原创 reactHooks中form表单回显内容不同步的BUG
问题描述:页面一上来先在useEffect中获取到要展示的form列表,并用useState保存起来,当使用form.setFieldsValue()将useState中的数据做回显操作时,表单中的内容出现不同步bug,需要刷新页面之后才能正常展示出来
2023-03-06 16:00:48
583
原创 webpack基础学习,各个loader和plugin的具体配置
webpack的基本应用,详细描述常用的loader、plugin以及babel的使用,包含HMR模块热替换原理等
2023-02-23 10:38:58
2614
原创 浏览器的发展历史
1990年 万维网之父 蒂姆·伯纳斯-李(Tim Berners-Lee)开发编写了历史上第一个网页浏览器 WorldWideWeb1991年 该团队使用C语言 编写了历史上第二个网页浏览器Line Mode Browser 该系统是被验证了可以移植到不同操作系统的浏览器,但是这时的浏览器只能显示文本信息。
2022-11-14 15:13:36
1162
原创 Git常见的命令和使用方式
Git笔记一、版本管理介绍(听一嘴)老版本修改的缺点1、操作麻烦 2、命名不规范 3、容易丢失 4、协作困难版本控制软件好处:操作简单、易于对比、易于回溯、不易丢失、操作方便。版本控制系统的分类1、本地版本控制系统特点:使用软件来记录文件的不同版本(简单数据库记录历次差异),提高了工作效率,降低了手动维护版本的出错率。缺点:① 单机运行,不支持多人协作开发② 版本数据库故障后,所有历史更新记录会丢失2、集中化的版本控制系统 (SVN)特点:基于服务
2021-12-25 22:03:14
422
原创 Ajax 笔记
一、服务器相关概念1、客户端与服务器客户端是用户自身的电脑,服务器是存放资源信息的一个(大型电脑)2、URL地址的概念&组成URL的组成 客户端与服务器之间的 通信协议 存有该资源的 服务器名称(主机名) 资源在服务器上 具体的存放位置(请求路径) 客户端与服务器通信过程 客户端与服务器之间的通讯过程,分为: 请求-处理-响应 三个步骤 网页中每一个资源,都是通过 请求-处理-响应 的方式从服务器获取回来的 域名的作用引导服务..
2021-12-25 22:02:00
170
原创 JQuery 知识点总结
概念: JavaScript库 把一些浏览器兼容性,或者是一些常用的函数封装到一个js文件中,就是JavaScript库 我们自己封装的animate.js,就是JavaScript库 常见的JavaScript库: jQuery、Prototype、MooToolsJQuery的优点 强大的选择器 链式编程 隐式迭代 丰富的插件,可以自己编写插件 开源 JQ中的顶级对象jQuery中的顶级对象是$或jQ..
2021-12-06 08:55:36
1964
1
原创 BOM浏览器对象模型,动画函数封装、DOM补充
BOM浏览器对象模型BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 window。window对象是浏览器的顶级对象1、它是JS访问浏览器窗口的一个接口2、它是一个全局对象、定义在全局作用域中的变量、函数都会自动变成window对象的属性和方法。窗口加载事件window.onload、window.addEventListener(慢一点)当文档内容完全加载完成会触发该事件(包括图像、.
2021-11-25 22:21:58
528
原创 WebAPI DOM文档对象模型
DOM(文档对象模型)是一个可以改变网页内容、结构、样式的处理可扩展标记语言的接口一、获取元素方法:1、根据ID获取2、根据标签名获取3、根据类名获取 (html5新增)4、querySelector获取 (html5新增)5、querySelectorAll获取 (html5新增)6、获取特殊元素(body、html)ID获取方法:document.getElementById(); <div id="time">2019-9-9<.
2021-11-20 19:25:20
705
原创 Math对象、日期对象、数组对象、字符串对象
内置对象JavaScript 中的对象分为3种:自定义对象 、内置对象、 浏览器对象定义:一个具体的事物对线是一组无序的相关属性和方法的集合(由属性和方法构成)保存一个值:变量 保存一组值:数组 保存一个完整信息:对象avaScript 提供了多个内置对象:Math、 Date 、Array、String等查文档查找文档:学习一个内置对象的使用,只要学会其常用成员的使用即可,我们可以通过查文档学习,可以通过MDN/W3C来查询。 Mozilla 开发者网络(MDN)提供了有关
2021-11-16 22:05:10
316
原创 作用域、对象
作用域:1、全局作用域 2、局部作用域全局作用域作用于所有代码执行的环境局部作用域作用于函数内的代码环境,就是局部作用域。 因为跟函数有关系,所以也称为函数作用域。JS没有块级作用域 块作用域由 { } 包括。 在其他编程语言中(如 java、c#等),在 if 语句、循环语句中创建的变量,仅仅只能在本 if 语句、本循环语句中使用,如下面的Java代码: java有块级作用域: if(true){ int num = 123; system.out..
2021-11-16 21:58:48
579
原创 数组、函数
数组数组概念数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。创建数组利用 new 创建数组var 数组名 = new Array() ;var arr = new Array(); // 创建一个新的空数组注意 Array () ,A 要大写利用数组字面量创建数组//1. 使用数组字面量方式创建空的数组var 数组名 = [];//2. 使用数组字面量方式创建带初始值的数组v..
2021-11-12 10:31:16
291
原创 for循环、while循环、do-while循环
1、循环语法结构:for(初始化变量; 条件表达式; 操作表达式 ){ //循环体} 执行过程: 初始化变量,初始化操作在整个 for 循环只会执行一次。 执行条件表达式,如果为true,则执行循环体语句,否则退出循环,循环结束。 执行操作表达式,此时第一轮结束。 第二轮开始,直接去执行条件表达式(不再初始化变量),如果为 true ,则去执行循环体语句,否则退出循环。 继续执行操作表达式,第二轮结束。 后续跟第二轮一..
2021-11-12 10:29:38
457
原创 运算符、流程控制
运算符分类:算术运算符、递增、递减运算符、比较运算符、逻辑运算符、赋值运算符算术运算符 概念:算术运算使用的符号,用于执行两个变量或值的算术运算。 浮点数的精度问题 不可直接判断两个浮点数是否相等 表达式、返回值 表达式:是由数字、运算符、变量等以能求得数值的有意义排列方法所得的组合 表达式最终都会有一个结果,返回给开发者,称为返回值 递增和递减运算符前置递增、递减运算符前置递增运算符++num 前置递增,就是自加1,类似于 num =
2021-11-08 15:08:59
123
原创 JS基础 基础数据类型、变量的初始化
编程语言组成:机器语言、汇编语言、高级语言高级语言需要一个翻译器转换为计算机识别的机器语言编程语言是主动的有很强的逻辑性计算机组成:一、硬件:输入设备、输出设备、CPU、内存、硬盘二、软件:系统软件、应用软件数据存储单位大小关系:bit < byte < kb < GB < TB<..... 位(bit): 1bit 可以保存一个 0 或者 1 (最小的存储单位) 字节(Byte):1B = 8b 千字节(KB):1K
2021-11-08 14:53:48
1584
原创 响应式布局
响应式布局响应式网页:在不同的屏幕尺寸下,页面的布局出现不同的效果(一套代码兼容多个样式的网页)核心:媒体查询媒体特性常用写法:max-width(<=)、min-width(>=)// 视口宽度 小于等于768px@media(max-width:768px) { body { background-color:pink; }}// 视口宽度 大于等于px@media(min-width:1200px) { body {
2021-11-05 19:14:18
203
原创 移动适配(rem方法)
移动适配分类:rem(旧方法)vw/vh (未来解决方案)rem1、相对单位2、rem单位相对于HTML的字号计算3、1rem= 1HTML字号大小HTML标签(根标签)媒体查询媒体查询可以检测视口的宽度,然后编写差异化的CSS@media(width:375px) { html { font-size:37.5px; }}rem布局方案中,HTML标签的字号为视口宽度的1/10rem单位的尺寸rem
2021-11-02 18:59:33
698
原创 CSS基础样式、浮动布局、定位
CSSCSS引入方式1、行内式只对当前标签起作用2、内嵌式一般写在title标签的下面,head标签里面,对当前页面生效3、外联式用link标签引入,对所有进行link引入的页面都生效简单选择器标签选择器:选中当前页面中所有该标签类选择器:谁调用谁生效 调用class='类名'一个类选择器可以被多个标签调用一个标签可以同时调用多个类选择器命名规范 不能以纯数字或以数字开头定义类名 定义类名的时候不能出现特殊字符(-或者_可以) 不
2021-11-01 09:20:40
290
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人