2024年3月前端面试记录：裸辞、旅游、面试；太难了，Java和Go，面试了30多场，终于上岸了；iframe嵌入页面实现免登录思路（以vue为例）；Vue2的项目自适应屏幕大小；git config实用指南；【cronet】okcronet 来了，HTTP3/QUIC时代okhttp的替代品；《HelloGitHub》第 96 期；前端实现打字机的效果 — typed库的使用
-
前言 个人原因主动离职，感觉工作内容比较简单，没有成长；提离职的那天就买好了泰国来回的机票，和对象一起在泰国玩了一周 基本概括：6年前端，有管理经验 在职期间面试 富途 有效括号匹配 判断b是否是a的
-
我就请假约面试，没想到，被社会毒打了，Java太卷了，要求好高，各种拷打底层。后来想请假面试也不批，咋搞！？老子不惯着，裸辞了！春节之后，我是从3月份才开始约面的，到3月27号面试了大概20多家公司
-
最近实现一个功能需要使用iframe嵌入其它系统内部的一个页面，但嵌入后出现一个问题，就是一打开这个页面就会自动跳转到登录页，原因是被嵌入系统没有登录(没有token)肯定不让访问内部页面的
-
甲方爸爸之前的需要只是要PC端访问，没有做不同屏幕的自适应尺寸，这个年代谁的屏幕没有1980.然后经过几个月的页面修改好现在需要适应各式各样的屏幕，做自适应。关键项目写完了，一个个改费时费心费力。经过
-
文章浏览阅读220次，点赞3次，收藏5次。Object.defineProperty或Object.proxy 数据劫持，监听数据变化，通过渲染函数编译模板，形成虚拟dom，setter,getter更新dom。react 类组件或函数式组件，react-router,redux/zustand/mobx。react:虚拟dom的差异比较，来最小化实际的dom更新次数，从而提高应用的性能和效率。受控组件和非受控组件最大的区别在于组件的值是由React状态控制还是Dom节点控制。vue 复合式Api，vue-router,vuex/pinia。
-
electron+VUE Browserwindow与webview通信
文章浏览阅读198次，点赞3次，收藏7次。如果能看到webview控制台里面的命令：window.electronAPI 说明已经通信成功了，后面就可以自己实现自己的逻辑了。1，porelaod注入的路径需要以file:///开头的绝对路径，如果不能保证 可以直接在vue中如下写法来进行测试。例如：file:///C:/porelaod/webPreload.js。webview.openDevTools()打开webview的控制台。其中preloadPath需要以file:///开头的绝对路径。// 在webview中注入脚本。
-
vue3源码解析——ref和reactive定义响应式的区别
文章浏览阅读562次，点赞20次，收藏18次。ref 和 reactive 是 Vue 3.0 中用于定义响应式数据的两个新 API。它们有以下区别：ref 定义单个响应式数据 数据类型可以是任意类型。它通常用于定义原始数据类型为响应式数据。返回一个响应式对象，该对象包含一个 .value 属性，可用于获取和设置数据。底层采用Object.defineProperty()实现reactive 定义多个响应式数据 数据类型必须是对象返回一个响应式对象，必须使用响应式对象来获取属性和设置数据
-
文章浏览阅读600次，点赞21次，收藏10次。我们都知道像vue、react都有用到虚拟dom,那么虚拟dom到底是什么？框架为什么不直接操作真实dom而要在中间要引入虚拟dom呢？vue和react的虚拟dom又有什么异同呢？我们就从虚拟dom开始讲起，再来逐步引入讲解vue与react的部分原理及其异同，这里会顺便讲解到数据驱动视图及视图驱动数据，顺便明白MVVM、MVC这两种模式，顺便引入相关的八股文知识点，不小心一下子就明白了一大堆知识。
-
文章浏览阅读85次，点赞7次，收藏3次。return msg;注册同理。
-
文章浏览阅读216次，点赞7次，收藏2次。ref用来定义：基本类型数据。reactive用来定义：对象（或数组）类型数据。备注：ref也可以用来定义对象（或数组）类型数据, 它内部会自动通过reactive转为代理对象。
-
文章浏览阅读2k次，点赞88次，收藏69次。在互联网时代，数据已经成为了重要的资源。Web爬虫作为一种自动化获取数据的工具，在数据分析、市场调研、价格监控等领域发挥着越来越重要的作用。简单来说，Web爬虫是一种程序，它模拟人类在浏览器中的行为，自动访问网站并抓取所需的数据。通过爬虫，我们可以快速、高效地收集大量信息，为决策提供有力支持。然而，随着网站对爬虫的限制和反爬虫技术的不断发展，传统的爬虫方法已经难以满足需求。逆向爬虫技术应运而生，它通过对目标网站的反爬虫机制进行深入分析，并采取相应的对策，从而成功获取数据。
-
文章浏览阅读353次。vue3封装Element导航菜单。
-
文章浏览阅读237次。props主要用于父组件向子组件通信。在父组件中通过用 :msg=“msg” 绑定需要传给子组件的属性值，然后再在子组件中用 props 接收该属性值。方法二：使用 setup 语法糖props中数据流是单项的，即子组件不可改变父组件传来的值在组合式API中，如果想在子组件中用其它变量接收props的值时需要使用toRef将props中的属性转为响应式。
-
文章浏览阅读300次，点赞4次，收藏4次。整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》PDF完整版点击这里即可获取！！！！《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》PDF完整版点击这里即可获取！！！！[外链图片转存中…(img-g70pY4jg-1711679343960)]
-
文章浏览阅读593次，点赞10次，收藏11次。在Vue中，插槽（slot）是一种非常有用的功能，它允许我们在父组件中将子组件的内容传递给子组件并根据需要进行渲染。插槽可以帮助我们更灵活地组织我们的代码，并且使得组件之间的通信更加方便。下面我将为大家详细介绍如何在Vue中使用插槽，并结合一个例子来演示。
-
文章浏览阅读634次，点赞15次，收藏9次。而触发 get 方法也很简单，实际上只要把 render function 进行渲染，那么其中的依赖的对象都会被「读取」，这里我们通过打印来模拟这个过程，读取。我们在闭包中增加了一个 Dep 类的对象，用来收集 Watcher 对象。在对象被「读」的时候，会触发。本章我们介绍了「依赖收集」的过程，配合之前的响应式原理，已经把整个「响应式系统」介绍完毕了。假设我们现在有一个全局的对象，我们可能会在多个 Vue 对象中用到它进行展示。这个数据知道“哦～有两个地方依赖我的数据，我变化的时候需要通知它们～”。
-
Vue3+ElementPlus+Router实现面包屑导航
文章浏览阅读85次。【代码】Vue3+ElementPlus+Router实现面包屑导航。
-
文章浏览阅读109次。三段代码分别为，组件文件、main函数文件、使用全局组件的vue文件。组件的注册有两种方式：全局组件注册、局部组件注册。import以后可以在template中直接使用。
