- 博客(24)
- 收藏
- 关注
RSS订阅原创 【笔记01】如何从零开始搭建一个React项目
前提：已安装较新版本的Node.js项目创建步骤：方式一： - 全局安装create-react-app $ npm install -g create-react-app 安装完成后检查是否安装成功： ```shell $ create-react-app -V - 创建一个新项目 $ create-react-app 项目名注意：如果想要最新版本react项目的话要重新进行全局安装create-react-app方式二： - 临时安装 ：每次安装都是最新...
2022-07-15 17:31:04
252
原创 【React】npm ERR! cb() never called!npm ERR! This is an error with npm itself. Please report this erro
【React】npm ERR! cb() never called!npm ERR! This is an error with npm itself. Please report this error at:npm ERR! npm ERR! A complete log of this run can be found in:
2022-07-15 16:44:22
2247
1
原创 【学习笔记】HTML5如何实现图片拖拽效果
HTML5如何实现图片拖拽效果： 给拖拽对象设置 draggable 属性、准备开始拖拽时触发事件：ondragstart、拖拽到目标中移动触发事件：ondragover、释放鼠标后触发事件：ondrop如果没有阻止浏览器的默认行为将无法完成拖拽：e.preventDefault();...
2022-07-07 23:41:24
1561
原创 Flex布局容器的属性详解
Flex：Flexible Box的缩写，意为”弹性布局”开启Flex布局的标志：在父容器上定义 display:flex;决定主轴方向：flex-direction是否换行: flex-wrap决定主轴方向的排列方式： justify-content垂直轴/交叉轴的排列方向: align-items决定多条主轴的对齐方式：align-contentflex-wrap: wrap; 中间出现留白部分，如何解决?......
2022-06-30 12:44:30
312
原创 vue项目中使用webpack中的‘devServer.proxy‘配置解决代理跨域问题
条件场景：需要请求单独的后台服务器来获取数据，且配置了base api/base url ? 基础路径，发请求的时路径当中会出现配置的基础路径例：基于vue-admin-template模板进行二次开发，可在.env.development文件中进行/修改相关配置 需要使用到重写path的相应配置vue.config.js文件devServer:{proxy:{'/dev-api': {target: 'http://×××.××.×',pathRewrite:{'^/dev-api':''}}}.....
2022-06-29 13:33:27
354
原创 如何使用CSS实现：垂直居中
定位position+top: 0;bottom: 0;margin: auto;实现垂直居中 弹性布局: display:flex; [推荐]align-items:center;同级span标签+行内块元素基线对齐: vertical-align: middle;设置padding值 + 子元素高度 => 撑开父元素高度
2022-06-29 01:26:39
1009
原创 CSS实现: 水平居中 的几种方法
margin值auto、position(子绝父相)+偏移值left+margin-left、position+偏移left+CSS2d transform、text-align:center;+display:inline-block;、display:flex;justify-content:center;margin塌陷:父元素为BFC:overflow:hidden;只设置left:50%;不能实现水平居中:left:50%;与transform:translateX(-50%);中的50%意义不同
2022-06-28 23:45:19
28260
原创 数组删改操作：slice() 和 splice() 的用法及区别整理笔记
不修改原数组，返回新数组splice():修改原数组(能操作原数组)，返回一个删除的元素所组成的数组如果没有删除的元素，直接返回注意：[start,end); 左闭右开区间参数 start 和 end 无法交换位置类数组转换为真正的数组arguments：splice():注意：只有起始位置传值且为0的情况：第二个参数不合法的情况：传递一位参数 slice()、splice() 均执行截取操作，返回值一致不传递参数slice():拷贝原
2022-06-27 23:59:35
324
原创 BFC是什么？开启BFC的标志？解决什么问题？
三种文档流：标准文档流(普通流)、定位流、浮动流BFC元素margin叠加-同级，出现高度重合BFC的子元素不会对外面的元素产生影响margin塌陷-父子高度坍塌-父子，浮动布局导致子元素对父元素产生了影响......
2022-06-22 17:12:16
720
原创 http和https的区别(学习笔记)？
httphttp 是超文本传输协议的缩写，用于从网站服务器传输数据到上网者的本地浏览器的协议。运行在80端口。超文本：http能传输声音、图片、视频等。缺点：明文传输 (不安全)，传输过程中被截获直接就能读取信息。解决方法：http基础 + SSL协议 => httpsSSL协议：安全套接字协议=> 靠证书来验证服务端的身份，并在本地机和服务端之间架起一条通道https密文传输，运行在443端口。https访问详细过程：当你使用https 访问 一个网
2022-06-21 01:03:39
98
原创 如何判断是不是NaN？isNaN()和Number.isNaN()
NaN是什么？NaN：Not A Number即代表不是一个数字NaN是一个Number类型的数值,只不过无法用真实的数据去表示存在的意义：0 / 0;// NaN特点：NaN与任何数值/任何类型的操作结果：NaNNaN + 0;//NaNNaN + NaN;//NaNNaN + undefined;//NaNNaN与任何值作比较都是不相等的(包括NaN本身)NaN === 0;// false NaN === undefined;// falseNaN === NaN;/
2022-06-19 15:49:39
280
原创 Null和Undefined
Null和Undefined的介绍Null数据类型：Null 表示的是空指针对象typeof null;//"object"对象字面量：null使用场景：为什么赋值为null？未来某个场景需要对这个变量重新赋值var obj = null;function foo(){ return {};}obj = foo();在dom操作中，获取某个页面上不存在元素的id值document.querySelector('#id');// null在正则表达式中
2022-06-19 11:04:29
124
原创 indexOf ()、includes()有何异同？
随记002: indexOf ()、includes()有何异同？主要用途:判断字符串或者数组中是否存在对应元素1、数组中的includes和indexOf方法比较函数返回值includes(): 返回布尔类型indexof(): 返回的是一个整数的类型值,表示当前的值在数组中第一次出现的索引函数的第二个参数(两种方法都是可以接收两个数的)indexoOf(): 第一个参数:要查找的元素；第二个参数:fromIndex从哪个索引值开始查找1、不传递第二个参数: 默认从0开始
2022-06-18 23:59:18
1205
原创 Swiper插件之如何使用.swiper-pagination-bullet和.swiper-pagination-bullet-active快速修改自定义分页器样式
适用场景：希望将Swiper插件中分页器的默认样式(小圆蓝点)，替换成自己的图片(小图标)解决方法：在初始化轮播图中配置监视器：observer: 更改swiper 的样式(隐藏/显示)或修改其子元素(添加/删除),Swiper 会更新(重新初始化)并触发 observerUpdate 事件。observeParents: 应用于Swiper 的所有祖先元素。当Swiper 的祖先元素发生变化时，例如show/hide、第一级子元素增加/删除等，则更新Swiper 并触发 observerUp
2022-06-17 15:19:03
2647
1
原创 Swiper轮播图插件之如何修改前进后退按钮swiper-button-prev和swiper-button-next的默认样式
第一步：在轮播图最外层的容器中将原本前进后退按钮的大小设置为0注意： Swiper6之前的默认容器是’.swiper-container’，Swiper7之后的默认容器是’.swiper’。.swiper-container{--swiper-navigation-size:0;}第二步：设置想要的按钮图片<!--如果需要导航按钮--><div class="swiper-button-prev rot" slot="button-prev"> <
2022-06-17 14:50:52
5964
原创 本地浏览器跨域问题：Access to XMLHttpRequest at “file//×××.××.- 5%AEX9EXE9XAA8C1/experiment.json‘ from ......
本地浏览器跨域问题：Access to XMLHttpRequest at "file//×××.××.- 5%AEX9EXE9XAA8C1/experiment.json' from ......
2022-06-15 13:24:22
322
原创 GET http://×××.××.×××.×:8080/sockjs-node/info?t=1648 sockjs.js?9be2:1627635046880net: :ERR_CONNECTIO
控制台报错http://×××.××.×××.×:8080/sockjs-node/info?t=1648 sockjs.js?9be2:1627635046880net: :ERR_CONNECTION_REFUSED
2022-06-15 12:49:14
202
原创 解决git上传文件出错[rejected] master -＞ master (fetch first) error: failed to push some refs to ‘
解决git上传文件出错[rejected] master -＞ master (fetch first) error: failed to push some refs to ‘
2022-06-15 10:23:08
503
原创 解决 fatal: unable to access ‘https://github.com/...‘: Encountered end of file
fatal: unable to access ‘https://github.com/...‘: Encountered end of file
2022-06-15 10:00:34
3496
1
原创 SpringBoot2.X常用注解
SpringBoot2.X常用注解：@Controller+@ResponseBody=@RestController:@Controller:标记类为控制器，返回页面时使用；如要返回JSON数据，则在接口上加@ResponseBody。@RestController:标记类为控制器，返回JSON数据使用，接口返回数据会被序列化为JSON。@RequestMapping:路由映射，用于类上的一级路径、某个方法上的子路径。@SpringBootApplication:标记应用，包含多个子注解。
2021-06-13 23:06:41
103
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人