- 博客(18)
- 收藏
- 关注
原创 微服务-微前端
是基于 single-spa 进行封装,所以single-spa 特点也被 qiankun 继承下来,并且需要对 webpack 配置进行一些修改。qiankun 基本上可以称为单页版的 iframe,具有沙箱隔离及资源预加载的特点,几乎无可挑剔。当微应用信息注册完之后,一旦浏览器的 url 发生变化,便会自动触发 qiankun 的匹配逻辑,所有 activeRule 规则匹配上的微应用就会被插入到指定的 container 中,同时依次调用微应用暴露出的生命周期钩子。
2023-07-11 23:30:17
671
原创 2021年最新面试题集合-浏览器相关
1.请求页面从输入URL到显示页面的过程DNS解析URL的过程DNS解析就是将域名翻译成IP地址的过程浏览器发送请求与服务器交互的过程浏览器对接收到的html页面渲染的过程https://www.cnblogs.com/qing-5/p/11126524.html2. 简述三次握手和四次挥手三次握手1、Client端发送连接请求报文,2、Server端接受连接后回复ACK报文,并为这次连接分配资源。3、Client端接收到ACK报文后也向Server端发送ACK报文,并分配资源,这
2021-10-19 20:41:07
62
原创 2021年最新面试题总结-vue
webpack构建项目流程Webpack 的运行流程是一个串行的过程,从启动到结束会依次执行以下流程:1,初始化参数:从配置文件和 Shell 语句中读取与合并参数,得出最终的参数;2,开始编译:用上一步得到的参数初始化 Compiler 对象,加载所有配置的插件,执行对象的 run 方法开始执行编译;3,确定入口:根据配置中的 entry 找出所有的入口文件;4,编译模块:从入口文件出发,调用所有配置的 Loader 对模块进行翻译,再找出该模块依赖的模块,再递归本步骤直到所有入口依赖的文.
2021-10-13 10:50:24
130
原创 前端面试题总结3-JS篇
typescript和js的区别是什么区别:1、JavaScript是轻量级的解释性脚本语言,TypeScript是面向对象的编程语言。2、TypeScript中的数据要求带有明确的类型,JavaScript不要求。3、TypeScript引入了JS中没有的“类”概念。TypeScript 的优势:静态输入大型的开发项目更强的生产力avaScript 的优势:人气学习曲线本地浏览器支持(ypeScript 代码需要被编译(输出 JavaScript 代码),这是 TypeScri..
2021-10-09 17:56:14
216
原创 2021年最新面试题2-前端性能优化相关问题
2021年最新面试题2前端性能优化方法减少代码间的耦合,让代码保持弹性。严格按规范编写代码。压缩 JavaScript、CSS、 image等前端资源(通常由服务器来解决)采用CDN来加速资源加载。图片懒加载,可以为页面添加一个滚动条事件如果为幻灯片、相册文件等,图片预加载技术图片为CSS图片,可以使用 CSS Sprite、SVG sprite、 Icon font、Base64等技术1,缓存利用:缓存Ajax,使用CDN、外部 JavaScript和CSS文件缓存,添加 Expires
2021-10-08 16:56:00
160
原创 2021年最新前端面试题-H5新特性,cookies,localstorage和sessionstorage的异同,cookie和session的区别,WebSocket
2021年最新前端面试题-H5新特性有哪些H5新特性有哪些html语义化<hrader></header><footer></footer><nav></nav><section></section><article></article><aside></aside><detailes></detailes><
2021-10-08 12:32:58
456
原创 css3中animation中使用opacity或display的遇到的问题
animation中使用opacity或display的遇到的问题在开发中碰到要使用animation来实现淡入淡出的效果,使用opacity,opacity:0的时候,其实它还是占页面空间的,他会遮挡到它下面的层(不是视觉上)。而且绑定在它本身的一些事件也会触发。这时候想在opacity:0的时候,用display: none把他隐藏掉,但是会发现淡入淡出的效果全没了,这也是之前做动画过程中遇到的大坑,解决办法: 大家都知道visibility的效果其实跟 display 在一定程度上相似, 当然是
2020-08-06 10:14:08
3218
原创 小程序:封装双向数据绑定
适合项目表单比较少的微信开发者工具没有像vue上的v-model直接使用的双向数据绑定功能,所以要利用小程序 的 bindinput=“inputgetName” 取实现,下面附上代码:在xxx.wxml文件中<input bindinput="userPhoneInput" placeholder="请输入您的手机号" />在xxx.js文件中data: { phone: null },userPhoneInput: function(e) { thi
2020-07-08 20:34:38
648
原创 vue刷新当前页面,不闪现空白
在app.vue的加上v-if属性<router-view v-if="isRouterAlive"></router-view>在data里面加上isRouterAlive,当然这个属性名可以自己定义,默认值为true data () { return { isRouterAlive: true } }method...
2020-01-13 16:28:56
310
原创 Vuejs之axios获取Http响应头
Vuejs之axios获取Http响应头接入后端Api 就遇到了一个问题了在用 axios 获取 respose headers 时候获取到的只有的Object { cache-control:"private, must-revalidate", content-type:"application/json"}下面是服务器返回的响应头,我需要拿到的是 Key使用 ...
2020-01-07 11:51:00
11106
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人