图标 项目vue2 vue
003元素定位方式与项目demo创建
一、环境搭建 1、创建项目,添加java-client依赖包 新建maven项目,引入java-client依赖包 2、创建并编写代码 测试运行以上代码,运行前需打开Appnium. Appnium没有打开时,运行会报错:Connection refused:connect 二、常见元素的定位方式 ......
vue3父子通信
vue3父子通信 // 获取父级方法或函数调用 const emit = defineEmits(['cancel', 'resetData']); // 获取父级绑定的变量 const props = defineProps({ visible: { type: Boolean, default: ......
记录--Vue3问题:如何实现组件拖拽实时预览功能?
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 1. 需求分析 实现一个CMS内容管理系统,在后台进行内容编辑,在官网更新展示内容。 关于后台的编辑功能,大致分为两部分:组件拖拽预览、组件内容编辑实时预览。 对于组件拖拽预览,用户可以在含有各种功能组件的列表中,选择需要的组件进行拖拽。 ......
探究vue的diff算法
1.diff算法是什么? diff算法是一种通过**同层的树节点**进行比较的高效算法 Diff 算法探讨的就是虚拟 DOM 树发生变化后,生成 DOM 树更新补丁的方式。对比新旧两株虚拟 DOM 树的变更差异,将更新补丁作用于真实 DOM,以最小成本完成视图更新。 1.1特点 策略:深度优先,同层 ......
nodejs-练手项目中get post需求
这段时间查看微信小程序,看着上面的好多的接口不能用,就想着弄个小接口先用这,顺便复习一下node 首先我们要有必要的npm,node,等基本环境条件 基本的代码书写: /* express 是node中的服务器软件 通过express可以快速的在node中搭建一个web服务器 -使用步骤: 1.创建 ......
项目部署体验
docker部署踩的坑 前提 你需要拥有一个远程服务器或者是本地虚拟机 安装docker Centos安装docker Install Docker Engine on CentOS | Docker Docs 部署后端 部署mysql docker run -d -v 数据卷名称:/var/lib ......
spring项目中自定义注解
使用 BeanPostProcessor BeanPostProcessor 是 Spring 框架提供的一个接口,用于在 Spring 容器中对 Bean 进行后处理。 自定义注解后,可以实现一个 BeanPostProcessor 实现类,在 BeanPostProcessor 的 postPr ......
vue3 + vite + ts 配置 @ 别名
第一步 npm install @types/node -D 第二步 这是原 vite.config.ts文件 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://vitejs.dev ......
rebar3 cmake 项目学习
erlang 与c 的通信方式,包含了port 以及nif,以下是使用nif 的测试 创建项目 一个lib 一个cmake 命令 rebar3 new lib myapp cd myapp rebar3 new cmake 项目结构 ├── LICENSE.md ├── README.md ├── ......
git仓库代码地址更改了,已经拉到本地的项目如何提交到新的git仓库
git remote remove origin //移除原来仓库地址 git remote add origin 新仓库地址xxx //添加新仓库地址 git push -u origin master //第一次设置默认的远程分支 可操作可不操作 ......
vue中使用Vue.extend方法仿写一个loading加载中效果
需求描述 本文我们使用vue的extend方法实现一个全屏loading加载效果,需求如下: 通过命令就可以让弹框开启或关闭,比如this.$showDialog()开启,this.$hideDialog()关闭 方法可以传参更改loading中的文字 也可以传参更改loading背景色 当然这里除 ......
vue项目中使用的移动端的签名组件,纯 js 写的
<template> <section> <div class="sign-wrap"> <div class="main"> <div class="box" style="width: 100%;height: 100%"> <!-- <vue-esign ref="esign" :width= ......
前端 - 前端项目引入外部字体
最近前端小朋友又遇到了一个问题,就是很多时候UI设计师设计出来的效果图都包含一些特殊字体,而众所周知,显示字体的前提条件是安装字体,可我们怎么能保证用户每个人本地都安装了我们需要的字体呢? 答案是把字体文件放到前端项目中。我以当前遇到的字体为例说明一下步骤。 注意:我们因为是写Demo,所以不需要注 ......
React 项目启动在 chrome 上报错 之 Uncaught TypeError: Cannot read property ‘forEach‘ of undefined
chrome上报错如下: 原因:安装React Developer Tools导致的,关闭这个插件就行 ......
Vue中的$refs 用法
Vue中的$refs 用法 Vue中的$refs原理涉及到Vue实例的生命周期、虚拟DOM以及一些底层的JavaScript原理。 Vue实例的生命周期: 当Vue实例被创建时,它会经历一系列的生命周期钩子,包括beforeCreate、created、beforeMount、mounted等。在m ......
经纬恒润参建龙拱港项目荣获5G“绽放杯”全国赛一等奖
济宁港航龙拱港联合经纬恒润、济宁移动、中兴通讯共同打造的“5G专网赋能江北内河最大的集装箱示范港建设”项目,荣获5G“绽放杯”全国赛一等奖! ......
[VUE] WebPack 打包后自动修改 dist 中 package.json 版本号
我们在开发 npm 包时,开发期的 package.json 通常并不一定是发布到 npm 仓库的 package.json。这种情况下每次改版本号需要改两个地方,比较麻烦。 我一般使用 webpack 进行打包,所以有了下面这个小插件。 插件源码 modify.version.plugin.js ......
巧妙使用Vue.extend继承组件实现el-table双击可编辑(不使用v-if和v-else)
问题描述 有一个简单的表格,产品要求实现双击可编辑 看了一下网上的帖子,大多数都是搞两部分dom,一块是输入框,用于编辑状态填写;另一块是普通标签,用于在不编辑显示状态下呈现单元格文字内容。再加上一个flag标识搭配v-if和v-else去控制编辑状态、还是显示状态。大致代码如下: <el-tabl ......
rebar3 erlang 项目管理工具
rebar3 是erlang 提供的构建,测试以及发布工具 安装 下载 wget https://s3.amazonaws.com/rebar3/rebar3 && chmod +x rebar3 安装 ./rebar3 local install 之后配置环境变量 使用 提供的命令 as High ......
vue3 + java 查询数据前后端时间不一致如何解决?
环境:vue3 + springboot + mybatis + mysql 场景:后端返回的时间与前端接收到的时间,小时不一致, 时间格式是古巴标准时间:"CST" 解决:在 Entity 中时间字段上增加注解: @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss ......
vue实现大文件分片上传与断点续传到七牛云
问题: 前段时间做视频上传业务,通过网页上传视频到服务器。 视频大小 小则几十M,大则 1G+,以一般的HTTP请求发送数据的方式的话,会遇到的问题: 1、文件过大,超出服务端的请求大小限制; 2、请求时间过长,请求超时; 3、传输中断,必须重新上传导致前功尽弃; 探索过程: 1、原先咨询过组里的大 ......
前端 vue项目启动报错 spawn cmd ENOENT 的原因以及解决方案
前端项目启动到一半的时候卡在跳转浏览器出现了 这个问题 那么问题大概率就是你环境刚配置或者配置错了的问题,这个时候只需要 找到 我的电脑 => 属性 => 高级系统设置 => 环境变量 => 系统变量 => PATH 环境 => 双击进去 => 添加环境变量 => 添加这俩个 C:\Windows\ ......
vue3调用高德地图,实现地址,经纬度填写
父组件引用高德地图: 1 <template> 2 <div class="wrapper"> 3 <div class="box"> 4 <div class="form-box"> 5 <el-form 6 label-position="top" 7 :inline="true" 8 :mod ......
一些关于Python的简单项目1
随机投掷骰子 #掷骰子游戏 # import random # # print("欢迎来到掷骰子游戏") # a = 1 # b = 2 # f = False # ans1 = 0 # ans2 = 0 # while ans1<=20 and ans2<=20: # if f==False: # ......
vue-slot 插槽使用 遍历插槽
<!-- 内部直接使用的插槽 --> <template #chart> <KeepAlive> <component v-bind="$attrs" :exName="exName" :tableData="tableData" :analysisDetail="analysisDetail?.[ ......
Vue + Django 使用wangeditor 上传图片 显示跨域报错
报错: newsDetailed:1 Access to XMLHttpRequest at 'http://www.py32api.com:8000/users/uploadFile/' from origin 'http://localhost:8080' has been blocked by ......
Uniapp开发:HBuilder开发工具从Git引入的项目文件修改后不区分显示标识的问题
一、问题如下 使用的HBuilder X版本:3.98 Git插件已安装: 项目结构如下: 右击项目目录,在git命令中-》检查已修改,可以发现还是能检索到修改过的文件: 文件是有修改过的,但是在上图中没有任何的修改标识,这些文件也没有添加到.gitignore配置中。 二、问题解决 配置git环境 ......
VUE 图片识别
1、安装依赖 // 安装Element-UI npm install element-ui --save // 安装 ocr 和 ocrdet npm i @paddlejs-models/ocrdet@0.0.3 --save npm i @paddlejs-models/ocr@1.1.2 -- ......