自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 面试ssss

数据劫持(Data Observation):Vue 使用了一种称为「数据劫持」的技术来追踪数据的变化。它通过使用 Object.defineProperty() 方法,将数据对象的属性转换为 getter 和 setter。当访问或修改属性时,Vue 能够捕获到这些操作,并触发相应的更新。监听器(Watcher):在 Vue 中,每个数据属性都有一个对应的监听器对象。监听器会订阅数据的变化,并根据变化触发相应的更新操作。当数据发生变化时,监听器会通知相关的视图进行更新。

2024-04-23 21:42:29 1027 1

原创 高频前端面试题汇总之手写代码篇

由于后面没有传入参数,等于返回的temp函数不被执行而是打印,了解JS的朋友都知道对象的toString是修改对象转换字符串的方法,因此代码中temp函数的toString函数return m值,而m值是最后一步执行函数时的值m=12,所以返回值是12。一般来说,Promise.all 用来处理多个并发请求,也是为了页面数据构造的方便,将一个页面所用到的在不同接口的数据一起请求过来,不过,如果其中一个接口失败了,多个请求也就失败了,页面可能啥也出不来,这就看当前页面的耦合程度了。

2024-04-18 10:32:28 707

原创 高频前端面试题汇总之前端性能优化篇

一、CDN1. CDN的概念CDN(Content Delivery Network,内容分发网络)是指一种通过互联网互相连接的电脑网络系统,利用最靠近每位用户的服务器,更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用户,来提供高性能、可扩展性及低成本的网络内容传递给用户。典型的CDN系统由下面三个部分组成: 分发服务系统: 最基本的工作单元就是Cache设备,cache(边缘cache)负责直接响应最终用户的访问请求,把缓存在本地的内容快速地提供给用户。同时cache还负责与

2024-04-18 10:31:56 409

原创 高频前端面试题汇总之浏览器原理篇

XSS 攻击指的是跨站脚本攻击,是一种代码注入攻击。攻击者通过在网站注入恶意脚本,使之在用户的浏览器上运行,从而盗取用户的信息如 cookie 等。XSS 的本质是因为网站没有对恶意代码进行过滤,与正常的代码混合在一起了,浏览器没有办法分辨哪些脚本是可信的,从而导致了恶意代码的执行。攻击者可以通过这种攻击方式可以进行以下操作:获取页面的数据,如DOM、cookie、localStorage;DOS攻击,发送合理请求,占用服务器资源,从而使用户无法访问服务器;破坏页面结构;

2024-04-18 10:31:23 367

原创 高频前端面试题汇总之计算机网络篇

超文本传输安全协议(Hypertext Transfer Protocol Secure,简称:HTTPS)是一种通过计算机网络进行安全通信的传输协议。HTTPS经由HTTP进行通信,利用SSL/TLS来加密数据包。HTTPS的主要目的是提供对网站服务器的身份认证,保护交换数据的隐私与完整性。HTTP协议采用明文传输信息,存在信息窃听信息篡改和信息劫持的风险,而协议TLS/SSL具有身份验证信息加密和完整性校验的功能,可以避免此类问题发生。安全层的主要职责就是对发起的HTTP请求的数据进行加密操作和。

2024-04-18 10:29:43 366

原创 高频前端面试题汇总之Vue篇

可以。v-model 实际上是一个语法糖,如:实际上相当于:

2024-04-18 10:29:02 557

原创 高频前端面试题汇总之JavaScript篇(上)

在 JavaScript 中,基本类型是没有属性和方法的,但是为了便于操作基本类型的值,在调用基本类型的属性或方法时 JavaScript 会在后台隐式地将基本类型的值转换为对象,如:a.length;// 3// "ABC"在访问时,JavaScript 将'abc'在后台转换成,然后再访问其length属性。

2024-04-18 10:26:27 330

原创 高频前端面试题汇总之CSS篇

以 iPhone XS 为例,当写 CSS 代码时,针对于单位 px,其宽度为 414px & 896px,也就是说当赋予一个 DIV元素宽度为 414px,这个 DIV 就会填满手机的宽度;而如果有一把尺子来实际测量这部手机的物理像素,实际为 1242*2688 物理像素;经过计算可知,1242/414=3,也就是说,在单边上,一个逻辑像素=3个物理像素,就说这个屏幕的像素密度为 3,也就是常说的 3 倍屏。

2024-04-18 10:25:32 256

原创 高频前端面试题汇总之HTML篇

不同的渲染模式会影响浏览器对 CSS 代码甚⾄ JavaScript 脚本的解析。它必须声明在HTML⽂档的第⼀⾏。浏览器渲染页面的两种模式(可通过document.compatMode获取,比如,语雀官网的文档类型是。

2024-04-18 10:24:50 701

原创 小程序小程序小程序

注册小程序。接受一个Object参数,其指定小程序的生命周期回调等。App() 必须在app.js中调用,必须调用且只能调用一次。不然会出现无法预期的后果。使用 name 属性,作为模板的名字。然后在内定义代码片段,如:--index: int--><view></view>类似于页面,一个自定义组件由jsonwxmlwxssjs4个文件组成。要编写一个自定义组件,首先需要在json文件中进行自定义组件声明(将component字段设为true可将这一组文件设为自定义组件):同时,还要在。

2024-03-13 18:52:03 801 1

原创 【无标题】

修改名字

2023-12-24 20:43:13 796 1

原创 Day7-vue

声明式框架关注结果。本质上是对命令式框架底层代码的一个封装,只关注结果,而不关注具体操作的过程。在调用之后返回虚拟dom,渲染器是把虚拟dom转换为真实dom。组件就是一组dom元素的封装,本质就是一个对象。命令式框架关注过程,需要操作dom元素。取值和赋值的行为,使用自定义的。几乎所有的文章和教程,在讲解。来重写了原有的行为,这也就是。这相当于我们自定义了。

2023-12-04 21:01:15 350

原创 Day3 学习笔记

在 fn1() 的调用中,函数执行的上下文(即 this 的值)取决于函数被调用的方式。以前引用类型中的对象也是键值对的集合 但是键限于字符串 总结起来就是 Object 结构提供了“字符串—值”的对应, Map 结构提供了“值—值”的对应,是一种更完善的 “键值对” 结构实现。Set是新的引用型的数据结构 它类似于数组,但是成员的值都是唯一的,没有重复的值。obj.methods() // window,this的指向是其定义位置(写在哪)的作用域,但是obj对象没有作用域,所以此处指向的是全局。

2023-12-02 13:37:04 1620

原创 Day6-vue 学习笔记

在 Vue 中根据需要动态地渲染不同的组件是指按需加载的组件,而不是在初始渲染时立即加载在访问路由的时候才加载对应的组件。

2023-12-02 12:02:38 1669

原创 Day5-vue 学习笔记

而watch不支持缓存,数据变,直接会触发相应的操作 computed不支持异步,当computed内有异步操作时无效,无法监听数据的变化,而watch支持异步 computed属性值会默认走缓存,计算属性是基于它们的响应式依赖进行缓存的,也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值;而watch不支持缓存,数据变,直接会触发相应的操作 computed不支持异步,当computed内有异步操作时无效,无法监听数据的变化,而watch支持异步。

2023-12-02 12:02:05 1397

原创 Day4-vue 学习笔记

v-model,当data里的数据发生变化,视图也随之更新,反之亦然。

2023-12-02 12:01:34 678

原创 Day2 学习笔记

事件委托是一种常用的JavaScript技术,用于管理和处理多个子元素的事件。通过将事件处理程序绑定到它们共同的父元素上,从而避免为每个子元素都绑定事件处理程序。防抖:事件被触发,防抖会等待一段时间,直到事件触发停止,然后才执行事件处理函数。使用场景:输入框搜索,窗口调整,按钮点击节流:当事件触发后,会立即执行处理函数,并在指定的时间间隔内,忽略后续的触发事件。使用场景:滚动事件,提交按钮。

2023-12-02 12:00:16 773

原创 Day1-18

变量或者函数的作用范围,分为全局作用域、局部作用域和ES6中的作用域深拷贝创建一个新对象,两个对象属性完成相同,但是对应两个不同的地址,修改其中一个对象的属性,不会改变另一个对象的属性方式:3 手写循环递归可以在一个内层函数中访问到其外层函数的作用域事件循环(Event Loop)是 JavaScript 中用于处理异步操作的一种机制。它负责协调和处理事件、回调函数以及其他异步任务的执行顺序。是浏览器引入的一种安全机制,即 端口,域名,协议,三者相同。图片资源不存在跨域。

2023-11-20 13:08:21 37 1

原创 .sync和v-model的区别

会根据不同的表单元素类型自动监听不同的事件,将用户的输入实时同步到绑定的数据属性上,并将绑定的数据属性的值通过。是 Vue.js 中用于实现双向数据绑定的两种方式,它们有一些区别和不同的使用场景。是 Vue.js 提供的一种特殊的属性修饰符,用于实现父子组件之间的双向数据绑定。主要用于实现父子组件之间的双向数据绑定,通过自定义事件和修饰符的方式实现。是 Vue.js 提供的语法糖,用于在表单元素上实现双向数据绑定。主要用于表单元素的双向数据绑定,简化了表单元素的数据绑定操作。的使用需要在父组件中使用带有。

2023-11-10 17:07:26 37 1

原创 父子组件嵌套下的生命周期钩子函数执行顺序

需要注意的是,父组件和子组件的生命周期钩子函数是相互独立的,它们的执行顺序并不是严格的父在前子在后或子在前父在后的顺序。此外,如果父组件的数据发生变化,会触发父组件的 beforeUpdate 和 updated 钩子函数,同时也会触发子组件的 beforeUpdate 和 updated 钩子函数。在 Vue.js 中,当父组件包含一个或多个子组件时,组件的生命周期钩子函数的执行顺序遵循一定的规则。父组件和子组件的生命周期钩子函数执行顺序是并行的,不是严格的父在前子在后的顺序。

2023-11-10 17:06:48 132 1

空空如也

空空如也

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

TA关注的人

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