路由 程式vue js
js判断一段字符串中某字符出现的个数
问题点 在一个字符串中，如 "abc,cde"，我们要找出"c"出现的次数。本文章将详细说明方法思路。 str为某字符串 char为某字符 //得到字符串含有某个字符的个数 方法一 function getCharCount(str,char){ var regex = new RegExp(cha ......
VsCode 常用好用插件/配置+开发Vue 必装的插件
一、VsCode 常用好用插件 1、实时刷新网页的插件：LiveServer 2、open in browser 支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器，包括：Firefox，Chrome，Opera，IE以及Safari 补充一下：LiveServer 和 ......
JS 知识点收集
js文件中import中加{}和不加{}的区别 参考网址 https://blog.csdn.net/baidu_38225647/article/details/104968662 大括号的加与不加取决于import来源的js文件 - 如果来源js中export时明确指定export组件的名称，那 ......
前端vue获取后端返回的富文本内容不是标签是转义字符解决方法
新手的我就直接上代码 template部分(UI框架用的vant) <template> <div class="common-bg"> <van-nav-bar title="消息中心" left-arrow :fixed="true" :placeholder="true" @click-lef ......
Vue 评分星星显示
<el-table-column label="专业性" align="center" prop="specialty" ><template slot-scope="{row}"> <el-rate v-model="row.specialty" disabled show-score text- ......
new一个vue对象开始，vue内部发生了什么
new Vue({ el: '#app', router, store, components: { App }, template: '<App/>' }) vue构造类里面init函数 初始化生命周期，事件，render 调用 beforeCreate 钩子函数 初始化 props、method ......
vue3+ts初学之安装路由(router)
一、安装路由 1.安装vue-router vue3需要安装4.0以上版本 vue2最好安装4.0以下版本 安装命令： npm install vue-router@next --save // 安装最新版本router // 如需按版本安装，需将命令行中 next 改成相应的版本。如下： // n ......
vue3+ts初学之创建一个vue3项目
(1)使用vue-cli创建: ## 安装或者升级 npm install -g @vue/cli ## 保证 vue cli 版本在 4.5.0 以上 vue --version ## 创建项目 vue create my-project 然后的步骤: Please pick a preset - ......
Vue+Element UI 弹出文本框
效果： 代码： /* 打开审批弹窗*/ openAudit(row) { this.$confirm('请确认审核结果', '审核', { distinguishCancelAndClose: true, confirmButtonText: '审核通过', cancelButtonText: '未 ......
使用vue实现一个点击复制的功能
<script src="https://cdn.jsdelivr.net/npm/vue"></script> <div id="app"> <button @click="copyText">复制</button> <input type="text" v-model="textToCopy" ......
一道题解释 js 的词法作用域
function foo(){ console.log(a) } function bar(){ var a = 2; foo(); } var a=1; bar(); 请说出上题最终会输出 a= ? 解析：词法作用域让 foo() 中的 a 通过 RHS 引用用到了全局作用域中的 a，因此会输出 ......
vue-router原理剖析
vue-router原理 单页面核心之一是： 1、更新视图而不重新请求页面。 2、vue-router在实现单页面前端路由时，提供了：hash,history hash: 兼容所有浏览器，hash的值为#/*内容， hash的改变会触发hashchange事件， history: pushState ......
vue+element-ui+springboot使用easyExcel导出和导入Excel表格以及LocalDateTime时间类型转换问题
以下内容仅供学习使用 正文： hutool官网：https://hutool.cn/docs/#/ easyExcel官网: https://easyexcel.opensource.alibaba.com/ 一、导出Excel表格 1. 首先引入pom.xml依赖 <dependency> <gr ......
Going the distance with Babylon.js
作者：Josh Elster 前言：David Catuhe, creator and leader of the Babylon.js open source project 前言：如果在当时你告诉我，有一天有人会有足够的动力来写一本关于它的书，我会笑得无法自拔。而现在，我们依然这样想。当乔希告诉 ......
Vue3 企业级优雅实战 - 组件库框架 - 9 实现组件库 cli - 上
上文搭建了组件库 cli 的基础架子，实现了创建组件时的用户交互，但遗留了 cli/src/command/create-component.ts 中的 createNewComponent 函数，该函数要实现的功能就是上文开篇提到的 —— 创建一个组件的完整步骤。本文咱们就依次实现那些步骤。（友情 ......
vue2升级vue3：vue-i18n国际化异步按需加载
vue2异步加载之前说过，vue3还是之前的方法，只是把 i18n.setLocaleMessage改为i18n.global.setLocaleMessage 但是本文还是详细说一遍： 为什么需要异步加载语言包 主要还是缩小提代码包，没有按需加载前，语言包内容太多 好几屏幕全部是，虽然从webpa ......
Ocelot使用与设置路由Routing
一、安装Ocelot 在程序包管理器控制台输入以下命令安装Ocelot Install-Package Ocelot 二、新建两个项目 我们新建两个.Net Core WebAPI项目如下： 直接就是最初始化的项目，只是我们在ExternalGateway项目中安装Ocelot，并且添加一个ocel ......
在Vue3+TypeScript 前端项目中使用事件总线Mitt
事件总线Mitt使用非常简单，本篇随笔介绍在Vue3+TypeScript 前端项目中使用的一些场景和思路。我们在Vue 的项目中，经常会通过emits 触发事件来通知组件或者页面进行相应的处理，不过我们使用事件总线Mitt来操作一些事件的处理，也是非常方便的。 ......
【ASP.NET Core】在node.js上托管Blazor WebAssembly应用
由于 Blazor-WebAssembly 是在浏览器中运行的，通常不需要执行服务器代码，只要有个“窝”能托管并提供相关文件的下载即可。所以，当你有一个现成的 Blazor wasm 项目，没必要用其他语言重写，或者你不想用 ASP.NET Core 来托管（有些大材小用了），就可以试试用 node ......
maui BlazorWebView+本地html (vue、uniapp等都可以) 接入支付宝sdk 进行支付宝支付 开发 Android app
首先添加支付宝sdk的绑定库 nuget 包：Chi.MauiBinding.Android.AliPay 项目地址：https://github.com/realZhangChi/MauiBinding 新建maui Blazor应用，在根目录创建一个静态类PublicMethods.cs （类名 ......
屎上最全vue-pdf+Springboot与aspose-words整合，开箱即用
前言 ⏲️本文阅读时长：约10分钟 🎯主要目标： 1.实现Springboot与aspose-words整合，填充word模板并转化PDF; 2.前端vue整合vue-pdf实现PDF预览及下载 word模板重点(详见图示) 1.单属性赋值 2.List循环赋值 3.图片插入 4.对勾特殊符号插入 ......
万字血书Vue—路由
多个路由通过路由器进行管理。 前端路由的概念和原理 (编程中的)路由（router）就是一组key-value对应关系，分为：后端路由和前端路由 后端路由指的是：请求方式、请求地址和function处理函数之间的对应关系 在SPA程序中，所有组件的展示和切换都在这唯一的一个页面内完成，此时，不同组件 ......
万字血书Vue—Vue语法
模板语法 插值语法 Mustache插值采用{{ }}，用于解析标签体内容，将Vue实例中的数据插入DOM中 <h1>Hello {{name}}</h1> 指令语法 指令用于解析标签，是vue为开发者提供的一套模板语法，辅助开发者渲染页面的基本结构。 （指令是vue开发中最基础、最常用、最简单的知 ......
详解uniapp和vue在路由方面的不同和联系
Uniapp 和 Vue 在路由方面有相似之处，因为 Uniapp 是基于 Vue 的。Uniapp 的路由系统是通过 Vue Router 实现的，因此两者有许多相同的概念和 API。 相同点： 都支持基于 URL 的路由； 都可以使用嵌套路由来管理多个页面之间的关系； 都支持路由参数和查询参数的 ......
AES 简介 以及 C# 和 js 实现【加密知多少系列】
〇、AES 简介 AES 的全称是 Advanced Encryption Standard，意思是高级加密标准。它的出现主要是为了取代 DES（Data Encryption StandardData Encryption Standard）加密算法的，因为我们都知道 DES 算法的密钥长度是 5 ......
RSA 简介及 C# 和 js 实现【加密知多少系列】
〇、简介 谈及 RSA 加密算法，我们就需要先了解下这两个专业名词，对称加密和非对称加密。 对称加密：在同一密钥的加持下，发送方将未加密的原文，通过算法加密成密文；相对的接收方通过算法将密文解密出来原文的过程，就是对称加密算法。 非对称加密：发送发和接收方通过不同的密钥加解密的过程就是非对称加密。发 ......
Three.js 进阶之旅：物理效果-3D乒乓球小游戏 🏓
本文将使用技术栈 React Three Fiber 和 Cannon.js 来实现一个具有物理特性的乒乓球小游戏，通过本文的阅读，你将学习到的知识点包括：了解什么是 React Three Fiber 及它的相关生态、使用 React Three Fiber 搭建基础三维场景、如何使用新技术栈给场... ......
DES & 3DES 简介 以及 C# 和 js 实现【加密知多少系列】
〇、简介 1、DES 简介 DES 全称为 Data Encryption Standard，即数据加密标准，是一种使用密钥加密的块算法，1977 年被美国联邦政府的国家标准局确定为联邦资料处理标准（FIPS），并授权在非密级政府通信中使用，随后该算法在国际上广泛流传开来。 在很长时间内，许多人心目 ......
js直接操作数据库会怎么样
这几天刷脉脉的时候看到一个话题初看觉得可笑，再看陷入沉思，最后还是决定花点时间想清楚，写下来。 确实没见人这么干过，为什么呢？ 技术限制 被技术限制了？据我所知目前没有面向js的数据库驱动，但反观现在的技术大潮，写一个面向js的数据库驱动应该也不是什么难事。安全限制被安全性限制了？js在网站中的分量 ......