前端 终端 实战vue
vue 表单校验el-form-item加上v-if不触发校验
1 问题：在使用element是使用自定义表单校验，当表单校验el-form-item加上v-if不触发校验的问题 下图是自定义的表单校验 当切换为v-if为true的条件时，表单校验无法触发 解决方法：在el-form-item的v-if上加一个key值，令key=prop的值就解决了 自定义校验 ......
Django4全栈进阶之路20 项目实战（三种方式开发部门管理）：方式一：FBV
1、模型 from django.db import models from django.contrib.auth.models import User # Create your models here. class Department(models.Model): name = models ......
6.Vue中的路由
6.路由 6.1.介绍 6.1.1.vue-router vue中的一个==插件==库，专门用来实现==SPA应用==。 6.1.2.SPA应用 单页Web应用（single page web application，SPA）。 整个应用==只有==一个完整的页面。 点击页面中的导航链接不会刷新页面 ......
Vue 新建项目+基本语法
新建项目： 导入依赖： <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script> 基本语法 v-bind指令：可以动态绑定变量message <!DOCTYPE html> <html lang=" ......
云原生时代崛起的编程语言Go基础实战
Go语言由于来自全球技术大厂谷歌创造及推动，其生态发展极其迅速，有可能成为未来十年内最有统治力的开发语言。本篇主要介绍Go目前发力的使用场景、开发环境、基础命令、命名规范，进一步了解其原生标准库的强大，最后通过多个Go代码示例演示了基础语法的使用，从而具备初级编程能力。 ......
vue 项目代码明明报错了，但控制台不打印错误的问题
我检查了如下几个内容： 我并没有任何地方做了try/catch 并不处理的情况。 也没有使用 app.config.errorHandler 全局错误拦截。 axios 也没有拦截响应也没有任何处理（哪怕报错的代码和请求无关） 哪怕手动输出 throw new Error(e.message) 也不 ......
vue2源码-十七、Vue组件间传值的方式及之间区别
Vue组件间传值的方式及之间区别 通过props传递：父组件传递数据给子组件 使用 // chilid,vue props:{ // 字符串形式 name:String // 接收的类型参数 // 对象形式 age:{ type:Number, // 接收的类型为数值 defaule:18, // ......
最火前端 Web 组态软件 (可视化)
前言： 随着物联网、大数据等技术高速发展，我们逐步向数字化、可视化的人工智能（AI）时代的方向不断迈进。智能时代是工业 4.0 时代，我国工业领域正努力从“制造”迈向“智造”的新跨越。 正文： 1.mxgraph： 介绍：开源免费，但是需要解决的问题很多，国内学习参考资料少。但是，可视化组态的实 ......
Vue实战案例
Vue项目案例 结合之前学习的 vue.js、脚手架、vuex、vue-router、axios、elementui 等知识点，来开发前端项目案例（仅前端不含后端）。 1.项目搭建 其实就是将我们项目需要用到的组件都安装并配置好，需要做的事有： 创建项目 & 运行项目 vue create 项目名称 ......
在终端（Terminal）执行 gradle build 命令控制台提示 GBK 字符编码错误
1、错误提示： 1.1、使用 EditPlus 和 IntellJ IDEA 都显示文件是 UTF-8，明明都是 UTF-8，却依然不同。 1.2、通过命令行工具查看活动代码页为 936，其对应字符编码 GBK，由此可知是字符编码不一致导致的。 1.3、EditPlus 和 IntellJ IDEA ......
Vue——renderMixin【十八】
前言 经过lifecycleMixin再接下来就到了renderMixin，接下来咱们就看看renderMixin中到底有什么； 内容 renderMixin位于src/core/instance/render.ts下； export function renderMixin(Vue: typeof ......
后端访问前端项目方法
在前后端联调时，后端开发若是想访问前端的网页，在不用拉取前端代码前提下，可以通过地址访问前端启动起来的项目。 需要满足以下两个条件： 前端项目所在的计算机需要与后端计算机处于同一网络环境中。如果两台计算机不在同一网络中，则无法直接访问。 前端项目需要以可以被外部访问的方式启动。通常情况下，前端项目会 ......
web安全基础-前端编码
1、url编码 一般来说，就是先utf-8编码，然后每个字节前加%，但具体哪些字符进行url编码和是否必然是utf-8可能和浏览器相关。 url - 挖洞404 - 博客园 (cnblogs.com) 2、base64编码 3、js转义和编码 4、html实体编码 html实体编码 - 挖洞404 ......
OAuthApp v2.4.28 | 前端发布工具 | Azuer OpenAI、SSL 证书工具
OAuthApp 是一个前端发布工具，用于快速开发前端网页项目，并发布到服务器。具有引入脚本库就能使用服务端 API、自定义域名、在线发布 H5、站点数据独立存储的特性。 更新内容： 1，免费 SSL 证书管理工具，支持在线申请自定义域名 SSL 证书2，站点自定义域名与证书绑定3，用户访问令牌管理 ......
前端接收并下载文件流
可以通过将其转化为blob对象，添加到a标签或iframe标签中来模拟下载;如果是在项目中使用，我们需要对请求返回的数据进行处理，这里我们需要把responseType对象格式设置成blob。这里直接用axios请求 function downloadFile(id){ axios.get(`/ap ......
vue3 ts 网易云信 未读数 手动设置已读已废弃
vue3 ts 网易云信 未读数 //未读数清空 $uikit.resetSessionUnread(store.sessionId.value); 调用接口nim.resetSessionUnread('sessionId')重置会话未读数。将此会话未读数置为0，之后收到消息重新计算未读数。 调用 ......
vue3 + ts + vite 封装 request
npm i axios 目录 request.ts (直接复制可用) import axios from "axios"; import { showMessage } from "./status"; // 引入状态码文件 import { ElMessage } from "element-pl ......
Vue项目如何配置、切换主题颜色（mixin + scss方式，简单高效）
Action一. 首先，引入scss依赖（node-sass, sass-loader)npm install node-sass sass-loader --save-dev1二.项目样式文件目录介绍1.此处我将项目中的公共样式文件放到了 src/style目录下，其中 index.scss是以供 ......
vue3 获取asset文件夹下所有资源文件列表
import path from "path"; const getLayerBgs = function () { const imgs: any = []; // 获取所有背景图层 //读取文件的路径 是否遍历文件的子目录 匹配文件正则表达式 const files = require.cont ......
vue3自定义指令实现el-select下拉加载更多
1. 新建js文件 export default (app) => { app.directive('loadmore', { beforeMount(el, binding) { const element = el.querySelector('.t-select__dropdown'); el ......
Django Rest Framework(DRF) + Vue + ElementPlus搭建Blog例子代码
重新用Django Rest Framework(DRF),Vue3、Pinia、Element-Plus、Axios重新改写了前面的Blog的例子. 代码放在Github上了https://github.com/magicduan/django-drf-vue/releases 这里终结一下这次改 ......
Vue2.0和3.0区别
一、项目初始化 2.0初始化，vue init <模板名称（webpack比较常用）> [项目名称] vue init webpack cli2-test 3.0初始化，vue create [项目名称] vue create cli3-test 二、目录结构对比 2.0目录结构 3.0目录结构 3 ......
Vue2.0版本升级到vue3.0
vue版本的升级主要步骤： 一、首先需要卸载你之前的vue2.0版本 输入cmd–>回车–>进入dos界面输入命令查询vue的版本： vue -V or vue -Version 输入命令卸载目前vue版本： npm uninstall -g vue-cli 再输入vue版本查询命令，提示“不是可执 ......
Vue插件图片预览hevue-img-preview
安装 # 安装 npm install hevue-img-preview --save # main.js 引入 import hevueImgPreview from 'hevue-img-preview' Vue.use(hevueImgPreview) # 使用 #//给任意对象添加任意事件 ......
vue 好用的日期组件
1、官网 https://hxkj.vip/calendar/#/disabled-date 2、记录下自己的使用 （1）效果图 （2）页面部分 点击查看代码 <div class="data_popup"> <nut-popup position="bottom" v-model:visible= ......
vue循环遍历出来的表单输入框 如何做校验？
有多种输入框，下拉框等循环出来，红字部分是关键 <el-form ref="form" :model="submitForm" label-width="120px" @keyup.enter.native="adjust" @submit.native.prevent > <el-card sha ......
在vue中使用websocket
封装 根据项目的目录结构，在相应的文件夹下创建一个js文件，用来封装一个websocket类，假如项目中用到js的地方很多，最好把文件放在全局公共文件夹中； export class WS{ constructor(config) { this.ws = null; this.url = null; ......
vue 使用腾讯云 cos存储 上传
参考文档：https://blog.csdn.net/qq_34170840/article/details/124520388 1、页面部分 点击查看代码 <input ref="fileRef" title="" type='file' name="file" multiple class="f ......
动力节点老杜Vue框架教程【五】Vuex
Vue.js是一个渐进式 MVVM 框架，目前被广泛使用，也成为前端中最火爆的框架 Vue可以按照实际需要逐步进阶使用更多特性，也是前端的必备技能 动力节点老杜的Vue2+3全家桶教程已经上线咯！ 学习地址：https://www.bilibili.com/video/BV17h41137i4/ 视 ......
Vue对象数据收集依赖具体流程
每一个属性都有一个dep对象,然后这个属性是被观察者,在同一个组件里面,每一个属性都对应到一个统一的watcher,这个watcher就是观察者,如果属性发生了改变,那么这个watcher就会调用get方法去重新渲染虚拟dom替换老的dom .这就是观察者模式 详细解释:在渲染的时候,每一个元素 ......