- 博客(10)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 单页面和多页面的区别
单页面和多页面应用有什么区别?单页面应用(SPA),通俗点说就是指只有一个主页面的应用,浏览器一开始要夹菜所有必须的的html,css,js,所有的页面内容都包含在这个所谓的主页面中。但写的时候,也要分开来写,(页面片段),然后在交互的时候由程序动态载入,单页面的跳转,仅刷新局部资源,多应用于PC端。多页面应用(MPA),就是指一个应用中有多个页面,页面跳转时是整页刷新。优点:1.用户体验好,速度快,页面内容改变时,不需要整页面刷新。2.前后端分离3.页面效果比较炫酷(如:切换页面内容时的专场动
2020-10-19 08:41:23
717
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
494
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
562
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 闭包的形成,闭包的优点和缺点,闭包有哪些作用?
什么是闭包?形成闭包的条件?闭包的优点和缺点?闭包有哪些作用?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
1290
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 弹性盒布局方法示例
弹性盒多布局方法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
327
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 高度塌陷解决方法有哪些?
答:高度塌陷问题,由于子元素浮动,父元素没有设定高度,导致父元素出现高度坍塌方法一:overflow:hidden,导致溢出内容被隐藏方法二:清除浮动 clear:both;容易造成代码冗余方法三:万能清除法,出现高度塌陷的元素:after{content: “”;clear:both;height:0;overflow:hidden;display:block;visibility:hidden;用一个伪元素,设置高度为0}...
2020-09-20 16:37:46
244
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
206
原创 Redux单向数据流工作原理
页面视图View触发dispatch------>Actions进入State,state先深复制再通过reducer修改数据,修改完成后返回一个新的数据,然后页面View自动更新以上是个人理解,哪里不对或需要补充的可以提出或者分享一起探讨学习...
2020-10-20 09:34:43
927
2
原创 同源策略和跨域请求方案
同源策略:协议、域名、端口号三者都一样,只要其中有一个不一样就是触发了"同源策略"中的"跨域请求"。跨域请求的方案:1.jsonpjsonp需要前后端配合,遵循默认规则2.cors3代理服务器3.1在浏览器同源设置一个代理服务器3.2由发送给目标服务器的请求发送给代理服务器3.3由代理服务器发送请求给目标服务器3.4目标服务器响应给代理服务器3.5代理服务器再响应给浏览器代理服务器----->目标服务器------>代理服务器------>浏览器 ...
2020-09-29 09:23:36
128
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人