前端 终端 实战vue

Vue2项目实战尚品汇 项目的路由分析

视频 5)路由的配置 vue-router 路由分为KV node平台(并非语言) 对于后台而言:K即为URL地址 V即为相应的中间件 http://localhost:8080/0607 app.get("/0607",(res,req)=>{ res.send('我是祖国的老花骨朵'); }); ......
项目 路由 实战 Vue2 Vue

Vue2项目实战尚品汇 项目的其他配置

视频 终止cmd的处理,快捷键:ctrl+c 清屏快捷键:cls VSCode添加新建文件夹的快捷键 Shift + A 3)脚手架下载下来的项目稍微配置一下 3.1:浏览器自动打开 在package.json文件中 "scripts": { "serve": "vue-cli-service se ......
项目 实战 Vue2 Vue

vue3-sign 手写签名组件

一个简易签名组件,基于vue3和canvas。 #安装 npm i @sangtian152/vue3-sign -S # or yarn add @sangtian152/vue3-sign 引入 在 main.js 中写入以下内容: import { createApp } from 'vue' ......
组件 vue3-sign sign vue3 vue

vue3+jointjs 使用模板添加元素

关于如何在 Vue3 和 JointJS 中使用拖拽模板来创建节点元素,可以按照以下步骤进行: 1. 安装 JointJS 使用 npm 进行安装: ``` npm install jointjs ``` 2. 在 Vue3 中创建 JointJS 容器 在 Vue3 中创建一个组件,用于创建 Jo ......
元素 模板 jointjs vue3 vue

前端vue使用jsencrypt进行RAS加密/解密

前端 安装: npm install jencrypt --sava 在utils下创建jsencrypt.js文件,内容如下: import JSEncrypt from "jsencrypt/bin/jsencrypt.min"; /** RSA秘钥对生成网站 http://web.chacuo ......
前端 jsencrypt vue RAS

Vue2项目实战尚品汇 vue-cli脚手架初始化项目&项目结构解释

视频 下了vue vscode snippets,然后直接输入vbase就可以生成代码片段 2)脚手架使用 2: vue init webpack 项目的名字 3|4:vue create 项目名称 脚手架目录:public + assets文件夹区别 node_modules:放置项目依赖的地方 ......
项目 脚手架 实战 vue-cli 结构

前端事件循环和nextTick原理

一、事件循环机制 概念原理这东西还是需要理解的,这样才能融通知识点。下面是浏览器进程和线程组成 上图中与前端关系比较大的是渲染线程,它主要负责将HTML、CSS、JS资源解析渲染还负责事件循环、异步请求等多个方面。 1、GUI渲染线程:负责页面的绘制和渲染,HTML、CSS资源解析、渲染树的生成、页 ......
前端 nextTick 原理 事件

还在玩传统终端,不妨来试试全新 AI 终端 Warp

壹 ❀ 引 最近一段时间,AI领域如同雨后春笋般开始猛烈生长,processon,sentry,一些日常使用的工具都在积极接入AI,那么正好借着AI的风头,今天给大家推荐一款非常不错的智能终端 warp(目前仅限macOS,Windows or Linux还需要等等),如果你还在用传统终端,那么你更 ......
终端 传统 全新 Warp AI

4.Vue 中的 ajax

4.Vue 中的 ajax 作用:使用代理服务器,解决开发环境 Ajax 跨域问题 4.1.配置代理 4.1.1.方式1 ​ 在vue.config.js中添加如下配置: devServer:{ proxy:"http://localhost:5000" } 优点:配置简单,请求资源时直接发给起前端 ......
ajax Vue

前端开发规范

什么是规范 规范就是一个大家都认同,都接受的一种模式.为什么要有这个规范呢,一是让自己的代码的可读性更高,别人一看就懂,二是也方便自己去回顾自己的代码. 提高开发的效率,使自己写出的代码不至于成为屎山. 规范的分类 HTML编码规范 变量名命名规范 文件夹命名规范 组件命名规范 编码格式规范 规范的 ......
前端

vue项目中引入echarts中国地图

最近项目中根据项目需求,展示中国地图 一、下载echarts插件(我这里使用的是 4.9.0 版本) npm install echarts@4.9.0 --save 二、在需要使用的页面引入echarts (这里是单独封装了地图组件) components/map.vue <template> < ......
中国地图 echarts 地图 项目 vue

vue2源码-十四、computed和watch的区别

computed和watch的区别 computed 和watch的相同点。底层都会创建一个 watcher(用法的区别:computed 定义的属性可以在模板中使用,watch 不能在视图中使用) computed 默认不会执行 只有取值的时候才会执行 内部会维护一个 dirty 属性,来控制依赖 ......
源码 computed watch vue2 vue

Ubuntu 终端安装anoconda后多了个 base

装完anaconda之后,Ubuntu终端前面会多一个base,这指的是anaconda中env的根目录,可以通过以下命令,将其删除,即将“auto_activate_base”设置成False。 conda config --set auto_activate_base False 反之,如果想使 ......
终端 anoconda Ubuntu base

vue关于请求消息没问题但是还是进入catch块(已解决)

第一次使用vue中的拦截器,一开始是在拦截器的逻辑代码上有问题(也有可能没问题),然后请求和响应都是没问题的,但是请求之后就是不跳转,然后发现是设置了拦截器的问题,折磨了下拦截器保证了代码能够顺利运行到resolve,但是发现即便是resolve后回到原本的代码中,代码还是运行到catch块中去。因 ......
消息 还是 问题 catch vue

Swift Codable协议实战:快速、简单、高效地完成JSON和Model转换!

Codable 是 Swift 4.0 引入的一种协议,它是一个组合协议,由 Decodable 和 Encodable 两个协议组成。它的作用是将模型对象转换为 JSON 或者是其它的数据格式,也可以反过来将 JSON 数据转换为模型对象。 ......
实战 Codable Swift Model JSON

Vue关于beforeRouteEnter以及beforeRouteLeave函数的运用

先上代码 beforeRouteEnter:(to,from,next)=>{ console.log("进入路由之前") next(vm =>{ vm.getData(); }); }, beforeRouteLeave:(to,from,next)=>{ console.log("进入路由之后" ......

请求后端时后端获取不到前端的传参(已解决)

问题描述; 前端使用post请求后端接口,请求时把数据一起传过去的,但是后端获取不到,检查过请求, axios请求后端拿不到数据的解决方案 请求没有问题,数据都在,但是后端还是取不到, 后来借鉴这篇博客解决了,原因在于这样的请求触发了axois中的一段特殊代码而导致不能把数据传输过去 https:/ ......
前端

vue3+jointjs demo

下面是使用Vue3和JointJS添加元素的示例代码: 1. 安装JointJS ```terminal npm install jointjs --save ``` 2. 创建JointJS图形 ```javascript import { ref, onMounted } from 'vue'; ......
jointjs vue3 demo vue

vue全屏

<template> <div> <img src="../assets/fangda.png" @click="toggleFullscreen" /> </div> </template> <script> export default { methods: { toggleFullscreen ......
vue

Vue笔记汇总

Vue3快速上手 1.Vue3简介 2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王) 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址:https://github.com/vuejs/vue-next/re ......
笔记 Vue

Vue.js 目录

##Vue.js 大致介绍Vue官网 ##Vue.js 搭建Vue开发环境(p4~p6) ##Vue.js 模板语法 ##Vue.js 数据绑定 ##Vue.js el与data的两种写法 ##Vue.js 理解MVVM ##Vue.js 数据代理-回顾Object.defineProperty方法 ......
目录 Vue js

Vue3 Vue3中其他的改变

视频 六、其他 1.全局API的转移 Vue 2.x 有许多全局 API 和配置。 例如:注册全局组件、注册全局指令等。 //注册全局组件 Vue.component('MyButton', { data: () => ({ count: 0 }), template: '<button @clic ......
Vue3 Vue

Vue2和ElementUI编写的无限级菜单路由

Vue2和ElementUI编写的无限级菜单路由 文章转载自:www.javaman.cn <template> <div> <el-menu :default-active="$route.path" class="el-menu-vertical-demo" :collapse="isColla ......
路由 ElementUI 菜单 Vue2 Vue

ai问答:使用 Vue3 组合式API 和 TS 配置 axios 拦截器 http错误状态

配置 axios 拦截器和http错误状态,可以避免在每个请求方法中都添加冗余的错误处理逻辑,这是拦截器的优势之一 ......
状态 错误 axios Vue3 http

产品推荐丨智慧水利行业应用终端+云平台

智慧水利是我国智慧城市建设的重要延伸,是新时代水利现代化的战略目标,贯穿于防汛抗旱减灾、水资源合理配置和高效利用、水资源和河湖健康保障等体系。随着水利技术的集成发展与场景的成熟应用,我国水利现已完成从自动化阶段到信息化阶段的过渡,逐渐迈向智慧化阶段。基于水利部提出的以水利信息化带动水利现代化的总体要 ......

前端不跳转替换URL参数

var HtmlPrefix = ""; function ReplaceURLParam(){ var urtTarget = "PageRowID=" + id+ "&page=BasicInfo"; var encryData = window.btoa(window.encodeURICom ......
前端 参数 URL

深度学习--实战 ResNet18

深度学习--实战 ResNet18 ResNet18的基本含义是,网络的基本架构是ResNet,网络的深度是18层。但是这里的网络深度指的是网络的权重层,也就是包括池化,激活,线性层。而不包括批量化归一层,池化层。 模型实现 import torch from torch import nn imp ......
实战 深度 ResNet 18

vue项目适配屏幕分辨率与屏幕的缩放

现在很多14寸的笔记本,出厂默认就是150%的显示。导致很多时候我们的项目,自己开发的时候都是按照100%比例来开发的,上线了就会发现这个问题 vue项目utils下新建devicePixelRatio.js文件 class DevicePixelRatio { constructor() { // ......
屏幕 分辨率 项目 vue

动力节点老杜Vue框架教程【一】Vue程序初体验

Vue.js是一个渐进式 MVVM 框架,目前被广泛使用,也成为前端中最火爆的框架 Vue可以按照实际需要逐步进阶使用更多特性,也是前端的必备技能 动力节点老杜的Vue2+3全家桶教程已经上线咯! 学习地址:https://www.bilibili.com/video/BV17h41137i4/ 视 ......
节点 Vue 框架 动力 程序

vue 项目依赖安装失败解决方案

今天电脑新装了个node.js以及VS Code,找了一个之前的vue项目在上面运行了一下。 使用 npm install 有一部分依赖一直安装不上,输入 npm run server 一直提示 vue-cli 报错,试了下面的方式还是不行。 一、使用淘宝镜像安装依赖:1.安装cnpm npm in ......
解决方案 方案 项目 vue