35 天前 / 码农UP2U
这样早期文章 后端程序员的 ES6 超简单入门笔记 看完即可上手 MyBatis-Plus 奇怪的函数调用 打造后台登录页面扫描工具 一道有趣的 Java 基础题 Spring 拦截器流程及多个拦截器的顺序 Docker 常用命令 Docker 使用 MySQL JWT 库生成 Token 的使用与原理 Java 项目中几个必不可少的小功能 现在的各种开源项目中使用 Vue 的越来越多了，作为一个后端程序员不会点 Vue 也都玩不转了。所以抽空学习了一下 Vue 的简单用法，整理成笔记，方便有需要的同学一起学习。 Vue 是一个前端的框架，被称作是 渐进式 JavaScript 框架。
44 天前 / 冷星1024
大概几集下饭剧时间就能懂的 VUE3 原理 大家好，我是卡颂。 最近中午没胃口，找来 VUE 源码相关视频来当下饭剧。几顿饭下去，人胖了，VUE 也整明白了。 这篇文章为你带来一份 VUE3 原理速成指南。 模块划分如果我们用「VUE 的模版语法」定义： hello 最终 VUE 会帮我们在浏览器中渲染对应的 DOM 节点。 这之间对这段节点的描述会经历 4 次变化，横跨「编译时」与「运行时」： 「模版语法」在编译时会被「编译器」转化为「render 函数」，类似： render(h){ returnh('div','hello'); } 在运行时...
46 天前 / 冷星1024
今日心血来潮，想起我们使用 Vue 开发单页面项目基本会用到 vue-router 路由插件，通过改变 Url，在不刷新页面的情况下，更新页面视图。那么 vue-router 它是怎么实现路由跳转页面的呢？ 好吧，没人理我就自己玩。我 ( 们)先来回忆下路由的配置： router/index.js importVuefrom'vue' importRouterfrom'vue-router' Vue.use(Router) // 声明路由表 constroutes=[ { name:'login', path:'/login', component:()=>import('@/views/login/index') }, { name:'register', path:'/register', component:()=>import('@/views/register/index') } ] exportdefault...
48 天前 / Dunizb
这篇文章假定您具有 Javascript 和 Vue 的基本知识。 单线程 JavaScript 作为单线程编程语言，Javascript 一次只能执行一组指令，这意味着在执行下一个进程之前，所有其他进程都必须等待一条指令完成。 如果我们必须执行繁重的进程，并且还希望用户仍然能够与我们的应用程序交互，那么这将在我们的 Web 应用程序中带来速度问题。比如说我们需要计算多个投资包的投资回报率，仍然要保证这些进程是非阻塞的，不在主线程上运行，这样我们就可以在主线程上执行其他任务，比如进行网络请求。.....进入 web workers。 注意：阻塞是指串行处理，一次执行一项操作。
55 天前 / 冷星1024
前言 Vue Router 是 Vue.js 官方的路由管理器。 它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。 包含的功能有： 嵌套的路由 / 视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接 HTML5 历史模式或 hash 模式，在 IE9 中自动降级自定义的滚动条行为本文是作者是实际项目中遇到的一些总结，主要包括： 响应路由参数变化路由匹配高级匹配模式匹配优先级 push 和 replace 的第二个第三个参数路由视图重定向使用 props 解耦 $route 导航守卫守卫的 ...
57 天前 / Dunizb
Vue Native 是一个 JavaScript 框架，旨在使用 JavaScript 构建可以在 Android 和 iOS 上运行的跨平台移动应用程序。通过封装 React Native，开发人员可以使用 Vue Native 使用 Vue.js 构建移动应用程序。 正因为如此，所有可以在 React Native 中完成的事情都可以在 Vue Native 中完成，并且代码被编译为 React Native。通过这种方式，开发人员可以从 Vue 和 React Native 生态系统提供的内容中受益。 在这篇文章中，我们将讨论 Vue Native 的特性以及如何使用 Vue Native 创建移动应用程序。
60 天前 / Dunizb
使用 Vue 3 的 defineAsyncComponent 特性可以让我们延迟加载组件。这意味着它们仅在需要时从服务器加载。 这是改善初始页面加载的好方法，因为我们的应用程序将以较小的块加载，而不必在页面加载时加载每个组件。 在本教程中，我们将学习 defineAsyncComponent 的全部内容，并看一个例子，该例子将一个弹出窗口的加载推迟到我们的应用程序需要的时候。 好了，让我们开始吧。 什么是 defineAsyncComponent// SOURCE: https://v3.vuejs.org/guide/component-dynamic-async.html const AsyncComp = defineAsyncComponent( () => new Promise((resolve,...
70 天前 / Dunizb
VueUse 是 Anthony Fu 的一个开源项目，它为 Vue 开发人员提供了大量适用于 Vue 2 和 Vue 3 的基本 Composition API 实用程序函数。 它有几十个解决方案，适用于常见的开发者用例，如跟踪 Ref 变化、检测元素可见性、简化常见的 Vue 模式、键盘 / 鼠标输入等。这是一个真正节省开发时间的好方法，因为你不必自己添加所有这些标准功能。 我喜欢 VueUse 库，因为它在决定提供哪些实用工具时真正把开发者放在第一位，而且它是一个维护良好的库，因为它与 Vue 的当前版本保持同步。
73 天前 / 太空编程
Vue 刷新页面有哪几种方式在 Vue 项目中，刷新当前页除了window.reload()，你还能想到什么办法？而且这种办法会重新加载资源出现短暂的空白页面。体验不是很好。 在某个详情页面的时候，我们经常需要通过路由中的详情id去获取内容，当我们在不同的详情页来回切换的时候，打开的页面是同一个，只是需要通过监听路由中的参数id的变化去重新请求详情接口。 如果这个详情页只需要一个接口还好，只需要通过watch去监听，里面做数据请求就好。 watch: {$route: {immediate: true,handler(to, from) {if (to.name === 'Detail') {let id = to.params.id// ...}}}}...
74 天前 / 青年码农
关注“青年码农”，回复“特效“ 获取各种资料粒子特效、可视化等源码 本篇文章主要讲解 Vue 项目中，this.$set 这个 api 的用法。 我们都知道当 Vue 的 data 里边声明的对象，如果向对象中添加新的属性，更新此属性的值，视图是不会更新的。官方是这么说的 因为 Vue 无法探测普通的新增 property 比如： this.myObject.newProperty='hi' 这个时候，我们就需要使用 set api，这个 api 就是像响应式对象中添加一个 property，并确保这个新 property 同样是响应式的，且触发视图更新。
83 天前 / 太空编程
项目中经常需要用到富文本编辑器的时候，而常见的富文本编辑器都有哪些？该如何选择？ 先看看市面上都有哪些可用的富文本编辑器： TinyMCE（插件式的，支持Vue，React，Angular框架）wangEditor（Typescript 开发的 Web 富文本编辑器， 轻量、简洁、易用、开源免费，支持JS直接引入使用，或者Vue2/3，React）UEditor（开源，插件多，功能齐全，支持JS直接引入使用）CKEditor（模块化的简洁强大，丰富的框架支持，支持Vue，React，Angular，Jquery，Electron框架）Quill-editor（轻量、简洁，支持JS直接引入使用，Vue，Angular...
86 天前 / 冷星1024
一。 内容简介 vue3 自从 2020.9.18 正式发布以来，受到了前端业界的广泛关注，其中一个重大更新点便是 vue3 全新的数据监听模式。 本着严谨探究、求根问底的前置思维，以 vue3 实现数据监听的逻辑链路为导向，逐层破解 vue3 数据监听的实现原理，为大家揭开 vue3 源码的神秘面纱 通过本文你可以学习到 vue3 通过 proxy 实现数据监听原理 reative 及相关 api 实现原理 ref 及相关 api 实现原理 computed 及相关 api 实现原理 vue3 通过何种方式优化数据性能，对日常开发有何启发 二。
96 天前 / 太空编程
Vue 页面如何监听用户预览时间最近的业务中涉及到这样一个需求，在线培训的系统需要知道用户对某个在线预览的页面追踪用户的预览时长。初步我们首先想到借助 Vue 页面的生命周期函数mounted和destroyed，分别在其中加入开始计时和清除计时的逻辑，通过后台的接口上报对应的培训素材的时间数据，即可达到目的。 有了思路，我们就可以开始筹划具体的代码。 定义开始结束计时函数在data中定义我们通过变量定义计时器，这样可以通过this.timer随处可访问，便于后面销毁页面的时候清除它。