技术栈
前端开发
aiguangyuan
10 小时前
前端开发
·
vue 3.0
Vue 3.0 中的路由导航守卫详解
Vue-Router 提供的导航守卫主要用来守卫路由的跳转或取消。它们可以植入到全局、单个路由或组件级别。
aiguangyuan
2 天前
前端开发
·
vue 3.0
Vue 3.0 状态管理方案Vuex详解
在 Vue 中,数据驱动和组件化是最重要的,每个组件都有自己的 data、template 和 methods。data 是数据,我们也叫做状态,通过组件的方法改变状态来更新视图。在单个组件中修改状态更新视图是很方便的。
vivo互联网技术
3 天前
webgl
·
前端开发
·
pixi.js
纯前端实现图片伪3D视差效果
作者:vivo 互联网前端团队- Su Ning本文通过depth-anything获取图片的深度图,同时基于pixi.js,通过着色器编程,实现了通过深度图驱动的伪3D效果。该方案支持鼠标/手势与手机陀螺仪双模式交互,在保证性能的同时,为不同终端用户提供沉浸式的视觉体验。
aiguangyuan
6 天前
前端开发
·
vue 3.0
Vue 3.0 中状态管理Vuex 与 Pinia 的区别
在 Vue.js 应用开发中,状态管理是构建复杂应用的关键环节。随着 Vue 3 的普及和 Composition API 的引入,开发者面临着状态管理库的选择问题:是继续使用经典的 Vuex,还是转向新兴的 Pinia?本文将从设计理念、API 设计、TypeScript 支持、性能表现和开发者体验等多个维度,对这两个主流状态管理方案进行全面对比,帮助开发者根据项目需求做出合理的技术选型。
陈天伟教授
8 天前
java
·
开发语言
·
前端
·
前端开发
·
visual studio
Web前端开发 - 制作简单的焦点图效果
目录任务描述焦点图效果是各大网站常用的效果,下面利用数组实现简单的焦点图效果,页面上5张图片2秒轮换显示,单击向右图片实现播放下一张图片,图片向后继续2秒轮换显示,单击向左图片实现播放上一张图片,图片向前继续2秒轮换显示。
aiguangyuan
12 天前
前端开发
·
vue 3.0
Vue 3.0双向数据绑定实现原理
Vue3 的数据双向绑定是通过响应式系统来实现的。相比于 Vue2,Vue3 在响应式系统上做了很多改进,主要使用了 Proxy 对象来替代原来的 Object.defineProperty。本文将介绍 Vue3 数据双向绑定的主要特点和实现方式。
aiguangyuan
13 天前
前端开发
·
vue 3.0
Vue 3.0 中的slot及使用场景
在 Vue 中, slot 用于定义组件中的插槽位置,外部的内容会被插入到组件内部的这个位置。插槽的内容是动态的,可以根据需要进行传递和渲染。它允许开发者在组件外部传递任意内容,并在组件内部进行渲染,主要功能是提高组件的复用性和灵活性。
森哥的歌
17 天前
svg
·
数据可视化
·
前端开发
·
矢量图形
·
web图形
SVG 知识详解:从入门到精通
作为一名前端开发者,我经常会被SVG的魅力所折服。这种基于XML的矢量图形格式,不仅能完美适配各种屏幕分辨率,还能通过CSS和JavaScript进行灵活控制。今天,就让我们一起来深入探索SVG的世界。
森哥的歌
18 天前
css3
·
前端开发
·
ui设计
·
磨砂玻璃效果
·
web设计
CSS3实现磨砂玻璃效果:从原理到实战应用
最近在浏览各大设计网站时,总能看到一种朦胧美的设计元素——磨砂玻璃效果。这种效果让界面元素像毛玻璃一样呈现出半透明的模糊质感,既保留了内容的可读性,又营造出高级的层次感。苹果的iOS系统就大量运用了这种设计语言,让界面显得更加立体和现代。
森哥的歌
20 天前
css
·
css3
·
web开发
·
前端开发
·
样式表
CSS Layer 详解
最近在整理CSS知识体系时,发现Layer这个特性特别有意思。它就像是给样式规则提供了一个专属的「VIP通道」,让我们能更优雅地解决样式冲突问题。今天我就用最通俗的语言,带大家全面了解这个CSS新特性。
破烂公司一级特派员
21 天前
性能优化
·
实战
·
react
·
前端开发
·
hooks
前端开发实战:用React Hooks优化你的组件性能
问题背景 在前端开发中,React组件的性能优化是一个常见挑战。尤其是当组件逻辑复杂或数据频繁更新时,性能问题尤为突出。本文将介绍如何利用React Hooks(如useMemo和useCallback)来优化组件性能。
kidding723
1 个月前
前端
·
微信小程序
·
前端开发
·
分包
·
wx.navigateto
·
subpackages
微信小程序怎么分包步骤(包括怎么主包跳转到分包)
~央千澈~
2 个月前
物联网
·
5g
·
前端开发
剖析AI与5G:是夸大其词,还是时代变革的引擎?-优雅草卓伊凡
在当今科技飞速发展的时代,AI与5G无疑是两大备受瞩目的焦点。近日,一个引人深思的问题浮出水面:“AI是不是被夸大了,就像当年的5G一样被夸大?”卓伊凡对此有着深入且独到的见解,让我们一同探寻其中的真相。
知识分享小能手
2 个月前
前端
·
javascript
·
css
·
学习
·
css3
·
html5
·
前端开发
CSS3学习教程,从入门到精通,CSS3 弹性盒子(Flexbox)布局全面指南(20)
Flexbox(弹性盒子)是 CSS3 提供的一种一维布局模型,可以轻松实现各种复杂的页面布局。它特别适合处理不同屏幕尺寸下的元素排列和对齐问题。
aiguangyuan
2 个月前
javascript
·
vue
·
前端开发
第六篇:Setup:组件渲染前的初始化过程是怎样的?
Vue.js 3.0 允许我们在编写组件的时候添加一个 setup 启动函数,它是 Composition API 逻辑组织的入口,本节课我们就来分析一下这个函数。
Pro_er
3 个月前
vue
·
前端开发
Vue3生命周期钩子函数深度解析:从源码到实战的万字指南
相较于Vue2,Vue3通过Composition API带来了更灵活的生命周期管理方式。通过onBeforeMount等函数注册钩子时,实际是通过injectHook方法将回调函数注册到组件实例的hmr属性中。
Pro_er
3 个月前
vue
·
前端开发
Vue3组合式API终极指南:从原理到实战,彻底掌握高效开发!
在Vue3从发布到今天,组合式API已成为现代前端开发的标杆设计模式。本文通过真实项目场景,深度解析组合式API的核心特性,配以完整代码示例,助你彻底掌握企业级Vue应用开发精髓。
Pro_er
3 个月前
vue
·
前端开发
Vue3状态管理终极指南:Pinia保姆级教程
通过对比测试发现,在万级数据量下Pinia的响应速度比Vuex快40%,内存占用降低35%在项目中使用 Pinia 之前,需要先安装它。通过 npm 或 yarn 都可以完成安装:
aiguangyuan
3 个月前
javascript
·
前端开发
V8引擎中的垃圾回收机制如何工作?
V8引擎中的垃圾回收机制主要通过分代回收和增量标记清除算法来管理内存。以下是其工作原理的详细说明:V8 的垃圾回收机制基于以下核心设计原则:
Pro_er
3 个月前
vue
·
前端开发
Vue3路由进阶实战:深度解析参数传递与导航守卫核心技术
使用query对象进行非敏感数据传递,支持对象嵌套:通过路由配置实现复杂对象的自动转换:注意 :URL会自动进行URI编码,需注意特殊字符处理