three vue js
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配置属性 ......
js 截取文件后缀名的3种方式
1.情景展示 当我们使用文件上传插件,将文件上传到后台,有时候需要上传的不止一种文件类型,即:图片或着PDF; 我们可能需要根据不同文件类型,提供不同的预览地址。 如何根据文件类型加以区分呢? 2.具体分析 获取文件后缀名,就能进行区分了。 3.解决方案 let filepath = "张三.pDF ......
vue中设置input输入框的值为正整数,不能为负数和小数
import Vue from 'vue' Vue.directive('Int', { bind: function (el) { const input = el.getElementsByTagName('input')[0] input.onkeyup = function (e) { if ......
[深入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 ......
JS 绘制 Cardinal 样条曲线
Cardinal 曲线 根据定义,给定点集 ${ \mathbf {P}{k-1}, \mathbf {P}k, \mathbf {P}{k+1}, \mathbf {P}{k+2} }$ , 则 $\mathbf {P}k$ 到 $\mathbf {P}{k+1}$ 之间的 Cardinal 曲线 ......
在Vue中发起axios请求成功,却被catch捕捉返回Network Error
前端发起请求成功,后台接收处理返回,却被axios的catch捕获,没有走then函数。 最后添加了headers配置成功解决,如上,附上axios接口配置中文文档:axios中文文档|axios中文网 | axios (axios-js.com) 网上给出的答案:(虽然CSDN饱受诟病,对于初入行 ......
js按位取反~应用
##js中在变量名前加"~" 是位运算NOT,按位取反. var iNum1 = 25; //25 二进制原码等于 00000000000000000000000000011001 var iNum2 = ~iNum1; //转换为 11111111111111111111111111100110 ......
VUE 使用iconfont 动态加载不转义的问题
手牵手教学 我们正常使用图片是这种class的形式 <i class="iconfont icon-xxx"></i> 但是万一我们的图标是后台返回的,而不是写死的,那么这种class写法不行了,得使用unicode 那么正常我们使用是这样 <i class="iconfont">3</i ......
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 ......
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 ......
JS 超大文件上传解决方案:分片断点上传(一)
以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
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 ......
RSA 简介及 C# 和 js 实现【加密知多少系列】
RSA 简介及 C# 和 js 实现【加密知多少系列】 阅读目录 〇、简介 一、C# 语言实现 二、js 语言实现 回到顶部 〇、简介 谈及 RSA 加密算法,我们就需要先了解下这两个专业名词,对称加密和非对称加密。 对称加密:在同一密钥的加持下,发送方将未加密的原文,通过算法加密成密文;相对的接收 ......
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": "#" ......
JS图片(文件)格式转换
url >base64 将图片转换为base64位编码后,图片会跟随代码(html、css、js)一起请求加载,不会再单独进行请求加载,可以防止由于图片路径错误导致图片加载失败的问题; 转换思路: url -->img -->canvas -->base64 // url: 图片链接; functi ......
Vue插件router
路由 概念: 一组key-value对应关系 key1 + value1 => 路由route key2 + value2 => 路由route ...... - 上述路由的集合,就是'路由器'(router) - key为路径,value对应 组件或者 回调func 插件: vue-router, ......
全网最详细中英文ChatGPT-GPT-4示例文档-官网推荐的48种最佳应用场景——从0到1快速入门AI智能问答应用场景(附python/node.js/curl命令源代码,小白也能学)
通过阅读这篇文章,你将能够从0到1快速入门ChatGPT AI智能问答应用场景,并掌握如何与这个先进的语言模型进行交互。不管你是开发者、学者还是普通用户,你都可以在这里找到适合你的ChatGPT使用方法。 ......
vue打包后前端修改ip地址
1、在static文件夹下新建config.js文件 (function () { window.SITE_CONFIG = {} // 多个地址 window.SITE_CONFIG['baseUrl'] = '请求地址' window.SITE_CONFIG['baseUrl_1'] = '请求 ......
Modern.js v2 正式发布
好消息,2023年3月16号字节跳动 Web Infra 团队宣布 Modern.js v2 正式发布。字节跳动Web Infra 团队从2021年10月27号发起 Modern.js 正式开源起,距离现在开发维护迭代已经505天时间。Web Infra 团队 神一般的存在,非常了不起,也是咱们国人 ......
客户端保存文件组件FileSaver.js的简单使用
FileSaver.js 是在客户端保存文件的解决方案,非常适合需要生成文件 语法: FileSaver saveAs(Blob/File data, optional DOMString filename, optional Boolean disableAutoBOM) 示例: <canvas ......
vue2 - axios 的使用
Axios 官网:http://axios-js.com/zh-cn/docs/ Axios的模块化: 二次封装Axios import Vue from "vue" import VueAxios from "vue-axios"; Vue.use(VueAxios) const response ......
js- xlsx使用过程中遇到的问题
导入--EXCEL 1. 引入js <script src="https://github.com/SheetJS/sheetjs/blob/github/dist/xlsx.full.min.js"></script> 2 定义上传 input <input class="position-abs ......
JS获取cookie及获取不到的问题
1.下载依赖 npm i js-cookie -S 2.引入使用 import Cookies from 'js-cookie' // 创建一个在整个网站上有效的Cookie Cookies.set('name', 'value'); // 创建一个从现在起7天后过期的cookie,在整个站点上有效 ......