signaturepad简易 电子vue

vscode如何配置运行vue项目

在vscode中如何调试运行vue项目 在.vscode中添加launch.json内容如下 { // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=8 ......
项目 vscode vue

一个简单案例的Vue2.0源码

本文学习vue2.0源码,主要从new Vue()时发生了什么和页面的响应式更新2个维度了解Vue.js的原理。以一个简单的vue代码为例,介绍了这个代码编译运行的流程,在流程中原始DOM的信息会被解析转换,存在不同的对象中。其中关键的对象有el、template、ast、code、render、r... ......
源码 案例 Vue2 Vue

uniapp脚手架中vue3项目配置`@`,并且在vscode中有提示

uniapp脚手架中vue3项目配置@,并且在vscode中有提示 在vite.config.js中配置一下代码 import { defineConfig } from "vite"; import uni from "@dcloudio/vite-plugin-uni"; import { re ......
脚手架 项目 uniapp vscode vue3

Vue多页面和单页面的场景

开发分类 实现方式 页面性能 开发效率 用户体验 学习成本 首屏加载 SEO 单页 一个html页面 按需更新性能高 高 非常好 高 慢 差 多页 多个html页面 整页更新性能低 中等 一般 中等 快 优 场景 单页面应用 系统类网站 内部网站 文档类网站 移动端站点 多页面应用 公司官网 电商类 ......
页面 场景 Vue

【前端VUE】VUE环境安装

nodejs安装 nodejs教程 https://blog.csdn.net/muzidigbig/article/details/80493880 检查是否安装成功 VUE安装 npm install -g @vue/cli 创建VUE项目 vue create 项目名称 第一个和第一个是默认的 ......
前端 VUE 环境

【电子书分享】龙书《编译原理(第2版)》文字版中文 可复制 完整目录 pdf epub

目录龙书历史龙书简介作者地址 龙书历史 编译原理三大圣书——龙书、虎书、鲸书。龙书作为其中之一,广受欢迎。 《计算机科学丛书:编译原理(第 2 版)》是编译领域无可替代的经典著作,被广大计算机专业人士誉为"龙书"。《计算机科学丛书:编译原理(第2版)》上一版自 1986 年出版以来,被世界各地的著名 ......
可复制 文字版 电子书 原理 文字

使用Java写一个简易web服务器

使用Java写一个简易web服务器来替代nginx功能。 main: public static void main(String[] args) { ServerConfigLoader serverConfigLoader = Factory.serverConfigLoader(); Serv ......
简易 服务器 Java web

vue3+element-Plus表格滚动联动

const Table0 = ref() const Table1 = ref() function syncScroll() { for (let i = 0; i < compareData.compareInfo.length; i++) { let firstTable = Table0.v ......
element-Plus 表格 element vue3 Plus

Vue3 + antDesign3.x 汉化 中文(解决日期混合中英文模式

依赖项版本 "ant-design-vue": "^3.2.20", "dayjs": "^1.11.10", "vue": "^3.0.5", 依赖处理 main.js中 import { createApp } from 'vue' import Antd from 'ant-design-vu ......
中英 antDesign3 antDesign 日期 模式

Vue 项目配置自动更新,自动刷新页面

今天用户反馈使用页面的时候,有时候点击没反应,排查下来,是因为发布版本的时候,用户那边没有加载最新的文导致的,然后根据思路,做了这个自动更新的功能 效果预览 http://demo.webwlx.cn/#/update 实现思路 1. 把当前版本的编译时间,通过环境变量的方式保存起来 打开 vite ......
页面 项目 Vue

电子眼与无人机在城市安防中的协同应用研究

将电子眼与无人机所获取的数据统一传输到TSINGSEE青犀EasyCVR安防智能监控平台中,进行统一汇聚、多端分发。 ......
无人机 电子眼 城市 电子

Vue 该如何实现组件缓存?

在面向组件化开发中,我们会把整个项目拆分为很多业务组件,然后按照合理的方式组织起来,那么自然会存在组件之前切换的问题,vue 中有个动态组件的概念,它能够帮助开发者更好的实现组件之间的切换。但是在面对需求频繁的变化,切换组件时,动态组件在切换的过程中,组件的实例都是重新创建的,而我们需要保留组件的状 ......
缓存 组件 Vue

Vue-路由(vue-router)

路由:Vue-router(vue路由插件) 先了解下 route、routes、router三者之间的区别 (加$只是为了区别其它变量) router:一般指的是路由实例 ,如:vue的编程式导航 this.$router.push() routes:指创建 vue-router 路由实例的配置项 ......
路由 vue-router router Vue vue

vue-route

路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容。Home按钮 => home 内容, about按钮 => about 内容,也可以说是一种映射. 所以在页面上有两个部分,一个是点击部分,一个 ......
vue-route route vue

Vue-mixins(混入)

mixins: [混入变量名称] 说明:不需安装,直接使用, 作用:多用于 提取公共 类似的数据和方法,和组件<script/>中书写一样,data、methods、钩子函数 使用:引入之后,同组件使用 script 中的数据和方法一样使用 功能点:引入之后,相当于mixins下的数据、方法和钩子函 ......
Vue-mixins mixins Vue

Vue-slot(插槽)

以下均已父组件为例:<my-box></my-box> <slot></slot> (无需安装,直接使用,使用组件时需引入对应组件) 说明:插槽就是内容分发API,将 <slot></slot> 作为承载内容分发的出口;简单的讲就是使用了插槽后就可以将<my-box>文本、HTML</my-box> ......
Vue-slot slot Vue

@vue/cli-01安装事项

@vue/cli安装存在以下两种: npm install -g @vue/cli vue --version or vue -V(注意是大写)查看版本 vue create 项目名称cd 项目名称npm installnpm run serve 1、默认安装 安装上面的步骤,一路回车即可 2、手动 ......
事项 vue cli 01

vue-alias配置

const path = require('path'); function resolve (dir) { return path.join(__dirname, dir) } module.exports = { chainWebpack: (config)=>{ config.resolve. ......
vue-alias alias vue

vue-webpack 结构目录

1、vue+webpack搭建得项目结构 ......
vue-webpack webpack 结构 目录 vue

vue-echarts图表组件

封装代码: <!-- * @Descripttion:图表组件--> <template> <div class='YxkEcharts'> <VEcharts :params="echartsObj"></VEcharts> </div> </template> <script> // 图表 co ......
图表 vue-echarts 组件 echarts vue

vue-filters(过滤器)

过滤器 filters: 作用:按照设定的代码,返回过滤后的数据,如:取整、保留小数、大写、添加等 注:num 会作为过滤器函数的第一个参数,过滤器函数之后的参数依次作为 第 2个 ...第 n 个 示例: ......
过滤器 vue-filters filters vue

Vue-keep-alive 缓存组件 & 动态组件

动态组件: 动态组件:即组件是否展示需要根据条件判断,该组件即为动态组件 作用:多用于 tap 切换时某个板块展示对应组件内的内容 功能点:点击一级 tap 时,展示一级 tap 对应板块内容(一级组件);点击二级 tap 时,展示二级tap对应的板块内容(二级组件) 示例图: 创建组件; 最外层包 ......
组件 Vue-keep-alive 缓存 动态 alive

Vue-Vuex 状态管理

简介: vuex:多个文件公共状态管理 vuex五个属性: state:数据存储 getters:数据提取,对数据进行提取,不更改原数据,和vue计算属性computed一样,实时监听state值的变化(最新状态),并把最新数据扔进vue.store里;如提取对象数组中id不为0的数据 mutati ......
Vue-Vuex 状态 Vuex Vue

Vue-打印组件

组件代码: <el-button v-print="{id: 'print-content'}" icon="el-icon-printer">打印</el-button> // 插件 vue-print-nb 示例: ......
组件 Vue

vue-富文本/自定义上传图片

1、下载组件 npm install vue-quill-editor –D 2、在需要的组件内引入富文本 import { quillEditor } from 'vue-quill-editor' import 'quill/dist/quill.core.css' import 'quill/ ......
文本 图片 vue

vue-解决vux中siwper高度不自适应

1、swiper设置height:auto 2、设置swiper-itemposition:static <swiper-item v-for="(item, index) in list" :key="index" :style='selected_index==index?{position: ......
高度 siwper vue vux

Vue-方法封装

// 使用说明查看 README.md let commonJs = {} // 1、深拷贝 commonJs.deepMerge = (target, source) => { // 判断被拷贝对象是Object // 陷阱!!typeof(null) 'object' true if (type ......
方法 Vue

Vue-表格组件封装

封装代码: <!-- * @Descripttion:表格组件--> <template> <div class='YxkTable'> <el-table :data="data" v-bind="tableBind" v-on="this.$listeners"> <ELTableColumn ......
组件 表格 Vue

Vue-搜索组件封装

组件代码: <!-- * @Descripttion:搜索组件--> <template> <div class='YxkSearch'> <el-form :model="form" :ref="$attrs.formRef" v-bind="$attrs"> <!-- 搜索项 --> <temp ......
组件 Vue