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

vue尚品汇商城项目-day03【16.开发Search组件模块中的TypeNav商品分类菜单(过渡动画效果)+17.(优化)针对三级菜单联动进行优化,优化方向为减少查询】

@[toc] 16.开发Search组件模块中的TypeNav商品分类菜单(过渡动画效果) 重难点说明 1) 组件与vuex交互 2) 事件控制二三级分类列表的显示与隐藏 3) 优化高频事件触发处理: 利用lodash进行函数节流处理 4) 优化减小打包文件: 对lodash库实现按需引入 5) 解决快速移出后可能显示第一个分类的子分类列表的bug 6) 优化减少组件对象数量: 使用编程式...

vue尚品汇商城项目-day03【16.开发Search组件模块中的TypeNav商品分类菜单(过渡动画效果)+17.(优化)针对三级菜单联动进行优化,优化方向为减少查询】
文章 2024-10-07 来自:开发者社区

vue尚品汇商城项目-day07【44.个人中心二级路由搭建+45.我的订单+46.优化登录跳转+47.独享守卫】

44.个人中心二级路由搭建 修改代码: 将Center拆分为2个组件MyOrder+GroupOrder src/router/routes.js import Center from '@/pages/Center' import GroupOrder from '@/pages/Center/GroupOrder' i...

vue尚品汇商城项目-day07【44.个人中心二级路由搭建+45.我的订单+46.优化登录跳转+47.独享守卫】
文章 2024-07-30 来自:开发者社区

Vue项目中优化性能的方法

在Vue项目中,优化性能是一个持续的过程,涉及到多个方面。以下是一些常见的优化策略: 组件拆分: 将大型组件拆分为更小、更可管理的子组件。使用v-if和v-else来条件渲染组件,避免渲染不必要的组件。使用v-show和v-if: v-show只是简单地切换元素的display属性,适合频繁切换显示...

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

vue项目上线和优化

一、上线 1、nginx服务器发布项目 将dist下文件夹上传到服务器指定的文件夹中,通过nginx映射路径访问即可 2、node服务器发布项目 没用之前一个静态资源文件1m传输也是1m 使用gzip...

vue项目上线和优化
文章 2024-01-10 来自:开发者社区

Vue项目卡顿慢加载?这些优化技巧告诉你!(一)

大厂面试题分享 面试题库前后端面试题库 (面试必备) 推荐:★★★★★地址:前端面试题库  web前端面试题库 VS java后端面试题库大全前端开发是一个快速发展的领域,每天都会涌现出新的技术和工具。在实现功能的同时,开发人员面临着许多挑战如代码可维护性,加载时间,访问速度,构建速度等问题。这些挑战可能直接影响网站的性能和用户体验,需要采取一些优化措施来改善问题。在本文中,我们将探讨....

Vue项目卡顿慢加载?这些优化技巧告诉你!(一)
文章 2024-01-10 来自:开发者社区

Vue项目卡顿慢加载?这些优化技巧告诉你!(二)

Vue项目卡顿慢加载?这些优化技巧告诉你!(一):https://developer.aliyun.com/article/1415073pdf插件优化项目中有pdf预览的功能,安装了pdfjs-dist 和vue-pdf两个插件,后来跟后端协商,走文件流的方式了, 就没用到这两个, 就卸载了, 如果谁有相关方案,欢迎来提moment.js的优化如果时间充裕,建议换成day.js 大小只有6kb....

Vue项目卡顿慢加载?这些优化技巧告诉你!(二)
文章 2023-12-08 来自:开发者社区

Vue 项目首页优化

一. 使用 CDN 加速index.html 页面引入 cdn script<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta...

文章 2023-01-10 来自:开发者社区

现有vue项目seo优化

主要的库:prerender-spa-plugin (注意必须要用history的路由模式)先下载 :npm i prerender-spa-plugin -S复制代码然后在vue.config.js添加配置..const PrerenderSPAPlugin = require("prerender-spa-plugin");const Renderer = PrerenderSPAPlugi....

文章 2023-01-06 来自:开发者社区

Vue项目优化:编程规范|(一)Eslint + Prettier 统一代码风格

前言团队开发的项目,我们需要对团队编程代码风格进行强制性统一规范。在规范过程中,我们会借助一些工具。eslint VS prettierESLint、StyleLint、TSLint(已废弃)都属于Linters,它们按照一定规则对代码进行校验,另外,Linters的客户端还会提供一些修复功能,实际开发中,常用的IDE借助这些客户端可以实现代码自动修复。既然Linters已经可以自动修复了,为什....

Vue项目优化:编程规范|(一)Eslint + Prettier 统一代码风格
文章 2023-01-06 来自:开发者社区

Vue项目优化:编程规范|(二)commitlint+husky检测代码提交信息

代码提交描述(commitlint)用到的工具:commitlint:用于检查提交信息husky:是git hooks工具安装commitlintyarn add @commitlint/config-conventional @commitlint/cli -D 复制代码创建commitlint.config.js 文件echo "module.exports = {extends: ['@c....

Vue项目优化:编程规范|(二)commitlint+husky检测代码提交信息

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

阿里巴巴终端技术

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

+关注