首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏h5

    vite7-vue3os网页webos管理系统

    2025最新版研发vite7.1+vue3.5+pinia3+arco.design仿mac/wins网页os后台系统。 vite7-webos使用最新前端构建工具vite7搭建项目模板,vue3 setup语法编码开发。 使用技术技术框架:vite7.1.2+vue3.5.18+vue-router4.5.1+pinia3组件库:arco-design^2.57.0 (字节桌面vue3组件库)状态管理:pinia^3.0.3 ElementPlus客户端聊天程序最新原创uniapp-vue3-osadmin手机后台管理系统最新研发uniapp+vue3仿微信app聊天模板最新原创flutter3.27+bitsdojo_window +deepseek桌面端ai模板vue3.5+deepseek网页ai流式对话flutter3.27+getx仿抖音app短视频商城Electron32桌面端os系统electron31+vue3客户端聊天

    61910编辑于 2025-09-22
  • 来自专栏h5

    自研react19+arco.design网页os系统解决方案

    经过一周爆肝研发,又一个基于react19+react-router7+zustand+arco网页os实战项目完结了。 功能特性支持macOS+window桌面模式全新栅格化桌面菜单布局桌面/Dock菜单支持动态JSON配置支持桌面菜单和dock菜单自由拖拽排序支持自定义桌面主题皮肤、毛玻璃模糊质感一款os式后台admin 管理系统解决方案项目框架结构react-os桌面系统使用vite8构建react初始项目,采用react hook语法编码。 使用最新前端框架react19搭建一款webos风格桌面admin管理系统新解决方案。目前该react-os项目已经完结,后续还会进行一些技术分享,感谢大家的阅读与支持!

    310编辑于 2026-08-26
  • 来自专栏h5

    vite5+vue3+arcoDesign网页webOS系统Vue3MacOS

    历经半个月潜心研发,我的又一款原创新作vue3+arco仿macOS桌面pcos管理系统项目正式完结了。vite-macos支持macos桌面和window桌面两种模式。 技术栈技术框架:vite5.3.3+vue3.4.31+vue-router4.4+pinia2UI组件库:arco-design^2.55.3 (字节桌面vue3组件库)状态管理:pinia^2.1.7 项目框架结构使用vite.js构建工具搭建项目,依然采用vue3 setup语法糖编码开发。main.js配置信息import { createApp } from 'vue'import '. router.afterEach(() => { // ...})router.onError(error => { console.warn('[Router Error]', error)})Vue3 arcoDesign开发网页webos系统的一些分享,希望给大家能有些帮助~

    91730编辑于 2024-07-26
  • 来自专栏前端框架源码剖析

    Vue3源码05 : Vue3响应式系统源码实现(22)

    Vue3源码01 : 代码管理策略-monorepo Vue3源码02: 项目构建流程和源码调试方法 Vue3源码03: Vue3响应式核心原理 Vue3源码04: Vue3响应式系统源码实现1 鉴于涉及了响应式系统的很多实现细节,这是一篇比较长的文章,文字加代码超过2万个字符,请大家在耐心和时间上做好准备,阅读完本文相信会让大家对Vue3响应式系统有深刻的理解。 事实上,在Vue3之前的版本,本身就是通过栈的形式来维护这种关系,为了性能上的提升,改为如今这种链式的方式维护,这也体现了Vue3框架作者们追求极致的精神。 分析点3: EffectScope EfffectScope是Vue3.2本提供的一个高级特性,就日常开发来讲几乎用不到。但是对于一些库的作者就比较常用了。 _setter(newValue) } } 对于这个类,我们可以从下面几个方面来分析: 首先,该类有value属性,底层相当于用了Object.defineProperty(所以如果说Vue3的响应式系统是建立在

    1.3K31编辑于 2022-09-27
  • 来自专栏前端框架源码剖析

    Vue3源码04: Vue3响应式系统源码实现12

    Vue3源码01 : 代码管理策略-monorepo Vue3源码02: 项目构建流程和源码调试方法 Vue3源码03: Vue3响应式核心原理 “我们在前一篇文章中手写实现了一个极简的响应式系统 看过上一篇文章的朋友可能会觉得惊讶,当时极简的代码是这样的简单,不足50行。没错,当时写的极简响应式系统仅用少量代码就实现了修改对象的属性,自动触发页面更新的功能。 如果对这几个文件的分工,此时还是比较疑惑,可以回想一下上一篇文章中实现的极简响应式系统相关代码: <! 具体这些函数的功能,可以查阅vue3的官方文档,就不在此处赘述了。另外reactive.ts中还有7个工具函数,逻辑相对简单朋友们可以自行阅读,不作为本文重点进行介绍了。 trigger(target, TriggerOpTypes.SET, key, value) // 省略若干代码 return result } } 还记得我们在极简中的响应式系统

    59550编辑于 2022-09-27
  • 来自专栏Android码农

    Vue3响应系统设计-上

    一步步由浅入深了解vue3的响应式设计;每一步的设计都充满了智慧,让人不得不佩服 响应式数据 假设我们在一个函数中,读取了某个对象的属性 01 const obj = { text: 'hello world obj.text 04 document.body.innerText = obj.text 05 } 当obj.text的值发生变化时,effect函数会重新执行 obj.text = 'hello vue3 字段的设置操作 如果可以拦截obj对象的读取和设置,当读取obj.text时,我们把对应的函数存储在一个“桶”里,接着当设置obj.text时,再把对应函数从“桶”里取出并执行即可 如何拦截对象的读取和设置,在vue3 04 } 05 // 执行副作用函数,触发读取 06 effect() 07 // 1 秒后修改响应式数据 08 setTimeout(() => { 09 obj.text = 'hello vue3 obj.text 06 } 07 ) 08 09 setTimeout(() => { 10 // obj更新一个无关的属性值,也触发副作用函数的执行 11 obj.notExist = 'hello vue3

    54520编辑于 2023-08-26
  • 来自专栏前端文章小tips

    vue3后台管理系统(模板)

    目的在于学习vite和vue3等新技术,以便于后续用于实际开发工作中; 本文章将从管理系统页面布局、vue路由鉴权、vuex状态管理、数据持久化、用户信息加密等方面进行介绍和记录; 这也是我边学习边实践的过程 ,此次记录一是方便自己日后开发过程中有用到时候便于借鉴和复习,再次是为了初学vue3和尝试上手vite2和vue3搭建管理系统的小伙伴提供一些学习方法和技术点; 本Vue后台管理系统使用的技术点主要有: vite2、vue3、vue-router4.x、vuex4.x、vuex-persistedstate(vuex数据持久化)、Element Plus等。 大多事件函数和数据状态的存储基本都实在setup函数中完成的,在vue3中无法通过 this 来获取当前组件的实例,故无法像vue2中那样操作数据和事件函数; vue3中为了获取到当前组件的实例,我们可以采用 主页使用了地图模块,地图模块是借助的“高德地图”API实现的H5网页地图,此Demo需要使用注册高德地图开发者来获取开发的keys来创建地图实例; 本笔记主要就后台管理系统做笔记分析,高德地图此处不做过多介绍

    5.7K21发布于 2021-11-25
  • 来自专栏Android码农

    Vue3响应系统设计-下

    继续分析响应式的设计,一步步深入,会比上一篇难理解些 无限递归的坑 一个完善的响应式系统,需要考虑诸多细节,比如下面这个无限递归的例子 const data = { foo: 1 } const obj 这时就需要响应系统支持调度 可以为 effect 函数设计一个选项参数 options,允许用户指定调度器 effect( () => { console.log(obj.foo) }, Proxy(data, { /* ... */ }) effect(() => { console.log(obj.foo) }) obj.foo++ obj.foo++ 它的输出如下 1 2 3 如果只关系最终结果,不关心过程,期望的打印结果是 1 3 也可以基于调度器来实现 // 定义一个任务队列 const jobQueue = new Set() // 使用 Promise.resolve data, { /* ... */ }) const sumRes = computed(() => obj.foo + obj.bar) console.log(sumRes.value) // 3

    71820编辑于 2023-08-26
  • 来自专栏秃头开发头秃了

    掘金 · 幸运大转盘Vue3

    借此机会,我也去搜了一下什么叫赌徒心理,同时分享给大家: (1)只想碰运气发横财,不愿意劳动致富、创业致富; (2)敢于孤注一掷,铤而走险,甚至不惜以生命为代价; (3)为了达到目的,可以不择手段。 no pay can play 本着不想花矿石,还想玩儿的目的,我决定用Vue3自己做一个和它一样的抽奖转盘。 公平!公平!还是TMD公平! Github https://github.com/HoMeTownSoCool/vue3-juejin-lottery 完结

    1.3K30编辑于 2022-10-26
  • 来自专栏h5

    electron38-vite7-vue3os电脑端os管理系统

    ​2025最新跨平台electron38+vue3+vite7+pinia3+arco-design客户端os系统Exe模板。 electron38-vite7-os使用vite7构建工具整合electron38跨平台框架构建项目,vue3 setup语法编码开发。 Electron38+Vite7+Pinia3+ElementPlus客户端聊天程序最新原创uniapp-vue3-osadmin手机后台管理系统最新研发uniapp+vue3仿微信app聊天模板最新原创 +deepseek+vue3跨平台ai流式对话electron35+deepseek桌面端ai模板vue3.5+deepseek网页ai流式对话flutter3.27+getx仿抖音app短视频商城Electron32 桌面端os系统electron31+vue3客户端聊天Exe实例tauri2.0+rust+vue3电脑Exe聊天软件

    51530编辑于 2025-10-12
  • 来自专栏码力up

    四、Vue3搭建后台管理系统

    配置标题和logo 头像网址 Avatar 头像 | Element Plus https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png

    13610编辑于 2025-12-18
  • 来自专栏FE32 Code

    Vue3 后台管理系统模板推荐

    Vue3 在今年2月份已成为新的默认版本,本文收集了一些 Vue3 的后台管理系统模板,分享给在座的仌(打工人乃人上人)。 还是老规矩,按照 Github 星标数量来依次介绍。 相关地址 文档地址:Vben Admin Documentation 仓库地址:完整版、简化 预览地址:完整版、简化 特点 最新技术栈:使用 Vue3/vite2 等前端前沿技术开发 TypeScript 使用最新版本的 vue3 + vite + element-plus 开发而成,目的是为了解决通用型的业务中后台系统复杂的配置。 有 vue2(现已停止维护)和 vue3 的版本。 根据路由配置自动生成导航栏 基于文件系统的路由 支持全方位权限验证 内置多级路由最佳缓存方案 轻松实现国际化多语言适配 提供接近于浏览器原生标签栏操作体验的标签页功能 预览效果 基础: 专业: 专业与基础版区别

    10.3K34编辑于 2022-10-27
  • 来自专栏前端web技术

    带你深入Vue3响应式系统

    这就是 Vue3 响应式系统做的事情. 我们一般遇到上面这种类型的问题, 首先就会想到发布-订阅的设计模式, Vue3 也采用了类似的模式, 不过有一些自己的特点, 先来看几个概念性的东西. 上面说了, Vue3 中是通过劫持响应式对象的 set 来更新值, 通过劫持响应式对象的 get 来获取值. 【Set<effect>】Vue3 中使用全局对象 targetMap 在存储这些信息, 其仅在 track 和 trigger 的过程中会使用到. 先有个大概理解, 后面会详细说到 3、 当前副作用在 Vue3 中有很多地方都需要用到响应式的副作用, 例如我们定义的不同页面和组件, 这些都依赖于响应式数据, 所以在 setup 中会调用 setupRenderEffect Vue3 采用的是Smi 模式, 即范围是 -2³¹ 到 2³¹-1的整数,在栈中直接存值, 所以其最大的位数是 30 位.

    1.7K60编辑于 2022-12-09
  • 来自专栏趣谈前端

    最全vue3开源管理系统汇总

    搭建一个后台管理,从零开始开发,其实并不容易,在众多开源管理后台中,Vue3是一个备受瞩目的选择。 它是一个现代化的前端框架,具有高效、灵活、易用等特点,今天,要为大家介绍几款开源免费vue3开源管理后台,可以帮助我们快速搭建企业级中后台产品原型。 1. 采用 Vue3 Webpack Typescript ElementPlus编写的中后台框架。全面的系统配置,优质模板,常用组件,真正一站式开箱即用。 安装注意:naive-ui 仅支持 Vue3。 7. 项目特性: 最新流行技术栈:基于Vue3、Vite3、TS、NaiveUI和UnoCSS等最新技术栈开发 极高水准的代码规范:代码规范完善,代码结构清晰 丰富的插件:常见的Web端插件示例实现 主题配置

    14.6K10编辑于 2023-11-24
  • 来自专栏python3

    python3实现自动登录网页QQ

    环境: 系统: windows10 IDE开发工具:Pycharm Professional 模块: selenium,time 安装selinium: pip install selenium

    4.5K20发布于 2020-01-03
  • 来自专栏Vue技术实践

    Vue3响应式系统实现原理(一)

    如下示例所示:function effect () { document.body.innerText = 'hello vue3!'}当effect函数执行时,会设置body的文本内容。 当obj.text的值改变时,我们希望副作用函数effect()会重新执行:obj.text = 'hello vue3' // 修改obj.text的值,同时希望副作用函数重新执行这句代码修改了字段 es6以后,可以使用代理对象 Proxy 来实现,这是vue3中的所采用的方式。 改变代理对象的元素值 const changeObj = function () { objProxy.text = 'hello vue3!!!!!!' 2.3 缺陷副作用函数名字叫effect ,是硬编码的,假如叫其他的名字,就无法正确执行了;3. 完善的响应式系统3.1 如何存储一个任意命名(甚至匿名)的副作用函数?

    1.6K21编辑于 2022-08-11
  • 来自专栏神光的编程秘籍

    手写 Vue3 响应式系统:实现 computed

    上篇文章我们实现了基本的响应式系统,这篇文章继续实现 computed。 首先,我们简单回顾一下 响应式系统的核心就是一个 WeakMap --- Map --- Set 的数据结构。 上篇文章我们按照这样的思路实现了一个比较完善的响应式系统,然后今天继续实现 computed。 这样,我们就实现了完善的 computed 功能,vue3 内部也是这样实现的。

    79810编辑于 2022-11-11
  • 来自专栏Vue技术实践

    Vue3响应式系统实现原理(二)

    本文根据VueJs核心团队成员霍春阳《Vue.js设计与实现》第四章整理,推荐直接购买正版书籍系统学习本文主要内容:分支切换与cleanup嵌套的effect与effect栈避免无限递归循环调度执行1 html><script>let activeEffectconst bucket = new WeakMap()const obj = { ok: false, text: 'hello vue3 我们现有的响应式系统,切换分支会带来异常的响应式效果。 3. 避免无限递归循环下面讨论第三个问题:避免无限递归循环。以上的方案,假如在同一个副作用函数中同时读取和设置某个响应式数据的值,会产生什么结果呢? 此时就需要我们的响应式系统支持调度了。4.2 调度器对 effeectRegister 函数进行改造,给其传入一个 options 选项参数,允许用户为副作用函数指定调度器。

    1.1K31编辑于 2022-08-11
  • 来自专栏h5

    全新研发Flutter3.41桌面OS系统

    2026/6最新研发flutter3.41+dart3.11+window_manager桌面OS解决方案Flutter3MacOS。 推荐几个最新实战项目案例Flutter3.41构建高性能App聊天界面对话+气泡+朋友圈Flutter3.41实战AI:从零到一构建app流式ai系统Electron41 + Vite8打造流式输出客户端 AI助手Vite8.0+Vue3.5+Arco深度对接DeepSeek网页AI智能助手2026開工新作uni-app+mphtml结合deepseek跨端ai应用vite7.2-deepseek流式 电脑端os管理系统最新版electron38-vite7-admin电脑端中后台管理系统Electron38+Vite7+Pinia3+ElementPlus客户端聊天程序基于tauri2.8+vite7 +vue3+element-plus仿QQ/微信聊天应用tauri2.9-vite7-vue3admin客户端后台系统管理Exe模板最新原创uniapp-vue3-osadmin手机后台管理系统最新研发

    28520编辑于 2026-06-01
  • 来自专栏h5

    自研flutter3.22+getx手机os桌面管理系统

    flutter3.x-weos:原创研发flutter3+dart3+getx+fl_chart构建手机桌面OS管理系统模板。 原创自研os栅格桌面布局引擎、分屏式滑动管理、自定义桌面壁纸、桌面小部件、可拖拽式悬浮球菜单等功能。 os菜单/* * ================== 桌面os菜单配置项 ================== * [label] 图标标题 * [imgico] 图标(本地或网络图片) 当type 1x4、2x1 2x2 2x3 2x4、3x1 3x2 3x3 3x4、4x1 4x2 4x3 4x4 * [onClick] 点击图标回调函数 */桌面os菜单json配置片段List deskMenus os管理系统的一些知识分享,希望对大家有所帮助~当然也可以在此基础上做一些更有创意的功能。

    94601编辑于 2024-06-07
领券