- 博客(53)
- 收藏
- 关注
RSS订阅原创 个人简历经验复盘
其中，beforeEnter在页面进入前执行，beforeLeave在页面离开前执行，afterLeave在页面离开后执行。当页面跳转时，可以在navigat钩子中执行一些操作，例如获取跳转参数、判断用户是否登录等。）ref 如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例，条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。当子组件对对象进行修改时，父组件中的对象同样会被修改，但对象重新赋值则不会被影响。
2023-11-01 12:29:57
106
原创 前端环境的安装 Node npm yarn
说明：环境配置的目的主要是为了改变安装NodeJS依赖的下载位置，方便日后管理，以及配置缓存Cache的路径。因为NodeJS在执行安装语句时，会将安装的模块默认安装到**C:\Users\用户名\AppData\Roaming\npm**，从而占用C盘的空间。其实看到这个变量值我开始是有一些疑问的，明明node_global是一个空文件夹，为什么这个值需要定义到一个不存在的文件夹上，原来后面。当然，建议还是修改一下安装位置，NodeJS默认安装位置为。安装时，默认是使用国外的镜像，速度较慢。
2023-10-30 13:20:09
849
原创 Vue2023 面试归纳及复习(2)
【 什么是BFC?】BFC的全称是block-formatting-context， 对应其中文翻译就是块级格式上下文，它是一个独立的渲染区域，我们可以把BFC理解为，一个封闭的容器，内部的元素无论怎么变化都不会影响到外部，容器内的样式布局自然也不会受到外界的影响。
2023-09-21 12:22:15
343
原创 js手撕代码
instanceof运算符用于检测构造函数的prototype属性是否出现在某个实例对象的原型链上，运算符左侧是实例对象，右侧是构造函数。
2023-09-13 04:41:22
175
原创 Vue-Router 一篇搞定 Vue3
Vue 很适合用来构建单页面应用。对于大多数此类应用，都推荐使用官方支持的Vue Router；在单页面应用(Single-page application）中，客户端的 JavaScript 可以拦截页面的跳转请求，动态获取新的数据，然后在无需重新加载的情况下更新当前页面。这样通常可以带来更顺滑的用户体验，因为这类场景下用户通常会在很长的一段时间中做出多次交互。这类的单页面应用中，路由的更新是在客户端执行的。Vue Router 是 Vue 的官方路由。
2023-09-01 03:09:16
580
原创 VueX 与Pinia 一篇搞懂
vue3 中的 setup 在 beforecreate 和 created 前执行，此时 vue对象还未被创建，没有了之前的this，所以此处我们需要用到另一种方法来获取到 store 对象。import { useStore } from 'vuex' // 引入useStore 方法const store = useStore() // 该方法用于返回store 实例console.log(store) // store 实例对象1.state存放数据的地方state: {num: 10。
2023-08-31 05:17:17
505
原创 Vue2023 面试归纳及复习
ref reactive toRef toRefs 函数refref是Vue3提供的一种用于包装基本数据类型的响应式对象的实现方式。在Vue3中，使用ref可以将基本数据类型（如字符串、数字、布尔值等）包装为响应式对象。当这些基本数据类型的值发生变化时，Vue3会自动更新视图中相应的内容。需要注意的是，在使用ref包装基本数据类型时，我们需要通过.value来访问这个值。这是因为ref返回的是一个包含.value属性的响应式对象，而不是一个基本数据类型的值。reactive。
2023-08-31 03:09:38
543
原创 Vue3响应式原理 私
响应式的实现方式就是劫持数据，的reactive就是通过Proxy劫持数据，由于劫持的是整个对象，所以可以检测到任何对象的修改，弥补了2.0的不足。weakmap 由 target --> map 构成map 由 key --> set 构成。
2023-08-30 20:45:19
214
原创 Vue2.0 的响应式原理 私
通过defineProperty + 发布订阅者模式，当 vue 实例初始化后 observer 会针对实例中的 data 中的每一个属性进行劫持并通过 defineProperty() 设置值后在 get() 中向发布者添加该属性的订阅者，使用的Object.defineProperty()重新定义对象，给data的每个属性都添加了getter和setter方法。在get的时候会调用dep.depend;
2023-08-30 01:53:05
410
原创 Webpack高频面试题
webpack是一个模块打包工具，可以递归地打包项目中的所有模块，最终生成几个打包后的文件。区别：webpack支持代码分割，模块化（AMD,CommonJ,ES2015），全局分析loader是用来告诉webpack如何转换某一类型的文件，并且引入到打包出的文件中。plugins(插件)作用更大，可以打包优化，资源管理和注入环境变量bundle：是由webpack打包出来的文件chunk：是指webpack在进行模块依赖分析的时候，代码分割出来的代码块module：是开发中的单个模块。
2023-08-23 03:17:08
998
原创 WebPack优化
开启 prodution 模式之后，就会自动开启 Tree-Shaking没有用到的代码，在生产打包的时候删掉就是 tree-shaking这里的 mult 函数就是没用到的代码，在生产打包时应该删掉把多个函数（每个模块可能一个函数）的内容，放到一个函数中代码体积更小创建函数作用域更少代码可读性更好。
2023-08-22 00:19:35
414
原创 Vue的鼠标键盘事件
鼠标事件(将v-on简写为@)@click // 点击@dblclick // 双击@mousedown // 按下@mousemove // 移动@mouseleave // 离开@mouseout // 移出@mouseenter // 进入@mouseover // 鼠标悬浮键盘事件@keydown //键盘按下时触发@keypress //键盘按住时触发@keyup //键盘弹起@keyup.13 //回车。
2023-08-18 10:50:12
2629
原创 TypeScript+Vue3.0X集成开发
类型断言好比其它语言里的类型转换，但是不进行特殊的数据检查和解构。它没有运行时的影响，只是在编译阶段起作用。//类型断言有两种形式。其一是“尖括号”语法：另一个为 as 语法：PS：使用构造函数Boolean创造的对象不是布尔值而是一个Boolean对象。注意ts:167:5-error。
2023-08-18 10:48:05
132
转载 非走不可的弯路：MBSE
引用声明：本文转载自知乎专栏-深蓝视觉-Blank投稿文章《非走不可的弯路》免责声明：文章内容仅为个人技术思考，且不作任何形式的技术推荐或商业推广。White Bear - 知乎
2023-08-17 02:37:53
110
原创 WebSocket 开发
websocketWebSocket是HTML5下一种新的协议（websocket协议本质上是一个基于tcp的协议）它实现了浏览器与服务器全双工通信，能更好的节省服务器资源和带宽并达到实时通讯的目的Websocket是一个持久化的协议WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。
2023-08-17 02:36:14
813
原创 Vue的鼠标键盘事件
Vue的鼠标键盘事件原生鼠标事件(将v-on简写为@)键盘事件输入框事件element-ui但是element-ui在实际使用时,前四条触发方法全部都是input方式(在 Input 值改变时触发)触发,遂使用原生的@blur才完成效果用到的事件：onmousedown：鼠标的按下事件onmouseove：鼠标的移动事件onmouseup：鼠标的松开事件
2022-12-05 14:53:18
81
原创 5 Vue＋html css 问题（西安10.9）
数据响应式原理的核心就是采用了数据劫持结合发布者-订阅者模式的方式来实现数据的响应式,通过Object.defineProperty()对数据进行拦截，把这些属性全部转换成getter/setter，get（）方法可以读取数据、收集依赖，set（）方法可以改写数据，在数据变动时会对数据进行比较，如果数据发生了变化，会发布消息通知订阅者，触发监听回调，更新视图。watch监听的数据必须是data中声明过或父组件传递过来的props中的数据，当数据变化时，触发监听器。的操作，比如改变宽高，隐藏节点等。
2022-10-10 17:28:10
1186
原创 java IO流总结
在Java中，将通过不同的输入输出设备（键盘，内存，显示器，网络等）之间的数据传输抽象表述为流，程序允许通过流的方式与输入输出设备进行数据传输。java中的流都位于java.io包中，称为IO（输入输出）流。...
2022-10-08 01:38:51
81
原创 10 真实面试
var 定义的变量，没有块的概念，可以跨块访问, 不能跨函数访问，有变量提升。let 定义的变量，只能在块作用域里访问，不能跨块访问，也不能跨函数访问，无变量提升，不可以重复声明。const 用来定义常量，使用时必须初始化(即必须赋值)，只能在块作用域里访问，而且不能修改，无变量提升，不可以重复声明。最初在 JS 中作用域有：全局作用域、函数作用域。没有块作用域的概念。ES6 中新增了块级作用域。块作用域由 { } 包括，if 语句和 for 语句里面的 { } 也属于块作用域。
2022-09-30 02:22:20
679
原创 9 Vue3.x 面试题 （SY）
语法：const name = toRef(person,'name')应用: 要将响应式对象中的某个属性单独提供给外部使用时。扩展：toRefs 与toRef功能一致，但可以批量创建多个 ref 对象，语法：toRefs(person)代码演示 我们在组件中定义了一个人的信息 并将定义的信息返回 在页面中使用
2022-09-23 00:04:32
149
转载 js 数组 map set API
js中的数组，Map，Set的基本使用_xinxxxxxxxxx的博客-CSDN博客js中的queue，map，set的基本使用queuelet queue = [];[1]queue.push({a:1}) [{a:1}]//splice 删除并返回队首值queue.shift()setlet set = new Set();//has 判断是否存在某个keymp.has(1);//get。
2022-09-19 15:44:45
589
原创 8 Vue 面试题 复习（SY）
action可以处理异步，mutation不可以mutation做原子操作action可以整合多个mutation。
2022-09-13 16:14:46
202
原创 5 Vue Router 4.x路由管理 （FH）
页面加载时，或许会有个非null的状态对象。那么，这里我们可以使用watch来监听this.$ route的parents 参数 对象，它是响应性的，根据它的变化执行我们的业务逻辑。如果当前活动的历史记录项是被 pushState 创建的，或者是由 replaceState 改变的，那么 popstate 事件的状态属性 state 会包含一个当前历史记录状态对象的拷贝。通过go()方法，指定一个相对于当前页面位置的数值，从当前会话的历史记录中加载页面（当前位置页面索引：0，上一页：-1，下一页：1）；
2022-09-11 23:01:30
494
原创 4 迅速搞定JS JS-Web-AP-DOM
◆vue和React框架应用广泛,封装了DOM操作◆但DOM操作- -直都会前端 工程师的基础、必备知识◆只会vue而不懂DOM操作的前端程序员，不会长久。
2022-09-11 01:34:21
175
原创 7 vnode 之于 Vue 的作用(SY)
Patch 中最核心的方法就是 patchVnode 和 updateChildren，patch 通过同层比较代替深度遍历，极大的降低了时间复杂度，patchVnode 中对比新老 vnode 的真实 DOM，对其做一些新增、删除、替换和复用操作，对于新老 vnode 同时存在子节点的情况，继续使用 updateChildren 更新子节点，在这个方法里，使用了经典的双指针算法进行双端对比，同时结合交叉采样比对，以最小代价找出差异并得出最终 DOM 结构。这和 redux 中的reducer 是类似的。
2022-09-10 18:53:46
195
原创 4 迅速搞定 JS-Web-API-Ajax web缓存 http面试(SY)
同源策略（英文全称 Same origin policy）是浏览器提供的一个安全功能。它限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。简而言之就是浏览器规定，A 网站的 JavaScript，不允许和非同源的网站 C 之间，进行资源的交互。跨域指的是两个 URL 的协议、域名、端口只要其中一个不一致，就会形成跨域。出现跨域的根本原因浏览器的同源策略不允许非同源的 URL 之间进行资源的交互。不过图片、css、js 引入可无视同源策略。
2022-09-06 02:26:55
248
原创 3 迅速搞定js js异步(SY)
目录 1 单线程、异步、同步2 callback hell（回调地狱）3 Promise4 基础知识回顾5 event loop（事件循环）6 promise进阶7 async/await8 宏任务/微任务9 请描述event loop（事件循环/事件轮询）的机制，可画图问答题：请描述event loop（事件循环/事件轮询）的机制，可画图编辑什么是宏任务、微任务，两者有什么区别编辑Promise有哪三种状态，如何变化场景题：promise then和catch的连接（常考且实用）编辑async/
2022-09-05 02:30:37
971
原创 2 迅速搞定js 面试（1）(SY)
闭包作用域应用的特殊情况，指有权访问另一个函数作用域中的变量的函数函数作为参数被传递函数作为返回值被返回注意：所有自由变量的查找 ，都是函数定义的地方(this不一定指向定义的环境)，向上级作用域查找 ，而不是函数执行的地方！！自由变量：前作用域没有定义的变量自由变量在函数定义地方向上级作用域查找，不代表this指向定义的环境// 函数作为返回值}}// 函数在create环境中定义// 函数作为参数setTimeout(function(){ // 函数在print环境中定义。
2022-09-02 03:27:30
341
原创 1 迅速搞清 html布局(SY)
Block format context，块级格式化上下文一块独立渲染区域，内部元素的渲染不会影响边界以外的元素。
2022-09-01 23:53:36
342
转载 计算机网络部分
测试秋招八股文集锦——经典网络篇_笔经面经_牛客网2022年计算机网络热门面试题（附标准答案）_Coder Xu的博客-CSDN博客_计算机网络面试
2022-08-24 04:34:55
74
原创 3 Vue面试题2 (WW)
1、任何一个 Vue Component 都有一个与之对应的 Watcher 实例2、Vue 的 data 上的属性会被添加 getter 和 setter 属性3、当 Vue Component render 函数被执行的时候, data 上会被 触碰(touch), 即被读, getter 方法会被调用, 此时 Vue 会去记录此 Vue component 所依赖的所有 data。(这一过程被称为依赖收集)
2022-08-23 23:17:16
96
2原创 1 JavaSctipt前端面试小记（WW）
27、什么是DOM和BOM_C.&H.的博客-CSDN博客_dom和bom含义分别是什么尾调用指的是函数的最后一步调用另一个函数。代码执行是基于执行栈的，所以当在一个函数里调用另一个函数时，会保留当前的执行上下文，然后再新建另外一个执行上下文加入栈中。使用尾调用的话，因为已经是函数的最后一步，所以这时可以不必再保留当前的执行上下文，从而节省了内存，这就是尾调用优化。但是ES6的尾调用优化只在严格模式下开启，正常模式是无效的。
2022-08-21 19:52:42
833
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人