![](https://img-blog.csdnimg.cn/5491c4a8c3fb4978b5aa8d9f78673960.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
我的小仓库
文章平均质量分 81
我的小仓库
海面有风
梦想很大,仍需努力
展开
-
【面试题】请求跨域相关面试题总结
协议 + 端口 + 端口 三者必须相同。(同源策略)原创 2023-04-10 07:00:00 · 471 阅读 · 0 评论 -
Redux 与 Vuex 的区别总结
但是Redux状态更改可回溯——Time travel,数据多了的时候可以很清晰的知道改动在哪里发生,完整的提供了一套状态管理模式。如果mutation支持异步操作,就没有办法知道状态是何时更新的,无法很好的进行状态的追踪,给调试带来困难。但是他要更改数据的时候不能直接修改,数据修改更新的角色由Reducers来担任,store只做存储。vuex 弱化 dispatch,通过commit进行 store状态的一次更变;弱化reducer,基于commit参数直接对数据进行转变,使得框架更加简易;原创 2023-02-15 09:30:00 · 819 阅读 · 1 评论 -
【面试题打卡】Webpack 纯理论(背诵就好)(更新中。。。)
在 webpack 看来,项目中的所有资源皆为模块,通过分析模块间的依赖关系,在其内部构建一个依赖图,最终编译输出模块为 HTML、JavaScript、CSS 以及各种静态文件。原创 2023-02-14 19:32:48 · 2041 阅读 · 0 评论 -
【明年找到好工作】JavaScript 基础篇
指当前执行环境中的变量、函数声明、作用域链、this可访问变量的集合在函数中能够引用外部其他作用域(在该函数中)的变量。原创 2023-02-08 08:00:00 · 563 阅读 · 0 评论 -
【明年找到好工作】React18面试题总结一
函数式组件的特点:class组件:React 组件更易用函数表示React Hooks 如何模拟生命周期默认函数组件没有生命周期函数组件是一个纯函数,执行完即销毁,自己无法实现生命周期使用 Effect Hook 把生命周期 “钩” 到纯函数中模拟 class 组件 DidMount 和 DidUpdate单独模拟 class 组件的 DidMount单独模拟 class 组件的 DidUpdate模拟 class 组件的 willUnMount总结:useEffect 的作用是让纯原创 2023-02-04 16:23:36 · 2410 阅读 · 1 评论 -
【明年找到好工作】React 面试题总结(React <= 17)
React 绑定事件 (如:onClick)若不 bind 在组件内部 this 默认指向 undefined也可以用箭头函数,就可以不用 bind1、event 不是原生 Event 是 SyntheticEvent(组合事件)2、在 vue 中 的事件对象 event 使用的是 原生 Event3、在 React 中如何获取原生事件对象4、原生事件对象下的 和 传递自定义参数受控组件与非受控组件受控组件非受控组件refdefaultValue、defaultChecked手动原创 2023-02-04 10:36:48 · 1420 阅读 · 0 评论 -
vue3 为何比 vue2 快
vue2 中所有节点都进行 diff 比较,而 vue3 中静态节点就不进行 diff 比较,仅比较动态节点。当相邻静态节点,超过其内部设定的阈值时,会将相邻静态节点转成字符串拼接的方式进行合并,减少虚拟节点的创建。等) 动态加载资源包,不会一次性全部加载出来。原创 2023-02-01 19:51:20 · 531 阅读 · 0 评论 -
面试题打卡第十天(前端 优化打包构建速度)
可以用于生产环境优化 babel-loadernoParseHappyPack不可以用于生产环境自动刷新热更新DllPlugin。原创 2022-10-25 09:15:00 · 178 阅读 · 0 评论 -
面试题打卡第九天(前端 webpack基础及高级配置)
2、处理图片:开发环境下使用url,如果在线上环境下使用url,对性能方面是比较不友好的。上述例子是基于webpack4.0版本的,在webpack5.0中, 无需配置。1、编译 ES6 是使用 babel,可以在项目的根目录下创建。背景:按照 webpack 的基本配置案例中,执行命令。,会根据入口文件中引入什么模块就自动引入,就算配置了。在实际开发环境下问题不是很大,但在线上环境下,如果。webpack.prod.js 生产配置(线上)文件很大的情况下,就会造成文件过大。对于开发环境下,问题不是很大。原创 2022-10-24 09:15:00 · 168 阅读 · 0 评论 -
面试题打卡第八天(前端 计算机网络篇)- 完整版
1、声明位于文档中的最前面位置,处于标签之前2、告知浏览器文档使用哪种HTML或XHTML规范3、重点:告知浏览器按照何种规范解析页面4、严格模式下:页面排版及JS解析是以该浏览器支持的最高标志来执行5、混杂模式下:不严格按照标志执行,主要用来兼容旧浏览器,向后兼容6、Doctype 不存在或格式不正确会导致文档以混杂模式呈现数字证书是指在互联网通讯中标志通讯各方身份信息的一个数字认证人们可以在网上用它来识别对方的身份。它的出现,是为了避免身份被篡改冒充的。原创 2022-10-22 10:01:20 · 147 阅读 · 0 评论 -
面试题打卡第七天(vue2 vue3 原理篇)- 双向数据绑定
深度监听性能更好可监听 新增 / 删除 属性可监听数组变化Proxy 能规避 Object.defineProxy 的问题Proxy 无法兼容所有浏览器,无法 polyfill可以兼容其他浏览器深度监听需要一次性递归无法监听 新增 \ 删除 属性无法原生监听数组,需要特殊处理。原创 2022-10-12 20:13:59 · 510 阅读 · 0 评论 -
【明年找到好工作】:面试题打卡第六天(vue2篇)
1、computed 基本使用2、watch基本使用3、区别computed:watch:已上面为例子,如何单纯监听 info 中 age的变化### 二、事件绑定1、基本使用2、注意1、基本使用四、v-show和v-if 的区别1、基本使用2、注意从原理看:v-if:动态创建和销毁(即声明周期会重新执行一遍)v-show:纯CSS样式的显示和隐藏(即声明周期不会重新执行一遍)从性能看:v-if:需要更高的切换开销v-show:性能好1、基本使用六、遍历数组及对象1、基本使用七原创 2022-09-24 10:47:43 · 386 阅读 · 0 评论 -
HTML和CSS面试题第35题
position 跟 display、margin collapse、overflow、float 这些特性相互叠加一、‘display’、‘position’ 和 ‘float’ 的相互关系下图:设定值转换后inline-tabletableinline, inline-block,run-in,table-row-group,table-column,table-column-group,table-header-group,table-footer-group,ta原创 2021-11-28 19:56:18 · 406 阅读 · 0 评论 -
牛客网面试题总结
9月18号javascript中实现跨域的方式总结✔jsonp请求;jsonp的原理是利用<script>标签的跨域特性,可以不受限制地从其他域中加载资源,类似的标签还有<img>document.domain;这种方式用在主域名相同子域名不同的跨域访问中(通过iframe设置document.domain可以实现跨域)window.name;window的name属性有个特征:在一个窗口(window)的生命周期内,窗口载入的所有的页面都是共享一个window.原创 2021-11-28 20:05:27 · 799 阅读 · 0 评论 -
HTML和CSS面试题
HTML 和 CSS1、浏览器内核:IE: trident 内核Firefox:gecko 内核Safari: webkit 内核Opera:以前是 presto 内核,Opera 现已改用 Google Chrome 的 Blink 内核Chrome:Blink(基于 webkit,Google 与 Opera Software 共同开发)2、什么是 Doctype? 严格模式与混杂模式的区别?声明位于文档中的最前面的位置,处于标签之前。告知浏览器文档使用原创 2021-11-28 19:55:22 · 243 阅读 · 0 评论 -
牛客网面试题总结(试券)
【2021】小米秋招前端方向第二场笔试1、使用浏览器访问http://miui.com/时,以下哪些过程发生在浏览器端?构建 HTTP 请求 ✔解析HTTP 请求发送HTTP 响应渲染页面 ✔浏览器端构建HTTP请求,并发送 -> 服务器端接收到HTTP请求,并进行解析 -> 服务器端发送HTTP响应 -> 浏览器端接收到响应,并进行页面渲染。2、下列哪些关于HTTP/2 的描述是正确的?解决了TCP 队头阻塞的问题解决了浏览器线头阻塞的问题 ✔使用了头部压缩原创 2021-11-28 20:08:48 · 1265 阅读 · 0 评论 -
Vue面试笔记
1、Vue的优点?Vue的缺点?优点:渐进式,组件化,轻量级,虚拟dom,响应式,单页面路由缺点:单页面不利于seo,不支持IE8以下,首屏加载时间长2、Vue跟React的异同点?相同点:都使用了虚拟DOM组件化开发单向数据流支持SSR(服务端渲染)不同点:React JSX 和 Vue template数据变化,React 需要手动设置(setState), Vue 自动React 单向绑定, Vue 双向绑定React Redux 和 Vue Vuex3、MVVM是原创 2021-11-28 19:53:31 · 852 阅读 · 0 评论 -
VUE父组件与子组件的数据传递
父组件与子组件侦听 watch引用基本数据类型:引用的是地址 (地址里面存放值)基本数据类型:引用的是值(每一个值所对应的地址是不一样的)侦听的本质是:侦听地址是否发生改变watch: { // 侦听基本数据类型 value: function() { console.log("侦听到基本数据类型") }, // 侦听引用数据类型 obj: function() { console.log("侦听到引用数据类型") }原创 2021-11-12 11:04:57 · 901 阅读 · 0 评论 -
【明年找到好工作】:面试题打卡第五天
数字证书是指在互联网通讯中标志通讯各方身份信息的一个数字认证人们可以在网上用它来识别对方的身份。它的出现,是为了避免身份被篡改冒充的。原创 2022-09-07 20:03:56 · 238 阅读 · 0 评论 -
【明年找到好工作】:面试题打卡第四天
CSRF(跨站请求伪造)攻击者诱导受害者进入第三方网站,在第三方网站中,向被攻击网站发送跨域请求,利用受害者在被攻击网站已经获取的注册凭证,绕过后台的用户验证,达到冒充用户对被攻击网站执行某项操作的目的。XSS(跨站脚本攻击)是一种代码注入攻击,攻击者通过在目标网站上注入恶意脚本,使之在用户的浏览器上运行,获取敏感信息(Cookie、sessionID)在请求地址中添加token并验证;,如果在构建过程中遇到js脚本或外部js链接,则会停止DOM树,来执行和下载js代码,这就会造成阻塞。原创 2022-09-02 20:27:16 · 197 阅读 · 0 评论 -
【明年找到好工作】:面试题打卡第三天
1、如果服务器使用协商缓存,第一次发送请求从服务端获取到资源后,会将资源在本地进行缓存。如果在浏览器本地缓存中缓存了文件,若后台打开了该文件,并进行编辑,但最终保存内容没有发生变化,但此时。4、若不一致,服务器就会返回给浏览器200的状态码,并且返回最新的资源和新的资源标识符。3、到达服务器,看是否命中协商缓存,命中则返回304,否则服务器会返回新的资源。1、第一次请求资源时,服务器返回资源,并在响应头部中注入回传资源的缓存参数。2、第二次请求时(相同资源),浏览器会先查看该资源的缓存参数,通过判断。原创 2022-09-01 19:23:17 · 284 阅读 · 0 评论 -
【明年找到好工作】:面试题打卡第二天
1、声明位于文档中的最前面位置,处于标签之前2、告知浏览器文档使用哪种HTML或XHTML规范3、重点:告知浏览器按照何种规范解析页面4、严格模式下:页面排版及JS解析是以该浏览器支持的最高标志来执行5、混杂模式下:不严格按照标志执行,主要用来兼容旧浏览器,向后兼容6、Doctype 不存在或格式不正确会导致文档以混杂模式呈现。...原创 2022-08-30 20:52:26 · 250 阅读 · 0 评论 -
【明年找到好工作】:面试题打卡第一天
在http1.x中,使用的是文本形式进行传输,如果在header中需要携带cookie,则每次传输都传输重复数据。在http1.x的首部信息会被封装到Headers帧中,而Rquest Body则封装搭配Data帧中。因此,在页面需要请求很多资源时,队头会出现阻塞,只有等待前面资源加载完毕后才会加载下一个资源。而在http2.0中,基于二进制分帧,将http消息拆分成独立的帧(在不破坏信息的前提下),2、TCP提供可靠的服务(通过TCP连接传送的数据,无差错,不丢失,不重复,且按序到达)...原创 2022-08-29 22:03:22 · 638 阅读 · 0 评论