效果echarts项目vue
Vue3学习笔记 —— 状态管理、Vuex、Pinia (未完结)
优秀文章分享:vue中使用vuex(超详细) - 掘金 (juejin.cn) 一、状态管理 1.1、什么是状态管理? 理论上来说,每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例: <!-- 视图 --> <template>{{ count }}</t ......
【云原生实战】DevOps基础与实战项目
【云原生实战】DevOps基础与实战项目 DevOps简介 DevOps 是一系列做法和工具,可以使 IT 和软件开发团队之间的流程实现自动化。其中,随着敏 捷软件开发日趋流行,持续集成 (CI) 和持续交付 (CD) 已经成为该领域一个理想的解决方案。在 CI/CD 工作流中,每次集成都通过自动化 ......
如何快速上手一个项目
转载:https://www.cnblogs.com/imyalost/p/16953565.html 前几天在技术交流群,有同学问了我一个问题: 刚入职一家新公司,做的项目是之前很少接触的行业,该怎么快速的熟悉并上手自己的工作? 这个问题其实很多同学都遇到过,无论是跳槽去新公司还是公司内部新项目, ......
echarts中clear和dispose的区别和使用场景
clear和dispose是echarts提供的用于解决内存溢出的方法。 echarts.clear()是清空当前实例,会移除实例中所有的组件和图表。 echarts.dispose()是销毁实例,销毁后实例无法再被使用。 我觉得clear和dispose就类似于v-show和v-if clear类 ......
echarts图表随着视图窗口的大小resize改变图表大小的实现
最近使用echarts比较多,之前用的比较少,这次使用时发现视图窗口变小以后在恢复原来的大小,图表不会自己恢复。 通过监听视图变化调用图表的resize()方法解决了问题 window.onresize = () => { console.log("窗口大小改变了"); if (this.weekC ......
Vue中div和template的区别
template是作为占位符模板,用于包裹元素,自身并没有被渲染出来。 相较于使用div 会节省一个没必要的div标签的空间。 我们都知道 v-show隐藏元素的原理是 控制其元素的display:none; template并没有被作为 dom元素被渲染出来, 所有无法控制其 display:no ......
vue中van-picker的选项插槽使用方法
van-picker的内部选项怎么来自定义 首先要确保 Vant UI 的版本在2.10.0以上 然后利用插槽slot来实现,在Vant 里插槽有一个进阶用法 # <van-picker :show-toolbar="false" :default-index="2" // 默认选中第三行,选中第一 ......
记录VUE开发遇到异常el-select绑定值为对象的时候报key重复的异常问题
最近在用el-select时发现渲染出来的选项全部被激活了,一开始以为时v-for的key重复了,后来发现不是。 又以为时v-model绑定的数据不是响应式的,发现也不是。 查询Element UI 官方文档得到解决方案 <el-form :model="form2" ref="form2" siz ......
使用axios+vue在离开页面时中断网络请求
最近做到一个需求需要在离开页面时中断未完成的网络请求 第一步: 引入axios和CancelToken实例子 import axios from 'axios' const CancelToken = axios.CancelToken 第二步:在封装好的接口方法中加入cancelToken配置属性 ......
加解密开源项目
摘自:推荐10个加解密开源项目 - 知乎 (zhihu.com) 1.JavaScript加密库 Crypto-JS CryptoJS (crypto.js) 为 JavaScript 提供了各种各样的加密算法。目前已支持的算法包括:MD5、SHA-1、SHA-256、AES、Rabbit、MARC ......
vue中设置input输入框的值为正整数,不能为负数和小数
import Vue from 'vue' Vue.directive('Int', { bind: function (el) { const input = el.getElementsByTagName('input')[0] input.onkeyup = function (e) { if ......
台计算机上缺少此项目引用的 NuGet 程序包。使用“NuGet 程序包还原”解决办法
http://www.manongjc.com/detail/29-uoxxikhdulflomd.html 将项目复制到其地方的时候编译会报错,按照官网方法也不行,从网上查了一个有用的方法如下 打开CSPROJ文件。删除如下代码 <Import Project="..\packages\Syste ......
[深入vue3之refs] ref、unref、toRef、toRefs、isRef、customRef、shallowRef、triggerRef等使用与讲解
ref 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有一个 .value property,指向该内部值。 如果将对象分配为 ref 值,则它将被 reactive 函数处理为深层的响应式对象。 template 内使用 ref 对象,会自动解包。 <template> <d ......
vue+element-ui+springboot实现修改当前登录用户的信息
正文:话不多说,直接上代码 springboot代码 /** * 根据id修改当前登录用户的信息 * * @param username * @return */ @GetMapping("/username/{username}") public Result findOne(@PathVaria ......
在Vue中发起axios请求成功,却被catch捕捉返回Network Error
前端发起请求成功,后台接收处理返回,却被axios的catch捕获,没有走then函数。 最后添加了headers配置成功解决,如上,附上axios接口配置中文文档:axios中文文档|axios中文网 | axios (axios-js.com) 网上给出的答案:(虽然CSDN饱受诟病,对于初入行 ......
VUE 使用iconfont 动态加载不转义的问题
手牵手教学 我们正常使用图片是这种class的形式 <i class="iconfont icon-xxx"></i> 但是万一我们的图标是后台返回的,而不是写死的,那么这种class写法不行了,得使用unicode 那么正常我们使用是这样 <i class="iconfont">3</i ......
双人合作项目未展示原因
由于课程较紧张,晚上和搭档有各种开会排练及课程,导致学习时间过少,只完成了最基本的查询界面(没有美化)且只实现了站点名和线路号查询,第三个有思路不会敲代码(知识储备不足,正在恶补) 所以没有展示,贴出展示图。。 ......
用Gradle构建spring源码项目
版本: JDK 1.8 Gradle :gradle-5.6.3-all.zip Spring 5.2.1 1.配置JDK环境和配置Gradle环境,这个就不说了网上一大片都是。 2.下载源码:git clone -b 5.2.1 https://github.com/spring-projects ......
vue+element 下拉框选择加搜索并且列表选项带图片
子组件代码: <template> <!-- 单选下拉框 --> <el-select v-model.trim="selectValue" filterable clearable :placeholder="placeText" :filter-method="filterMethod" :lo ......
限制左键拖拽图片阴影vue
<template> <div> <img ref="image" :src="imageUrl" :style="imageStyle" /> </div> </template> <script> export default { data() { return { imageUrl: "you ......
一统天下 flutter - widget 容器类(只能有一个子): DecoratedBox - 装饰(用于绘制背景,边框,渐变,阴影,矩形或圆形等效果)
一统天下 flutter - widget 容器类(只能有一个子): DecoratedBox - 装饰(用于绘制背景,边框,渐变,阴影,矩形或圆形等效果) ......
基于webpack与TypeScript的SolidJS项目搭建
本文将讲述如何基于webpack与TypeScript搭建一个基础的支持less模块的solidjs项目。方便后续涉及到solidjs相关分析与讨论都可以基于本文的成果之上进行。 前置 nodejs v14+ 全局yarn(npm亦可) 稳定的网络环境 创建根目录solidjs-webpack-ts ......
vue3 + el-date-picker(element-plus) 两种方式限制只能选一个月区间
1. <div style="float: right"> <el-date-picker v-model="state.rangeData[0]" type="date" value-format="YYYY-MM-DD" placeholder="开始" :disabled-date="pick ......
vue3
一、简介 2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王) github.com/vuejs/vue-n… 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% 2.源码的升级 使用Proxy代替defineProperty实 ......
vue核心原理(Diff算法、虚拟dom)
核心原理&源码 Diff 算法 这里参考大佬文章:https://mp.weixin.qq.com/s/oAlVmZ4Hbt2VhOwFEkNEhw diff 算法的进化 关于 diff 算法的最经典的就是 Matt Esch 的 virtual-dom,以及 snabbdom(被整合进 vue 2 ......
vue-element-template去除登录
一、修改src目录下的permission.js文件 1、注释 //if (hasToken) { // if (to.path '/login') { // // if is logged in, redirect to the home page // next({ path: '/' }) / ......
vue-element-template改为从后台获取菜单
一、后端接口获取菜单信息 1、返回数据样式 { "code": 20000, "data": [{ "menuId": "2000000000000001", "parentMenuId": "0", "name": "Json工具", "menuType": 2, "component": "#" ......
Vue插件router
路由 概念: 一组key-value对应关系 key1 + value1 => 路由route key2 + value2 => 路由route ...... - 上述路由的集合,就是'路由器'(router) - key为路径,value对应 组件或者 回调func 插件: vue-router, ......