vue vue-cli-service min源码
vue-element-template|实现登录，根据权限显示路由
文章目录 前言 一、安装vue-element-template基础模板？ 二、具体步骤 1.修改路由文件 2.挂载前的验证 3.获取用户角色,保存一些从后台获得的roles相关信息 4.筛选路由 5.最后的加载 6.别忘了修改登录、推出、获取用户信息路径 三、遇到的bug 1.data funct ......
Turndown 源码分析：五、节点相关`root-node.js`和`node.js`
```js import collapseWhitespace from './collapse-whitespace' import HTMLParser from './html-parser' import { isBlock, isVoid } from './utilities' // 单 ......
Vue3中computed的用法
Vue3中computed的用法 computed又被称作计算属性，用于动态的根据某个值或某些值的变化，来产生对应的变化，computed具有缓存性，当无关值变化时，不会引起computed声明值的变化。产生一个新的变量并挂载到vue实例上去。 一、computed简写形式 <template> < ......
vue3 + i18n
vue3 + i18n 安装： npm install vue-i18n yarn add vue-i18n main.js 如果在一个模块系统中使用它，你必须通过 Vue.use() 明确地安装 vue-i18n： import { createApp } from 'vue'import App ......
谈谈Vue3中的ref和reactive
谈谈Vue3中的ref和reactive ref和reactive是什么？ref和reactive是Vue3中用来实现数据响应式的API一般情况下，ref定义基本数据类型，reactive定义引用数据类型（我喜欢用它来定义对象，不用它定义数组，原因后面讲）我理解的ref本质上是reactive的再封 ......
vueup/vue-quill 的用法
<template> <div class="EmailDialog"> <div class="EmailDialog-main" :style="{ borderColor: isShow ? '#474edb' : '#f0f2fc' }" @click="openDialogHandle" ......
Turndown 源码分析：二、规则`commonmark-ruiles.js` REV1
```js import { repeat } from './utilities' var rules = {} // 段落 rules.paragraph = { filter: 'p', replacement: function (content) { // 前后加两个换行 return ' ......
Turndown 源码分析：三、规则集`rules.js` REV1
```js /** * Manages a collection of rules used to convert HTML to Markdown */ export default function Rules (options) { // 配置 this.options = options / ......
直播源码开发，页面回到顶部（平缓滚动效果）
直播源码开发，页面回到顶部（平缓滚动效果） common.js // 页面回到顶部（滚动效果）export const handleScroll = () =>{ let scrollTop = window.pageYOffset || document.documentElement.scrol ......
Turndown 源码分析：四、`turndown.js`
````js import COMMONMARK_RULES from './commonmark-rules' import Rules from './rules' import { extend, trimLeadingNewlines, trimTrailingNewlines } from ......
vite+vue3项目中使用 lottie 动画，如何在 template 中直接使用本地 json 文件路径
安装 lottie-web yarn add lottie-web 封装 lottie 组件 <template> <div ref="animation" :style="{ width, height }"></div> </template> <script> import { defineC ......
vue使用@符合写路径不识别
在vue中写@符合不被识别，需要在配置中进行修改，修改内容如下： resolve: { //别名配置 alias: [ { find: "@", replacement: "/src", }, ], //忽略文件名 extensions: [".mjs", ".js", ".ts", ".jsx", ......
海外交友源码平台搭建：基础功能的实现（一）
今天我要分享的功能是利用海外交友源码去实现，这两个功能并不会引起我们的特别关注，但是，当我们在使用海外交友源码平台时，它们却时时刻刻陪伴着我们。 ......
手牵手带你实现mini-vue
Vue 的双向数据绑定实现原理是什么样的，如果让我们自己去实现一个这样的双向数据绑定要怎么做呢，本文就与大家分享一下 Vue 的绑定原理及其简单实现 ......
使用nwjs打包VUE生成桌面应用
摘抄自：https://blog.csdn.net/weixin_40521770/article/details/126907614 目前已知把Vue项目打包成桌面应用有两种方式：（1）使用nwjs生成桌面应用；（2）使用Electron生成桌面应用。本文采用的是nwjs生成桌面应用，也是我认为最 ......
前端Vue图片上传组件支持单个文件多个文件上传 自定义上传数量 预览删除图片 图片压缩
#### 前端Vue图片上传组件支持单个文件多个文件上传 自定义上传数量 预览删除图片 图片压缩， 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13099 #### 效果图如下： $ 表示在前 $n$ 个 ......
mybatis的源码
#mybatis的原理 ## mybatis oracle 利用sys_guid()生成对应的主键，插入数据，并返回对应的主键 通过源码我们知道，mybatis当中insert方法返回的只能是int类型，所以不可能返回String类型，所以我们需要传入一个对象，然后由对象存储对应的主键 ```jav ......
Vue3 - 实现文本复制粘贴功能
1.安装库并导入 npm i vue-clipboard3 --save 2.在需要的前端文件中导入 import clipboard3 from 'vue-clipboard3' html结构如下 <template> <div class="hello"> <input type="text" ......
[ABC282Ex] Min + Sum
[ABC282Ex] Min + Sum 一道分治题。比较新的地方在于，别的题都是按中点为M分治，而这道题是按最小值为M分治。记录b的前缀和sum。【L，R】最小值为M，则分为【L，M-1】，【M+1，R】。 #include<bits/stdc++.h> using namespace std; ......
JAVA的springboot+vue家乡特色推荐系统,附源码+数据库+论文+PPT，适合毕业设计、课程设计
**1、项目介绍** 在Internet高速发展的今天，我们生活的各个领域都涉及到计算机的应用，其中包括家乡特色推荐的网络应用，在外国家乡特色推荐系统已经是很普遍的方式，不过国内的管理网站可能还处于起步阶段。家乡特色推荐系统采用java技术，基于springboot框架，mysql数据库进行开发，实 ......
memcpy源码
【调用栈】 【代码】 【glibc2.17和2.18性能的讨论】 https://sourceware.org/bugzilla/show_bug.cgi?id=24872 ......
Vue 开发环境搭建
## 1 安装环境 ### Node.js js的运行环境，相当于 java 的 jvm 官网：https://nodejs.org/en，下载最新稳定版 `18.16.0 LTS`，双击安装即可 自动安装了npm，终端验证： ```bash C:\Users\Administrator>node ......
【QCustomPlot】使用方法（源码方式）
使用 QCustomPlot 绘图库辅助开发时整理的学习笔记。本篇介绍 QCustomPlot 的一种使用方法，通过包含源码的方式进行使用，这也是最常用的方法，示例中使用的 QCustomPlot 版本为 Version 2.1.1。 ......
vue 路由懒加载
VUE路由的懒加载，官网是这样说明的： 当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就会更加高效。 Vue Router 支持开箱即用的动态导入，这意味着你可以用动态导入代替静态导入 ......
前端Vue加载中页面动画弹跳动画loading
#### 前端Vue加载中页面动画弹跳动画loading， 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13091 #### 效果图如下： ![](https://p3-juejin.byteimg.com/tos-cn-i-k ......
尚医通day13【预约挂号】（内附源码）
# 页面预览 ## 预约挂号 - 根据预约周期，展示可预约日期，根据有号、无号、约满等状态展示不同颜色，以示区分 - 可预约最后一个日期为即将放号日期 - 选择一个日期展示当天可预约列表 ![image-20230227202834422](https://s2.loli.net/2023/06/1 ......
父元素min-height:100px 子元素 height:100%无效
``` aaa ``` 1. ``` #div1{ min-height:100px; background-color: yellow; position: relative; } #sp1{ width: 20%; height: 100%; background-color: blue; po ......