前端--vue 第3页

浏览器工作原理深度解析（阶段一）：从 URL 到页面渲染的完整流程

一、浏览器工作流程概述作为前端开发者，我们每天都在与浏览器打交道，但多数人对其内部工作机制却知之甚少。实际上，浏览器的核心功能就是将用户输入的URL转换为可视化的网页。

码农的时光故事·2025-03-21 07:31

Vue遇到微信授权登录的一些场景坑和思考

最近，接手一个小的PC商城项目，使用微信扫码授权登录，商城部分有些内容针对游客、用户和会员以及店铺，分别作出不同的展示，当退出登录时，清除所有信息，包括本地存储、pinia，问题就发生在退出账号重新登录，有一部分依赖于pinia的数据没有生效，经过检查发现是重定向后，本该初始化的store没有执行，下面详细说明这个故障是如何发生的，以及解决方案。微信授权登录过程介绍这一部分针对于没有做过第三方授权

·2025-03-21 07:58

解析：浏览器事件冒泡及事件捕获

而今天，还是回到前端。今天来说说事件冒泡和事件捕获。首先肯定是概念：什么是事件冒泡？什么是事件捕获？简单地说，事件冒泡和事件捕获都是一种事件传递的机制。这种机制可以使事件在不同级的元素间传递。

C860·2025-03-21 06:51

pear-admin-boot开发框架使用记录（三）

数据库表调整在数据表添加2个字段：sharedeptid共享部门idvarcharsharedeptname共享部门名称varchar前端html页面调整页面添加如下代码：共享部门前端JS调整添加如下代码

后青春期的诗go·2025-03-21 06:49

基于koajsAdmin+mongodb的后台管理快速开发框架安装运行记录

//gitee.com/zhoushuigui/koajs-admin安装mongodb数据库并连接安装yarnnpminstallyarn-g安装nodemonnpminstallnodemon-g前端运行安装依赖进入项目根目录

后青春期的诗go·2025-03-21 06:49

HBuilderX的下载、安装

它具有强大的语法提示和vue支持。

听海边涛声·2025-03-21 05:47

【微信小程序（云开发模式）变通实现DeepSeek支持语音】

整体架构前端（微信小程序）：使用微信小程序云开发能力，实现录音功能。将录音文件上传到云存储。调用云函数进行语音识别和DeepSeek处理。界面模仿DeepSeek，支持文本编辑。

技术与健康·2025-03-21 04:09

Web Component 教程（六）：基于 Stencil 脚手架开发 Web Component

前言在现代前端开发中，WebComponent是一种逐渐受到关注的技术，它允许我们创建可以在任何框架或库（如React,Angular,Vue等）中使用的可重用组件。

乐闻x·2025-03-21 04:06

Angular Material表格的动态列宽设置

在前端开发中，AngularMaterial表格（mat-table）是非常流行的组件之一。它提供了丰富的功能，如排序、分页和过滤等。

t0_54program·2025-03-21 04:04

HTML 教程：从零开始掌握常用语法

无论你是想成为一名前端开发者，还是仅仅想了解网页背后的魔

LoveYa!·2025-03-21 03:30

解决npm run dev运行后报错：”Could not read package.json: Error: ENOENT: no such file or directory“

在启动一个项目的前端时，执行npmrundev命令，结果报错如下：根据报错提示："npmerrorerrno-4058"通常是由于文件系统权限问题或文件路径问题导致的。

moz与京·2025-03-21 03:59

六十天前端强化训练之第二十一天大师级详解 React Context API：从原理到实战

=====欢迎来到编程星辰海的博客讲解======看完可以给一个免费的三连吗，谢谢大佬！目录一、庖丁解牛：深入理解ContextAPI1.1设计哲学与运转机制工作原理三步曲：1.2核心三剑客详解1.3性能优化要诀二、手把手实现主题切换系统2.1完整代码实现（逐行注释版）2.2配套CSS样式设计三、关键知识点拆解3.1状态初始化策略3.2CSS变量注入原理3.3性能优化实践3.4可访问性最佳实践四、

编程星辰海·2025-03-21 02:26

vue2+elementUI项目国际化踩坑记录

1.前言vue-i18n插件npmivue-i18nvscoder中的i18nAlly插件目录示例有些解决方法是参考各大网友才得到解决的，我也在此记录一下，谢谢大家支持。

gladShark·2025-03-21 02:26

【Vue3笔记01】如何使用Vue3和Vite搭建前端项目的基础开发环境

这篇文章，主要介绍如何使用Vue3和Vite搭建前端项目的基础开发环境【知识星球】。

Mr.小朱同学·2025-03-21 02:54

vue3+Ts+elementPlus二次封装Table分页表格，表格内展示图片、switch开关、支持

父组件）位置3.演示图片位置elementPlus表格Table表格|ElementPlus4.笑果演示表格笑果点击图片放大显示笑果二.实现代码1.子组件（表格组件）1.src/views/Table.vuehtml

龙井>_<·2025-03-21 02:20

Postman 从入门到精通的详细图文教程指南

API已经成为连接不同系统和服务的重要桥梁，无论你是前端开发者、后端工程师还是测试人员，掌握API的开发和测试技能都是非常重要的。

清尘沐歌·2025-03-21 02:20

Postman高级功能深度解析：Mock Server与自动化监控——构建高效API测试与监控体系

然而，传统API测试面临两大挑战：开发阶段依赖：前端与后端团队需同步开发，导致进度延迟；测试环境复杂：生产数据敏感、测试场景覆盖不全、性能压力模拟困难。

测试渣·2025-03-21 02:18

框架基本知识总结 Day17

token续命每一次操作后都要延长token的过期时间，长时间不操作token才会过期登录延长时间应该是在拦截器中做的，因为它会拦截所有请求前端的拦截需要用到路由守卫响应式“响应式”指的是系统能根据数据变化做出响应

小斌的Debug日记·2025-03-21 01:46

TypeScript语言的计算机视觉

近年来，TypeScript作为一种现代化的编程语言，因其类型安全和更好的开发体验，逐渐在前端和后端开发中得到了广泛应用。本文将探讨如何使用TypeScript进行计算

苏墨瀚·2025-03-21 00:10

抖音用户视频批量下载工具开发全解析

浏览器指纹检测]-->B[请求参数签名]B-->C[Cookie动态验证]C-->D[请求频率限制]D-->E[IP信誉评级]1.2核心参数解密参数名称作用原理生成方式有效期x-bogus请求签名防篡改前端

木觞清·2025-03-21 00:37

01.AJAX 概念和 axios 使用

使用浏览器的XMLHttpRequest对象与服务器通信浏览器网页中，使用AJAX技术（XHR对象）发起获取省份列表数据的请求，服务器代码响应准备好的省份列表数据给前端，前端拿到数据数组以后，展示到网页

Lv547·2025-03-21 00:05

【sgFloatDialog】自定义组件：浮动弹窗，支持修改尺寸、拖拽位置、最大化、还原、最小化、复位

sgFloatDialog{{title}}importsgDragMovefrom"@/vue/components/admin/sgDragMove";importsgDragSizefrom"@/

你挚爱的强哥·2025-03-21 00:34

TypeScript模块 vs JavaScript模块：现代化开发的模块化之道

一、模块化开发的重要性在当今前端开发领域，模块化已成为构建可维护、可扩展应用程序的基石。无论是小型项目还是企业级应用，良好的模块化设计都能显著提升代码的可读性和复用性。

念九_ysl·2025-03-21 00:04

SvelteKit 最新中文文档教程（7）—— 构建和部署

前言Svelte，一个语法简洁、入门容易，面向未来的前端框架。

·2025-03-20 23:48

UniApp 从Vue2升级为Vue3需要注意哪些方面

Vue官方已经发布了Vue3，Vue2不再维护，也在建议大家都迁移到Vue3，所以Vue2终会被淘汰。

行思理·2025-03-20 23:56

vue中js简单创建一个事件中心/中间件/eventBus

vue中js简单创建一个事件中心/中间件/eventBus目录结构如下：eventBus.jsclasseventBus{constructor(){this.events={};}//监听事件on(event

星月前端·2025-03-20 23:24

使用vue3和vue-router实现动态添加和删除cachedViews数组

以下是一个使用Vue3和VueRouter实现动态添加和删除cachedViews数组的代码示例，该示例结合keep-alive组件来动态控制路由组件的缓存。

没资格抱怨·2025-03-20 22:18

vue3中如何缓存路由组件

在Vue3中缓存路由组件，主要借助组件来实现，具体方法如下：1.全局缓存路由组件在App.vue等根组件中，直接将包裹在标签内，这样所有的路由组件都会被缓存。

没资格抱怨·2025-03-20 22:17

基于协同过滤推荐算法的景点票务数据系统（python-计算机毕设）

计算机程序设计(接毕设)·2025-03-20 21:10

前端性能优化之SSR优化

SSR也是前端性能优化中最常用的技术方案了，能有效地缩短页面的可见时间，给用户带来很好的体验。SSR渲染方案一般来说，我们页面加载会分为好几个步骤：请求域名，服务器返回HTML资源。

xiangzhihong8·2025-03-20 21:35

前端面经分享（25/03/18）

北京一家做边缘云服务提供商公司，技术一面，15k-20k，要求3-5年上家公司的项目为什么会选择MQTT进行通信React常用Hook为什么React不能在条件语句里用Hook前端常见的优化策略React

CreatorRay·2025-03-20 20:31

智慧物流数字管理系统设计案例分析

艾斯视觉团队在此，我们专注于UI设计和前端开发领域10年有余。非常高兴能与您分享我们的经验和见解。如果您觉得有所帮助，请给予我们支持和关注，并随时私信我们，共同探讨进步！谢谢您的鼓励！

UI设计开发服务商·2025-03-20 20:29

前端面经真题解析10-字节/抖音电商/前端/超详细记录

文章目录1.自我介绍2.介绍下自己的项目3.看你项目里面用了axios,说下请求拦截和响应拦截怎么做？4.说下项目里面前后端交互过程及设计？5.怎么处理切换分页请求数据的，优化手段？6.说下你爬取别人网站数据的时候，别人如果设置了拦截，你的解决方案是？7.你说下http请求的refer字段？**Origin字段：****Referer字段：****Host字段****区别：**8.看你做了路由懒加

浪里个浪zxf·2025-03-20 20:28

【网易雷火秋招】前端面经分享

网易网易雷火是国内一流且最有创新力的游戏研发团队，是网易杭州的第一个游戏工作室。雷火开创性的打造了《逆水寒》、《永劫无间》、《倩女幽魂》、《全明星街球派对》等一众爆款游戏；并在二次元、FPS、主机游戏等方向上持续探索，《代号：无限大》等在研项目收到玩家广泛关注。与此同时，我们与全球合作伙伴一起共同构建开放、协同、共荣共生的产业生态，致力于让中国游戏走出去，让世界听见雷火声音。雷火还拥有国内专业从事

编程自学-领绿学长·2025-03-20 20:28

Vue.js 中常见的以 $ 开头的实例属性和方法

$data作用：包含Vue实例或组件的响应式数据对象。用法：通过this.$data访问组件的data数据。

遇见~未来·2025-03-20 20:27

【万字总结】前端全方位性能优化指南（四）——虚拟DOM批处理、文档碎片池、重排规避

前言在浏览器宇宙中，DOM操作如同「时空裂缝」——一次不当的节点更新可能引发连锁重排，吞噬整条渲染流水线的性能。本章直面这一核心矛盾，以原子级操作合并、节点记忆重组、排版禁忌破解为三重武器，重构DOM更新的物理法则。通过虚拟DOM的批处理引擎将千次操作坍缩为单次提交，借助文档碎片池实现90%节点的跨时空复用，再以transform替代top等20项反重排铁律，我们将彻底终结「JavaScript线

庸俗今天不摸鱼·2025-03-20 20:27

前端面经分享（25/03/19）

北京一家做协同办公软件出海的公司，技术一面，20k-40k，要求3-5年详细聊了一下上家公司的项目上家公司的项目是不做了吗，离职原因是什么，你觉得公司的这个产品怎么样在做AI类的业务时，作为前端感觉跟常规业务有什么区别详细聊了一下上上家公司的项目细节讲一下项目里用编辑器做了什么事遇到过什么难解决的问题项目里提供的

CreatorRay·2025-03-20 20:56

Vue实例 · new Vue()

十六、Vue实例1.创建一个Vue实例每个Vue应用都是通过用Vue函数创建一个新的Vue实例开始的：varvm=newVue({//选项//当创建一个Vue实例时，你可以传入一个选项对象。})

liudachu·2025-03-20 18:43

浏览器开发者工具深度调试指南：从入门到高阶技巧

浏览器开发者工具（DevTools）是现代前端工程师的"瑞士军刀"，本文将系统解析其核心功能与实战技巧，助您掌握高效调试的终极奥义。

109702008·2025-03-20 18:12

《React开发实践：掌握Redux与Hooks应用》——开启你的前端进阶之旅

文章标题《React开发实践：掌握Redux与Hooks应用》——开启你的前端进阶之旅在前端开发的浪潮中，React.js已经成为开发者们不可或缺的利器。

JJCTO袁龙·2025-03-20 17:09

Webpack常见面试题总结

一、谈谈你对Webpack的理解1.1背景Webpack的目标是实现前端项目的模块化，从而更高效地管理和维护项目中的每一个资源。

xiangzhihong8·2025-03-20 17:39

最完整的webpack Dll打包与采坑总结

webpack已经成为前端主流的项目打包工具，对于前端开发必不可少。

仰望星空的代码·2025-03-20 17:38

H5语音识别功能(Web Speech API+科大讯飞)

WebSpeechAPI开始停止识别结果:{{finalTranscript}}{{interimTranscript}}import{ref,onMounted,onBeforeUnmount}from"vue

辣辣1·2025-03-20 17:05

前端开发：Webpack的使用总结

前言在前端开发过程中，尤其是现在前端框架的频繁使用的当下，作为前端开发者想必对于Webpack并不陌生，尤其是在使用Vue框架做前端开发的时候，打包时候必用Webpack。

三掌柜666·2025-03-20 17:33

UNI-APP+VUE3+VITE+VSCode开发经验及填坑记录（持续更新ING）

uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）

集成显卡·2025-03-20 16:30

封装一个分割线组件

最终样式Vue2代码{{title}}exportdefault{name:'SepLine',props:{title:{type:String,default:'照片元数据'//默认值}}}/*样式

小张快跑。·2025-03-20 15:25

Beekeeper Studio：高颜值且免费的SQL开发工具

BeekeeperStudio基于Vue.js开发，遵循MIT开源协议，支持Windows、Linux以及macOS平台。

开源项目精选·2025-03-20 15:23

【Spring AI】基于专属知识库的RAG智能问答小程序开发——代码逐行精讲：核心交互函数及RAG知识库构建

系列文章目录【SpringAI】基于专属知识库的RAG智能问答小程序开发——完整项目（含完整前端+后端代码）【SpringAI】基于专属知识库的RAG智能问答小程序开发——代码逐行精讲：核心ChatClient

un_fired·2025-03-20 15:20

个人AI助手的未来：Yi AI开源系统助力快速搭建

该平台采用全套开源系统，涵盖前端应用、后台管理及小程序功能，并基于MIT协议开放使用。

耶耶Norsea·2025-03-20 14:16

vue中实现element-ui dialog的弹窗拖拽+水平方向伸缩+最小化+展开/收缩

dragPlus.js文件内容exportdefault{bind(el,binding,vnode,oldVnode){const{arg,value}=binding;//弹框可拉伸最小宽高letminWidth=400;letminHeight=300;//初始非全屏letisFullScreen=false;//初始非最小化letisMinimum=false;//当前宽高letnowWi

胡八一、·2025-03-20 13:39

推荐频道

前端--vue