51工具盒子
跨域问题与前端Vue中的解决方案
什么是跨域 ----- 在 Web 开发中，"同源策略"是一项安全措施，用于防止恶意网站从不同来源获取或操作数据。根据`同源策略`，来自不同源的脚本不能访问彼此的资源，除非后端服务器明确允许。这里的"源"是指协议、域名和端口的组合。例如，`https://example.com:8080` 和 `http://example.com:8...
前端开发
Vue 3 ref 和 reactive 完整指南
引言 --- Vue 3 引入了新的响应式 API，其中包括 `ref` 和 `reactive` 两个核心概念。这两个 API 提供了创建和管理响应式数据的新方法。接下来将深入探讨 `ref` 和 `reactive` 的用法、内部实现以及一些高级用法。 1. `ref` 的基本用法 -------------- `ref` 用于创建一个基本类型的响应式引用。 ```...
解决Vue项目刷新404
问题场景 ---- 将打包好的Vue项目部署到Nginx或Apache服务器上，刷新页面报404错误。 问题描述 ---- 在Vue（或React）单页应用（SPA）中，经过打包后生成的"dist"文件夹内，通常只包含一个"index.html"文件以及一系列静态资源。这设计背后的原因在于SPA的架构特点：只有一个"ind...
使用脚手架(Vue-Cli)创建Vue项目
安装node.js --------- 在安装之前首先我们来了解一下什么是node.js？ node.js是一个基于Chrome V8引擎的JavaScript运行环境，使用了一个事件驱动、非阻塞式I/O模型，让JavaScript 运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。 Node.j...
Vue导航页面
```gl <!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js&q...
Vue 面试题解答：对于Vue中的过滤器的了解以及介绍过滤器的应用场景
<p><img src="/images/tt/vue.jpg" alt="Vue 面试题解答：对于Vue中的过滤器的了解以及介绍过滤器的应用场景" title="Vue 面试题解答：对于Vue中的过滤器的了解以及介绍过滤器的应用场景" /></p> <p>分享一个 Vu...
Vue与iframe之间的交互
<h2>使用背景 {#使用背景}</h2> <p>我的博客中需要引入前端静态项目，我的博客是Vue做的，有个页面需要iframe引入那个静态项目。</p> <p>静态项目中有个按钮，点击后，可以使得父Vue页面的路由跳转到首页。</p> <h2>子页面向父页面传值 {#子页面向父页面传值}<...
NPM、Yarn、Vue CLI 的常见问题以及解决方法
<h4>设置淘宝镜像 {#menu_index_1}</h4> <ul> <li> <p>NPM</p> <pre><code class="language-lang-text">npm config set registry https://registry....
Vue3 + element Plus + SortableJs实现表格行拖拽排序
<h2>前言 {#前言}</h2> <p>Sortable.js是一款优秀的js拖拽库，支持ie9及以上版本ie浏览器和现代浏览器，也可以运行在移动触摸设备中。不依赖jQuery。支持 Meteor、AngularJS、React、Vue、Knockout框架和任何CSS库，如Bootstrap、Element UI。你可以用来拖拽div、t...
你好，Vue
<p>经常听到一些学长跟我说 <code>Vue</code> 的重要性，Vue能够直接取决于能不能找到工作。于是我一直对 <code>Vue</code> 这门框架十分的憧憬。现在的我即将踏入 <code>Vue</code> 的大门，按照老规矩先定个小目标，熟练掌握 <code>...
