路由 程式vue js
Vite+Vue3+vite-plugin-style-import 2.0按需引入vant 4组件
首先在项目根目录执以下以命令，安装好必要的组件包： # Vue 3 项目，安装最新版 Vant cnpm i vant # 添加按需引入插件，它的作用是在引入组件库中的组件时支持按需引入，减小打包后代码的体积 cnpm install babel-plugin-import -D # 添加按需引入插 ......
构建 dotnet&vue 应用镜像->推送到 Nexus 仓库->部署为 k8s 服务实践
前面分享了 k8s 的部署安装，本篇来点实操，将会把一个 .net core + vue 的项目（zhontai），打包构建成 docker 镜像，推送到 nexus 镜像仓库，并部署到 k8s 中 ......
VUE3
1、webpack和vite构建vue项目的区别 webpack是先把所有东西准备好再启动服务，vite是先启动服务，再把需要的组件放到服务上。vue官方推荐使用vite构建vue项目。 2、vue项目创建以及启动 到项目目录输入npm create @lastest，接下来按提示输入项目信息 启动 ......
js中用canvas生成固定长宽的图片
js中用canvas生成固定长宽的图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1. ......
uniapp-welive仿微信/抖音直播带货|uni-app+vue3+pinia短视频直播商城
基于uniapp+vue3+uv-ui跨端H5+小程序+App短视频+直播带货商城Uniapp-WeLive。 uni-welive一款全新基于uniapp+vue3+pinia+vk-uview等技术跨端仿制抖音/微信直播带货商城项目。支持沉浸式全屏上下滑动短视频直播，Nvue多视频层级覆盖，支持 ......
js设计模式之单例模式二
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>登录</title></head><body><button id="login">登录</button><script> class Login { create ......
ASP.NET Core Razor融合JS库Demo
cshtml.cs using Microsoft.AspNetCore.Mvc; using Microsoft.AspNetCore.Mvc.RazorPages; namespace RazorTest.Pages { public class PrivacyModel : PageModel ......
vuex报错“Vue3Instance<{}, Readonly<ExtractPropTypes<{}>>, Readonly<ExtractPropTypes<{}>>, {}, {}, true, ComponentOptionsBase”
vuex报错“Vue3Instance<{}, Readonly<ExtractPropTypes<{}>>, Readonly<ExtractPropTypes<{}>>, {}, {}, true, ComponentOptionsBase” 报错信息 [{ "resource": "/D:/g ......
vue常用命令
创建electron+vue项目 安装 Vue Cli npm install -g @vue/cli 创建项目 vue create electron-vue 添加electron模块 vue add electron-builder 运行项目 yarn electron:serve 打包项目 y ......
js设计模式之单例模式
//字面量const logi = { name: "贾维斯", password: '123456', method: function () { }}/** * 闭包： * 1. 闭包是指有权访问另一个函数作用域中的变量的函数 * 2. 创建闭包的常见方式，就是在一个函数内创建另一个函数，通过另 ......
JS 根据文件Magic Number判断文件是否是图片
原理:检测文件的 Magic Number 代码示例： var pngMagic = [ 0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a ]; var jpeg_jfif = [ 0x4a, 0x46, 0x49, 0x46 ]; var jpeg_ex ......
全栈架构：从0开始，Vue的搭建与开发
文章很长，且持续更新，建议收藏起来，慢慢读！疯狂创客圈总目录 博客园版 为您奉上珍贵的学习资源 ： 免费赠送 :《尼恩Java面试宝典》 持续更新+ 史上最全 + 面试必备 2000页+ 面试必备 + 大厂必备 +涨薪必备 免费赠送 :《尼恩技术圣经+高并发系列PDF》 ，帮你 实现技术自由，完成职 ......
vue 2实战系列 —— 复习Vue
复习Vue 近期需要接手 vue 2的项目，许久未写，语法有些陌生。本篇将较全面复习 vue 2。 Tip: 项目是基于 ant-design-vue-pro ant-design-vue-pro 由于 cms 是基于这个项目开发的，所以笔者就将其下载下来。 下载后运行 // 按照依赖 yarn i ......
计算机网络期末-路由器的连接与基本配置
第一步：修改交换机的主机名称。 <Huawei>system-view // 进入系统模式 [Huawei]un in en //关闭信息提示 [Huawei]sysname wjh // 给交换机命名为wjh 第二步：在交换机上新建两个vlan，分别是vlan 20和vlan30。 [Huawei ......
ASP.NET Core 之路由相关
ASP.NET Core中路由的过程：routing middleware把传入的url与一系列模板进行比对，选择相应的endpoint handler，并将其记录在HttpContext上的request上。endpoint middleware执行选择的endpoint hander，并返回re ......
【react.js + hooks】useRef 搭配 Houdini 创造 useRipple
水波纹点击特效 really cool，实现水波纹的方案也有很多，笔者经常使用 material 组件，非常喜欢 mui 中的 ripple，他家的 ripple 特效就是通过 css Houdini 实现的。 今天，我们将复刻一个 ripple，并封装成 hooks 来使用！ CSS Houdin ......
关于时间太长忘记vue如何启动的问题
1、开启SpringBootApplication项目 2、在vue项目的Teminal处，输入相关命令 vue2 npm run dev vue3 npm run serve 咳咳，写一遍我就不会忘记啦~ ......
js进行控制替换顶部标题内容【进行防检测】
为了防检测，特意出了一款js进行控制替换顶部标题内容 js代码如下： <script> document.getElementsByTagName("title")[0].innerText = '醉学网'; function SetTab(name, cursel) { for (var i = ......
【电影推荐系统】Spring Boot + Vue3 前后端分离项目
【电影推荐系统】Spring Boot + Vue3 前后端分离项目 目录【电影推荐系统】Spring Boot + Vue3 前后端分离项目0 前言1 项目前端介绍1.1 项目启动和编译1.1.1 项目启动1.1.2 项目编译1.2 前端技术栈1.3 功能模块前端界面展示1.3.1 基础功能模块1 ......
vue3的ref、reactive、toRef、toRefs
用处：用于在setup中创建响应式变量 导出：import { ref, reactive, toRef, toRefs } from 'vue' 区别： ref 用来定义基础数据类型，String, Number, Boolean, Symbol；通过 Object.defineProperty( ......
JS加密，python解密
`// js AES加密 var CryptoJs = require("crypto-js") // 密钥（128位， 16字节） var key = CryptoJs.enc.Utf8.parse("1234567890abcdef"); // 直接打印为words数组，可用如下方法进行还原 / ......
vue改错总结
vue表单和表格一起使用的时候，表格里非编辑框不再使用v-model进行双向数据 绑定，当tabledatase的数据发生变化时候，会自动渲染新的数据，但是可便捷table单元格需要用到插槽技术，当更新name的时候才会 自动渲染 <template> <div> <el-form :model=" ......
前端环境搭建到创建vue项目运行
整体流程 1.安装 nvm 管理工具,用于管理 node 的版本方便 node 版本的切换 a.下载 nvm 1.官方下载地址:https://github.com/coreybutler/nvm-windows/releases 2.备用下载地址:https://xiaocai1688.lanzo ......
js 找出最后一次字符串中指定或者某个字符后面出来的内容
JS 获取最后一个 指定字符 后面的值示例 let str = 'http://199.188.18.282:8012/logistics-web/rules/custom-rules'1.找出’/'后面出来的值使用 JavaScript 中的 .substring() 方法来实现 当然你也可以按的 ......
JS 鼠标拖拽元素移动
代码示例 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #wrap { width: 100px; height: 100px; background ......
浏览器原生支持JS Base64编码解码
1. Base64解码: var decodedData = window.atob('内容'); 2. Base64编码: var encodedData = window.btoa('base64编码内容'); 3. 中文转换报错？ 若中文Base64数据转换有报错问题,可以中文先encode转 ......
在vue中使用router时所需要的配置
router.js import { createRouter, createWebHistory } from 'vue-router'; //2. 定义路由组件 import Home from "../views/Home.vue" import Login from "../views/Lo ......
修改vue-element-admin的登录逻辑
<template> <div class="login-container"> <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" autocomplete="on" label-po ......
【vue】,封装的table组件，table表格超出高度自适应滚动效果，设置页面全局统一自适应高度
需求背景：为了使后台页面的 table 列表页面始终保持统一的高度，无论我们的列表数据有多少都只占一个屏幕的高度，如果 table 表格的数据太多，只滚动table 表格的数据，页面高度保持不变；使用 window.onresize 监听浏览器的高度： // tableHeight: 为 el-ta ......
uniGUi调用其他JS框架(79)
procedure TMainForm.UniFormShow(Sender: TObject);var Html: TStringList;begin Html := TStringList.Create; try Html.LoadFromFile('.\js\jsPlumb\template. ......