- 博客(136)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 25年 前端面试题总结（答案版）—— 超详细
自定义指令可分为局部和全局自定执行，局部的话在每个组件的选项中可使用directives选项，全局的话直接使用Vue.directive// 局部注册new Vue({// 指令名称focus: {// 指令定义el.focus()})// 全局注册el.focus()})// 使用ts就是js的一个超集，在js之上添加静态类型检查，提高代码的可维护性和安全性；可以采用联合类型 type strOrNum = string | number11、 手写二分法查找算法/**
2025-10-16 13:32:01
1041
原创 说说你对JS事件循环的理解
从上面我们可以看到，同步任务进入主线程，即主执行栈，异步任务进入任务队列，主线程内的任务执行完毕为空，会去任务队列读取对应的任务，推入主线程执行。出现分歧的原因在于异步任务执行顺序，事件队列其实是一个“先进先出”的数据结构，排在前面的事件会优先被主线程读取。宏任务的时间粒度比较大，执行的时间间隔是不能精确控制的，对一些高实时性的需求就不太符合。同步任务：立即执行的任务，同步任务一般会直接进入到主线程中执行。这时候，事件循环，宏任务，微任务的关系如图所示。异步任务：异步执行的任务，比如。
2024-03-11 17:19:49
1270
原创 【Vue】前端 vue2项目搭建入门级（二）
（vue create 项目名）创建一个project的项目。vue2版本，直接回车键到下一步，一键创建vue2项目。【Vue】前端 vue2项目搭建入门级（一），是一键创建vue2 项目，不需要自己配置。4.ctrl+单击 可打开项目本地ip。3.至此，已成功创建vue2项目。1.cmd进入根目录，输入。2.直接选择vue的版本,本文创建vue2项目方式。
2025-09-02 17:44:13
217
1
原创 【Vue】前端 vue2项目搭建入门级（一）
6.是否使用ESLint预防错误？4.这一步骤，需要选择vue的版本，当前选择2.x。5.是否使用history路由？10.至此，已成功创建vue2项目。，创建一个project的项目。选择，点击“空格键”选中（1.切换到根目录，输入。，打开此项目本地ip。，选完之后点击回车键。
2025-09-02 17:26:28
288
原创 下载.txt文件 方法有哪些？
1.1. a标签行内 默认 ：get请求。1.2. a标签另一种方式。2、下载文件 post 请求。index.js接口文件👇。
2024-08-12 18:33:45
2314
原创 element upload 如何 上传提交文件不能为空校验、上传文件覆盖旧文件
1、可以再其on-success挂载的函数执行判断fileList长度的方式来判断。2、也可以在接口的 then成功回调里调用。
2024-08-12 17:50:55
651
原创 vue2 / vue3 / react —— 创建项目简单方式
yarn create vite (后续根据提示 react步骤操作即可)yarn create vite (后续根据提示 vue步骤操作即可)vue create 项目名称。
2024-07-18 11:00:15
185
原创 创建React 项目的几种方式
1、yarn create vite my-react-app --template react (直接一键生成，无需后续操作)2、创建项目命令： create-react-app 项目名称。1、下载 npm i create-react-app -g。2、后续根据提示步骤操作即可。
2024-07-10 16:29:47
632
原创 24年前端面试 高频经典（答案版）
WebPack是一个现代JS应用程序的静态模块打包工具。Webpack的主要功能包括：1. 模块打包：将项目中的所有模块（JavaScript、CSS、图片等）当作一个整体，通过依赖关系将它们打包成一个或多个静态资源文件。2. 依赖管理：Webpack可以分析模块之间的依赖关系，根据配置的入口文件找出所有依赖的模块，并将其整合到打包结果中。Webpack本身只能处理JavaScript模块，但通过加载器（Loader）
2024-05-22 16:14:17
1106
原创 闭包是什么？
使已经运行结束的函数上下文中的变量对象继续留在内存中，因为闭包函数保留了这个变量对象的引用，所以这个变量对象不会被垃圾回收机制回收实现变量数据共享。通过使用闭包，可以在外部调用闭包函数，从而在函数外部能够间接访问到函数内部的变量，也可以使用这种方法来创建私有变量避免全局变量的污染。例如，函数 A 内部有一个函数 B，函数 B 可以访问到函数 A 中的变量，那么函数 B 就是闭包。，或着，可以简单理解为定义在一个函数内部的函数，内部函数可以访问到外部函数的局部变量。这个是最为推荐的方式。
2024-05-21 14:35:56
630
原创 vuex 是什么？如何使用 代码示例
Vuex 是一个专为 Vue.js 应用程序设计的状态管理模式，它采用集中式存储来管理应用中所有组件的状态，并确保状态的变化是可预测的。State（状态）、Getters（获取器）、Mutations（改变）、Actions（动作）以及可选的Modules（模块）。
2024-05-21 10:28:49
372
原创 offsetTop、clientHeight、scrollTop等属性的含义
包含元素的引用保存在offsetParent属性中，不一定是parentNode，比如的offsetParent是，因为它是DOM层次中距最近的一个具有大小的元素。所有的偏移量属性都是只读的，而且每次访问都要重新计算，避免重复访问。四、innterHeight和outerHeight。这两个属性也是只读和需要重新计算的。二、客户区大小-以client开头的。一、偏移量-以offset开头的。三、滚动大小-scroll开头的。
2024-05-20 10:22:47
694
原创 JavaScript实现图片懒加载的三种常用方法总结
懒加载是一种对网页性能优化的方式，比如当访问一个网页的时候，优先显示可视区域的图片而不是一次加载全部的图片，当需要显示时，再发送请求加载图片。
2024-05-17 14:04:51
2272
原创 vue-router路由懒加载以及三种实现方式
延迟加载或按需加载路由所对应的组件，而不是在应用初始化时就一次性加载所有组件。路由懒加载做了什么事情？主要作用是将路由对应的组件打包成一个个的js代码块只有在这个路由被访问到的时候，才加载对应的组件，否则不加载！即：只有在这个路由被访问到的时候，才加载对应的组件，否则不加载！
2024-05-17 14:04:47
991
原创 跨域是什么？Vue项目中你是如何解决跨域的呢？
代理（Proxy）也称网络代理，是一种特殊的网络服务，允许一个（一般为客户端）通过这个服务与另一个网络终端（一般为服务器）进行非直接的连接。CORS （Cross-Origin Resource Sharing，跨域资源共享）是一个系统，它由一系列传输的HTTP头组成，这些HTTP头决定浏览器是否阻止前端 JavaScript 代码获取跨域请求的响应。一定要注意跨域是浏览器的限制，你用抓包工具抓取接口数据，是可以看到接口已经把数据返回回来了，只是浏览器的限制，你获取不到数据。发送请求中，配置请求的根路径。
2024-05-11 14:01:48
397
原创 面试官：SPA（单页应用）首屏加载速度慢怎么解决
首屏时间（First Contentful Paint），指的是浏览器从响应用户输入网址地址，到首屏内容渲染完成的时间，此时整个网页不一定要全部渲染完成，但需要展示当前视窗需要的内容首屏加载可以说是用户体验中最重要的环节。
2024-05-11 13:55:11
891
原创 为什么说HTTPS比HTTP安全? HTTPS是如何保证安全的？
可以看到，HTTPS与HTTP虽然只差一个SSL机密性：混合算法完整性：摘要算法身份认证：数字签名不可否定：数字签名同时引入第三方证书机构，确保公开秘钥的安全性。
2024-05-10 10:11:21
1008
原创 什么是HTTP ？ HTTP 和 HTTPS 的区别 ？
传输的数据并不是计算机底层中的二进制包，而是完整的、有意义的数据，如HTML 文件, 图片文件, 查询结果等超文本，能够被上层应用识别。服务器处理完客户的请求，并收到客户的应答后，即断开连接。采用这种方式可以节省传输时间。是一个传输协议，即将数据由A传到B或将B传输到A，并且 A 与 B 之间能够存放很多第三方，如： AXYZB。由于HTTP协议简单，使得HTTP服务器的程序规模小，因而通信速度很快。浏览器和网站服务器之间传递信息，以明文方式发送内容，不提供任何方式的数据加密。
2024-05-09 15:42:21
533
原创 vue2 与 vue3的区别
Vue.js是一个非常流行的前端框架，用于构建用户界面。从Vue 2到Vue 3的过渡带来了一系列的改进和变化，旨在提高性能、增强可维护性和提升开发者体验。
2024-04-30 09:42:41
1083
原创 v-if 和 v-for的优先级
尽管优先级发生了变化，但依然不推荐直接在同一元素上同时使用这两个指令，因为这可能导致逻辑不够清晰，且可能不是最高效的处理方式。的优先级处理上有所不同，但两者都建议不要直接在同一个元素上同时使用这两个指令，而是通过外部条件控制或计算属性来优化渲染逻辑。与Vue 2类似，最佳实践仍然是将条件判断放在循环之外，或者通过计算属性预先过滤数据。条件时，因为所有项都会先被循环出来然后再进行条件过滤。会先执行，然后对于每个循环出来的元素，综上所述，尽管Vue 2和Vue 3在。的条件为真时，才会执行。
2024-04-30 09:42:20
323
原创 ES6 新增特性 —— 箭头函数
语法：(参数1, 参数2 ...) => { 函数体 }解释：如果有且仅有 1 个形参，则()可以省略如果函数体内有且仅有 1 条语句，则{}可以省略，但前提是，这条语句必须是 return 语句。需要强调的是，箭头函数是没有函数名的，既然如此，那要怎么调用箭头函数呢？你可以将箭头函数赋值给一个变量，通过变量名调用函数；也可以直接使用箭头函数。我们来看看下面的例子。
2024-04-28 11:37:08
360
原创 如何使得 单个项目有与其他项目 不一样的对齐方式
效果如下：（效果不是很理想，别急，接着往下看）👇。继承父元素的align-items属性。上代码🌰，自己敲一边，更好理解。对每个li标签 使用了。align-self属性。便有了我想要的效果👇。
2024-04-27 09:30:00
395
原创 页面跳转的几种方式
此处使用了 jQuery 的 AJAX 方法，但在原生 JavaScript 或其他库（如 Axios、fetch）中也可以类似处理。(注：此处路径需根据实际项目的小程序页面路径填写)
2024-04-19 11:46:49
5460
原创 window.location.href 与 window.open 有何区别
不过，请注意，由于现代浏览器的安全策略，特别是对于弹窗窗口的限制，直接使用 window.open 可能会被浏览器阻止或放入通知中心，尤其是当它是由非用户直接操作触发的时候（比如响应鼠标点击以外的事件）。当然，如果你想在当前窗口或标签页中打开链接，并覆盖当前页面内容，你也可以这样使用。它会改变当前窗口的URL和加载新页面，相当于在当前标签页/窗口中进行页面重定向。的值时，浏览器会立即停止当前页面的所有活动并开始加载新地址指向的页面。总结来说，如果你想在当前窗口中跳转页面，使用。
2024-04-19 11:24:32
2179
原创 原生js实现大屏数字上下滚动效果，支持随机多位数字
在大屏项目中经常需要实现那种数字上下滚动的效果，普通的数字随机滚动在UI组件（例如View Design中）里，或者是countUp插件中（Vue3数字滚动插件vue-countup-v3）注：本段代码是以原生js实现，若项目需要，可以自行转为Jquery形式或者Vue中的v-for生成。html部分只定义一个简单的容器，几个数字是靠js实现的，有更大的灵活性。
2024-04-18 09:15:00
783
原创 hover时预览切换，点击后才正式切换
伪类可以用来改变元素在鼠标移入和移出时的样式。这种方法主要用于视觉效果的改变，而不是执行复杂的JavaScript逻辑。这两个事件不会受到事件冒泡的影响，也就是说，当鼠标从子元素移动到父元素时，不会触发父元素的。方法可以接受两个函数作为参数，第一个函数在鼠标移入时执行，第二个函数在鼠标移出时执行。事件，但希望避免事件冒泡导致的问题，你可以在事件处理函数中检查事件的目标（虽然这不是通过JavaScript或jQuery直接绑定事件，但CSS的。）是否是期望的元素。
2024-04-17 11:36:48
594
原创 返回上一页
3.延迟返回上一页： 如果需要在执行其他操作后延迟一段时间再返回上一页，可以使用。这两条语句都会使浏览器加载历史记录中的前一个页面，即用户访问过的上一个页面。5.刷新并返回上一页： 如果需要返回上一页的同时刷新页面，可以组合使用。上述代码将在3秒后返回上一页。
2024-04-16 07:30:00
866
原创 CSS —— 实现一行文字居中、两行或多行文字左对齐
属性以及块级元素或内联块级元素的特性来实现。CSS 实现一行文字居中、两行或多行文字左对齐的效果，通常需要结合。，这样无论有多少行文本，只要它们都在。元素内部，都将按照左对齐方式排列。使得第一行文本居中显示。
2024-03-30 11:30:00
3499
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人