自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 单页面和多页面的区别

单页面和多页面应用有什么区别?单页面应用(SPA),通俗点说就是指只有一个主页面的应用,浏览器一开始要夹菜所有必须的的html,css,js,所有的页面内容都包含在这个所谓的主页面中。但写的时候,也要分开来写,(页面片段),然后在交互的时候由程序动态载入,单页面的跳转,仅刷新局部资源,多应用于PC端。多页面应用(MPA),就是指一个应用中有多个页面,页面跳转时是整页刷新。优点:1.用户体验好,速度快,页面内容改变时,不需要整页面刷新。2.前后端分离3.页面效果比较炫酷(如:切换页面内容时的专场动

2020-10-19 08:41:23 710

原创 promise封装函数

回调地狱setTimeout(()=>{console.log(‘程序1’);setTimeout(()=>{console.log(‘程序2’);setTimeout(()=>{console.log(‘程序3’);})})},1000)使用promise封装函数解决回调地狱问题function test(msg){return new Promise((resolve,reject)=>{setTimeout(()=>{console.log(m

2020-09-23 19:12:57 471

原创 JS-Promise的作用以及兼容

Promise的作用:解决回调函数的或者解决回调地狱,promise会在成功的时候给你一个回调,失败的时候给你一个失败的回调async//异步await//等待以请求写成的promise示例async function getResult(){//发送第一次请求var result1 = await postSend(‘第一次请求的地址’);result1 = JSON.parse(result1);//发送第二次请求var result2 = await postSend(‘第二次请求地

2020-09-23 17:23:02 551

原创 闭包的形成,闭包的优点和缺点,闭包有哪些作用?

什么是闭包?形成闭包的条件?闭包的优点和缺点?闭包有哪些作用?1.闭包须具备三个条件,缺一不可。2.函数A里面直接或者间接返回一个函数B。3. 函数B里面使用着函数A里面的私有变量或者私有数据。4. A函数在外面有一个变量来接收函数B,形成一个不会销毁的函数空间5. 闭包函数示例:function A(){//这个num变量就是函数A的私有变量var num = 100 ;return function B() {num++;console.log(num);}}//res接收的

2020-09-22 17:31:49 1276

原创 弹性盒布局方法示例

弹性盒多布局方法1.flex-direction:row; 默认x主轴 column 为y轴 ,row-reverse x轴为主轴,并反向排列 ,column-reverse Y轴为主轴并反向排列。2.主轴对齐方式 justify-content: center 居中 space-between 两端对齐 space-around 自动间距对齐,flex-start开始位置 flex-end 结束位置3.侧轴对齐方式 align-items 属性值常用center 居中 ,fl

2020-09-20 23:30:33 308

原创 高度塌陷解决方法有哪些?

答:高度塌陷问题,由于子元素浮动,父元素没有设定高度,导致父元素出现高度坍塌方法一:overflow:hidden,导致溢出内容被隐藏方法二:清除浮动 clear:both;容易造成代码冗余方法三:万能清除法,出现高度塌陷的元素:after{content: “”;clear:both;height:0;overflow:hidden;display:block;visibility:hidden;用一个伪元素,设置高度为0}...

2020-09-20 16:37:46 237

原创 BFC知识点

1.BFC是块级格式化上下文,独立渲染区,只有块元素参与BFC布局逻辑,内部的(box)盒会在垂直方向上依次放置。2.box垂直方向的距离由margin决定,属于同一个BFC相邻两个box的上下margin会发生重叠,按照margin的最大值设定。3.每个元素的margin的box左边与包含块border box的左边相接触。4.BFC区域不会与float box重叠。5.BFC是页面上隔离独立的容器,容器里面的子元素不受外面的影响。6.计算BFC高度时,浮动元素也参与计算。触发BFC有哪些条

2020-09-20 16:20:05 184

原创 前端码农实现浅拷贝和深拷贝的几种方法

前端码农实现浅拷贝与深拷贝的三种方法

2021-12-04 00:17:31 765 3

原创 Redux单向数据流工作原理

页面视图View触发dispatch------>Actions进入State,state先深复制再通过reducer修改数据,修改完成后返回一个新的数据,然后页面View自动更新以上是个人理解,哪里不对或需要补充的可以提出或者分享一起探讨学习...

2020-10-20 09:34:43 875 2

原创 同源策略和跨域请求方案

同源策略:协议、域名、端口号三者都一样,只要其中有一个不一样就是触发了"同源策略"中的"跨域请求"。跨域请求的方案:1.jsonpjsonp需要前后端配合,遵循默认规则2.cors3代理服务器3.1在浏览器同源设置一个代理服务器3.2由发送给目标服务器的请求发送给代理服务器3.3由代理服务器发送请求给目标服务器3.4目标服务器响应给代理服务器3.5代理服务器再响应给浏览器代理服务器----->目标服务器------>代理服务器------>浏览器 ...

2020-09-29 09:23:36 123

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除