- 博客(42)
- 收藏
- 关注
RSS订阅原创 vue前端面试题——记录一次面试当中遇到的题（10）
在面试中回答这个问题时，可以概括说明：二次封装Element-UI穿梭框，主要是通过懒加载和分页展示优化大量数据的性能，利用 Sortable.js实现拖拽排序以增强交互，并运用 $attrs和$listeners实现属性和事件的透传，保持组件的灵活性和易用性。清晰说明这些核心技术和思路，通常能给面试官留下良好印象。
2025-10-21 22:16:42
924
原创 vue前端面试题——记录一次面试当中遇到的题（9）
这篇文章主要包含以下JavaScript和CSS知识点： 数组操作与delete用法：删除数组元素后位置变空但长度不变 类型转换规则：布尔值与数字/字符串的运算规则 对象作为键的特性：对象键会被转为字符串"[object Object]" 函数参数传递：对象引用传递与重新赋值的区别 事件循环：同步代码、微任务(Promise)、宏任务(setTimeout)的执行顺序 CSS盒子模型：包含content、padding、border、margin及box-sizing属性 相等比较：==
2025-10-15 12:44:15
627
原创 vue前端面试题——记录一次面试当中遇到的题（7）
特性GETPOST语义/用途获取数据（幂等、安全）提交/创建数据（非幂等、不安全）参数位置URL 的查询字符串请求正文数据长度限制有（因浏览器和服务器对 URL 长度限制）理论上无限制安全性参数在 URL 中可见，不安全参数在正文中，相对安全，但仍需加密缓存会被浏览器主动缓存默认不会缓存幂等性幂等（多次执行效果相同）非幂等（多次执行可能产生不同结果）后退/刷新无害浏览器会提示重新提交可见性参数直接暴露在 URL 中参数对用户不可见（但在开发者工具中可见）书签/分享不可。
2025-10-14 15:04:25
835
原创 vue前端面试题——记录一次面试当中遇到的题（6）
重写数组的 7 个变异方法（push、pop、shift、unshift、splice、sort、reverse）Vue生命周期指的是Vue实例从创建到销毁的整个过程，在这个过程中会运行一些叫做。：在 getter 中收集依赖（Watcher），在 setter 中通知更新。的函数，让我们可以在特定阶段执行自己的代码。Proxy 可以监听动态添加的属性、数组索引变化等。：API调用、数据验证、副作用处理、异步操作。：模板中的数据展示、复杂计算、数据格式化。：无法检测属性的添加和删除，需要使用。
2025-10-14 09:11:09
946
原创 vue前端面试题——记录一次面试当中遇到的题（5）
目录1.请求响应慢，怎么处理？一、诊断分析阶段二、前端层面优化三、网络层面优化四、服务端协作优化五、用户体验优化六、监控与告警实际项目案例面试回答要点总结2.怎么防止用户重复点击？一、UI层面防护（最直观的用户反馈）二、请求层面拦截（核心防护）三、业务层面防护（精细化控制）四、高级防护方案五、实际项目中的综合方案面试回答要点总结1.请求响应慢，怎么处理？请求响应慢是一个综合性的性能问题，我会从前端、网络、服务端三个层面进行系统化分析和优化。首先需要通过监控工具定位瓶颈，然后针对性地实施优化措施。1. 性能监
2025-10-11 15:18:38
904
原创 vue前端面试题——记录一次面试当中遇到的题（4）
分包是一个非常重要的性能优化手段。我不仅使用过，还根据不同的业务场景制定了相应的分包策略。核心思路是通过构建时和运行时的双重判断，实现代码的智能分发和平台特定逻辑的隔离。"在我负责的一个电商小程序项目中，我们遇到了主包体积超过限制的问题。在同套代码中区分小程序和App，我主要采用。用户首次打开时只加载主包，按需加载分包。- 单个分包/主包大小不能超过 2M。- 主包大小直接影响小程序的启动速度。主包大小：2.3M（超出限制）主包大小：1.2M（符合要求）独立分包的页面启动速度更快。
2025-10-11 14:25:50
736
原创 vue前端面试题——记录一次面试当中遇到的题（3）
这是一个典型的可定制化仪表盘需求，我会从前端架构、拖拽实现、状态管理和数据加载四个核心层面来设计解决方案一、技术选型与架构设计1. 技术栈选择该库支持二维可调整尺寸的列表，适用于需要动态调整元素位置和尺寸的场景。其API设计简洁，兼容性好，适合快速构建响应式界面。draggable提供基础拖拽功能，支持与React、Vue等主流框架无缝集成。最新版本（2025年6月更新）优化了类型系统支持，并修复了多个兼容性问题。专为Vue.js设计，支持通过拖拽手柄调整元素尺寸。
2025-10-10 22:28:54
1074
原创 vue前端面试题——记录一次面试当中遇到的题（2）
4.在pc当中上传图片，在小程序当中进行展示，假设在小程序当中图片所呈现的大小比例都固定，如何处理pc的图片，在小程序当中显示是不会被拉伸的。层面进行拦截，无需递归初始化所有属性，只有在访问到嵌套对象时才会递归处理，延迟了计算，提升了初始化性能。我们运行了官方的迁移构建版本，它清晰地警告了我们正在使用已移除的 API。优化了虚拟 DOM 的 diff 算法，在编译时提供了更多的提示信息，减少了运行时比较的开销。Vue 3 的模板编译器变得更“智能”，它会在编译模板时进行分析，并生成更优化的渲染函数代码。
2025-10-09 12:12:05
990
原创 在 Vue 2 中直接使用阿里巴巴矢量图（IconFont）的 SVG 形式
放到一个文件下命名svg放在icons文件夹里边。是否是 HTTP/HTTPS 链接。②.创建index.js。
2025-06-11 16:14:30
408
原创 vue前端面试题——记录一次面试当中遇到的题（1）
1.v-if和v-show的区别v-if和v-show都是Vue中用于条件渲染的指令，但它们的实现机制和适用场景有所不同：v-if是真正的条件渲染，在条件切换时会销毁和重建DOM元素，适合运行时条件变化不频繁的场景；v-show只是通过CSS的display属性控制显示/隐藏，元素始终存在于DOM中，适合需要频繁切换的场景；从性能角度考虑，频繁切换时使用v-show，减少DOM操作开销；条件很少变化时使用v-if，减少初始渲染开销。
2025-06-11 15:29:17
976
原创 vue2上传图片
file-list动态属性绑定，因为 partnerInfo 配置了多个上传字段（比如 logo、license 等），每个字段对应不同的图片列表。
2025-06-03 16:16:51
301
原创 vue2动态增减表单项
在elementUI也可以实现动态增减表单项，但是不满足我的需求。注意的是 当表单重置的时候dataItem也需要重置。css：主要是加号和减号的样式。
2024-12-25 09:34:25
270
原创 vue2当中map返回新数组会覆盖相同value的key
方法来创建一个新数组，并且这个新数组中的对象具有与原数组对象相同的。，Vue将会复用原来的组件实例，而不是创建新的实例。例如，使用递增的计数器来生成唯一值，这样每次。，你可以在创建新数组的时候，生成一个新的唯一。操作后，数组中的每个对象都有唯一的。操作后，新数组中的对象将拥有唯一的。
2024-12-24 17:36:46
233
原创 vue2自定义表单验证： 选择时间A和时间B对比，当选择的时间A小于时间B则表单rules验证不通过
【代码】vue2表单验证 选择时间A和时间B对比，当选择的时间A小于时间B则表单rules验证不通过。
2024-12-24 17:21:46
230
原创 【Echart】关于echart的二次封装
在components新建一个echart的文件夹 用于存放所有的echart组件index.vue是具体数据，最后引用组件就是这个最后使用效果
2024-07-31 17:01:29
365
原创 [vue]Vue Element使用第三方icon图标教程详解
将以下代码加进去，注意： el-icon-third 是你之前设置的icon前缀，第二个 el-icon-third前边有空格的。前缀注意，不要跟element-ui自带的icon(前缀为：el-icon)重名了。在src下的assets下新建一个icon文件夹，将下载的所有文件都复制粘贴。解压后你会得到这些文件，打开iconfont.css。选择 Font class 下载至本地。复制代码可获得一个class类名。在购物车当中选择添加至项目。在main.js当中引入。
2024-07-31 10:50:54
1030
原创 【Sass警告】 Sass‘s behavior for declarations that appear after nestedrules will be changing to match t
运行项目时sass会出现这种警告 虽然不影响代码运行 ，但是看着很不舒服警告内容解释Deprecation Warning: 表示这是一个废弃警告，意味着在未来的版本中，某些行为将会改变。Sass's behavior for declarations that appear after nested rules: 这指的是在嵌套规则之后出现的声明。
2024-07-29 14:26:06
9865
2
原创 【ECharts报错】 export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘
原因：echarts版本太高。
2024-07-26 15:35:10
403
原创 vue2 路由报错export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
vue3搭配vue-router4。vue2搭配vue-router3。
2024-07-26 14:18:31
470
原创 el-select下拉框实现双向联动
通过find遍历得到A选中的那一条数据的children就是B的内容。当A的选择内容发生变化时，先清空daForm的内容，延迟正则验证。先判断A里面内容是否为空 如果为空则B的内容也为空。B下拉框的内容对应A下拉框选中对应内容X。B初始没有数据，当选择了A下拉框中的X。A不为空时，在把A的key作为参数。1.AB的数据源是同一个接口返回。2.当AB数据源是两个接口返回时。下拉框A绑定change事件。当A清空时 B则同时清空。页面有下拉框A和B，
2024-07-09 17:47:56
491
原创 uniapp 返回上一级 刷新页面
在A页面点击跳转B页面，后返回到A页面 要求A页面数据刷新。的事件，当B页面返回时，A页面会收到通知并执行刷新操作。这个方法适用于A页面使用了组件，从组件当中跳转到B页面。这个方法也可以适用于当返回到A页面时需要传递参数。方法二：uni.navigateBack()在A页面的整个页面的头部 加上v-if。在onShow中再次调用需要刷新的数据。方法一：onShow。A页面监听了一个名为。
2024-04-30 17:33:18
4729
1
原创 vue2跳转外部链接并携带参数并触发
通过 window.location.href 修改url 进行跳转。token存储在sessionstorage。需求：跳转外部链接并携带token。
2024-04-30 10:01:34
615
原创 uniapp加vue2父传子样式出现＜view style=[Objec,Object]＞
问题：小程序端：样式不生效，且style="[object Object]"解决：将子组件的样式对象放进。
2024-04-23 17:56:36
296
原创 uniapp的u-select遇见的坑——解决uView u-select第二次弹出显示前一次选择内容，但实际获取值为第一项的问题！
当我选择内容关闭后,再次调起时，仍然显示前一次选择项，但点击“确定”后，却是获得第一项的值。可以使用修改default-value的属性来动态改变默认选中的下标。3.// 将默认下标赋值为当前选中的下标。1、加上default-value属性。在返回选择器选择的数据的回调当中写。
2024-01-29 17:24:10
4561
5
原创 uniapp、微信小程序--自定义table（2）
按照之前使用display：table书写的表格 在ios系统上面会出现背景颜色渐变的样式不对。最后使用display：flex来布局。
2023-12-11 18:01:59
870
1
原创 uniapp运行微信小程序时报错WASubContext.js?t=wechat&s=1701327501204&v=3.0.2:1 routeDone with a webviewId 328 th
第三步：点击调试基础库，选择低一点的且不在灰度中的版本，此处我以3.0.2版本为例。第一步：点击微信开发者工具右上角的详情。第二步：点击本地设置。
2023-12-01 11:41:46
4215
2
原创 uniapp、微信小程序--自定义table
最开始是用Uview写的表格 但是发现属性太少了，首先就是不能取消横竖边框，最后就是没有办法改变每一行的背景颜色，他只有th-style改变表头的背景颜色。然后我选择用uni-ui的表格组件，发现他可以取消竖的边框 但是还是不能改变每一行的背景颜色，使用deep穿透也不行，最后采用view原生写法。啥先不说直接看效果吧。
2023-11-29 17:47:47
1674
3
原创 http://localhost/:8081&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
原因：由于项目当中加入了MQTT，MQTT版本过高而导致。解决方法：安装一个低版本的。
2023-11-15 15:43:43
525
原创 使用Vue框架，发现输入框＜input＞或者＜el-input＞的内容无法修改，也无法输入。
使用Vue框架，发现输入框<input>或者<el-input>的内容无法修改，也无法输入。forceUpdate用来强制渲染，避免data中对象层次太深，Vue框架不自动渲染的情况。首先，检查绑定方式，应该使用v-model，有时候会误用:value，导致无法修改。
2023-11-09 15:58:05
1955
1
原创 表格中通过插槽遍历二维数组显示图片
indexicons[scope.$index] 才能取到对应的那个二维数组的数据 然后for循环才循环的出来。$index指的是下标，在table里面属性第几行，下标也是从0开始的。
2023-11-09 15:56:56
78
1
空空如也
npm run dev后浏览器没有出现页面
2024-04-18
有人在吗 问个问题 速求速求
2023-11-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人