文章 2025-03-04 来自:开发者社区

vue渲染页面的原理

Vue 是一个用于构建用户界面的渐进式 JavaScript 框架,它的渲染过程主要涉及模板编译、响应式原理、虚拟 DOM 和真实 DOM 的操作等方面,下面为你详细介绍 Vue 渲染页面的原理: 1. 初始化 Vue 实例 当你创建一个 Vue 实例时,会传入一个选项对象,其中包含了数据、方法、模板等信息。Vue 会对这些选...

文章 2024-11-02 来自:开发者社区

"Vue实战技巧大揭秘:一招解决路由跳转页面不回顶部难题,让你的单页面应用用户体验飙升!"

Vue点击路由跳转页面,怎么默认回到顶部在单页面应用(SPA)中,路由跳转是非常常见的操作。然而,用户在浏览页面时,往往会遇到一个问题:当点击路由跳转到新的页面时,页面并没有自动滚动到顶部,而是保持在之前的滚动位置。这种情况在某些场景下会影响用户体验,例如&...

文章 2024-10-21 来自:开发者社区

如何在 Vue 页面中禁止选择、右键、复制及 F12 开发者工具

在一些前端项目中,开发者可能会遇到需要对页面进行保护的需求,比如禁止用户复制页面内容、选择文本或右键查看源代码,甚至是通过 F12 开发者工具进行调试。虽然我们无法完全阻止这些行为(因为高级用户仍然可以绕过限制),但可以通过前端手段增加一定的防护措施,提升难度。本文将结合 Vue.js,...

如何在 Vue 页面中禁止选择、右键、复制及 F12 开发者工具
文章 2024-10-08 来自:开发者社区

vue尚品汇商城项目-day04【28.详情页面Detail】

@[toc] 28.详情页面Detail 重难点说明: 1) 图片放大镜效果 2) 小图轮播 28.1点击跳转详情页面且滚轮处在顶部 编写组件4步骤: 静态页面ajax调接口vuex动态渲染展示数据 实现步骤: 在pages文件夹下新建Detail文件夹在src/router/index.js下新增“页面详情”路由跳转+滚动行为在sr...

vue尚品汇商城项目-day04【28.详情页面Detail】
文章 2024-10-08 来自:开发者社区

vue尚品汇商城项目-day04【24.点击搜索按钮跳转后的页面商品列表、平台售卖属性动态展示(开发Search组件)】

24.点击搜索按钮跳转后的页面商品列表、平台售卖属性动态展示(开发Search组件) 重难点说明 搜索查询条件参数理解与准备 组件动态数据显示 根据分类和关键字进行搜索 根据品牌进行搜索 根据属性进行搜索 排序搜索 自定义分页组件 惯例步骤: 准备静态组件src/api/下封装接口vuex的触发调用3连:actions、mutatio...

vue尚品汇商城项目-day04【24.点击搜索按钮跳转后的页面商品列表、平台售卖属性动态展示(开发Search组件)】
文章 2024-10-07 来自:开发者社区

vue尚品汇商城项目-day06【37.获取交易数据+38.用户地址信息展示+39.交易信息展示及交易页面完成+40.提交订单+41.支付组件内获取订单号与展示支付信息】

37.获取交易数据 修改代码: src/store/index.js import trade from "@/store/trade" modules:{ ... trade } src/store/trade/index.js import {reqAddressInfo, reqOrderInfo} from "...

vue尚品汇商城项目-day06【37.获取交易数据+38.用户地址信息展示+39.交易信息展示及交易页面完成+40.提交订单+41.支付组件内获取订单号与展示支付信息】
文章 2024-10-07 来自:开发者社区

vue尚品汇商城项目-day06【vue插件-42.支付页面中使用ElementUI以及按需引入】

42.支付页面中使用ElementUI以及按需引入 安装命令: cnpm install --save element-ui 按需引入需额外安装命令: cnpm install --save babel-plugin-component 使用方法: 在src/main.js中引入组件并注册。 import { Button,MessageBox} fro...

vue尚品汇商城项目-day06【vue插件-42.支付页面中使用ElementUI以及按需引入】
文章 2024-09-25 来自:开发者社区

vue页面跳转取消上一个页面请求

核心: 1:vuex以数组的形式存放取消函数;2:axios请求拦截中设置cancelToken;3:页面跳转路由守卫取消上一个页面所有的请求。 vuex中 在vuex中设置一个存放取消函数的数组,还有一个添加数组元素的方法和清空数组的方法: 这里放到了自定义的home模块࿱...

文章 2024-08-16 来自:开发者社区

如何在Vue页面中引入img下的图片作为背景图。../的使用

引入外部项目图片资源、使用相对路径就可以。适合多种场景不仅仅是vue 1、项目结构 2、使用方法一 2.1 代码实现 相对路径 background: url("../assets/img/schoolm2.jpg") center center no-repeat; 2.1 效果展示 3、使用方法二 3.1 代码实现 background: url...

如何在Vue页面中引入img下的图片作为背景图。../的使用
文章 2024-08-09 来自:开发者社区

响应式的 switchboard:让又大又慢的Vue/AIpine 页面爆快

我的提示: AIpine 是一个js 库,官网口号是 “一个新的轻量极javascript框架”,其实我之前也没接触过,翻译这篇文章时才注意到 官方地址: [AIpine.js]https://alpinejs.dev 下面开始是译文: 小提示: 在这篇文章中我将使用Vue...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注