![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
布袋里长出了橘猫
没有特别幸运,请先特别努力
展开
-
vue element UI el-cascader 级联选择器 获取当前选择值的整个对象
要使用到cascader组件选中的数据的所有部分,并没有类似于select组件中的value可以指定,查看官方文档提供了新的方法,官方地址https://element.eleme.cn/#/zh-CN/component/cascader。原创 2022-09-21 16:29:17 · 9543 阅读 · 1 评论 -
vue3 使用vue cli创建一个vue3项目教程指南
第一步1 、使用vue --version 查看是否安装vue如果没有安装,使用命令:npm install vue-cli -g 安装,安装成功之后会显示版本号2 、创建项目:使用命令 vue create nfinite_rolling创建项目原创 2022-03-16 14:29:29 · 1350 阅读 · 0 评论 -
vue ts上传大图片,转换为base64
// html部分<input type="file" class="shadow-input" multiple="multiple" οndragenter="return false" @change="fileChangeHandler" ref="file" /> //js部分 fileChangeHandler(event: any) { let _files = event原创 2021-11-26 10:29:41 · 810 阅读 · 0 评论 -
js 正则匹配两个字符串中间的字符,一级匹配带有反斜杠的字符串
正则匹配两个字符串中间的字符使用正则表达式去匹配,这里是匹配’allowed=v’与’l’之间的字符串let str = "lorem ballaalal,allowed=valuelalala"str = str.match(/allowed=v(\S*)l/); console.log('====>',str)输出结果为:带有反斜杠的字符带有反斜杠的字符串需要先转义,在字符串中,反斜杠用作转义字符,你如果要输出’’,实际上要输入’’,第一个表示转义,第二个是实际输出。使用正则表原创 2021-11-17 18:35:14 · 6491 阅读 · 0 评论 -
canvas实现前端图片下载
问题描述:前端下载图片可以使用一下两种方式1、通过a标签直接打开,同域名下可以直接下载,不同域名下会打开新的标签页。项目中图片往往都是单独存储,很多不在同一个域名下。就用到下面第二种方式2、通过canvas标签下载,代码如下://data为图片URL downloadClickHandler(data:any){ if (!data) { return; } this.getUrlBase64(data).then((base原创 2021-11-17 14:54:38 · 838 阅读 · 0 评论 -
css3 calc函数不生效问题
cacl不生效有两种可能性使用’+’,’-‘时,’+’,’-‘前后必须要用空格,’*’,’/'不需要加空格//错误用法width: calc(100vh+154px);//正确用法 width: calc(100vh + 154px);在less中使用需要添加’‘~’,例如: width: calc(~'100vh + 154px');...原创 2021-11-10 20:02:56 · 705 阅读 · 0 评论 -
厘米如何转换成像素
厘米是长度单位,1厘米等于10毫米。像素是指由图像的小方格组成的,这些小方块都有一个明确的位置和被分配的色彩数值,小方格颜色和位置就决定该图像所呈现出来的样子。 可以将像素视为整个图像中不可分割的单位或者是元素。不可分割的意思是它不能够再切割成更小单位抑或是元素,它是以一个单一颜色的小格存在 。每一个点阵图像包含了一定量的像素,这些像素决定图像在屏幕上所呈现的大小。所以厘米和像素之间无法直接转换。只有在分辨率(dpi)下才能进行转换计算公式:(厘米*dpi)/25.4...原创 2021-11-09 11:37:21 · 7697 阅读 · 0 评论 -
element-ui中的el-tree组件自定义slot使用
element-ui中的el-tree组件自定义slot使用<el-tree ref="tree" class="tree" v-show="!value" highlight-current :accordion="false" node-key="id" :data="[queryTree]" :props="defaultProps" :expand-on-click-node="false"原创 2021-09-14 16:45:39 · 3178 阅读 · 0 评论 -
elementUI el-time-picker重新赋值之后,再选择日期不更新问题
拿到编辑数据赋值给time-picker的v-modelasync handleEdit(index, row) { this.editType = row.itemType const data = await fetchDomainItemQueryById ({clusterId: this.treeNode.id,itemType: row.itemType,itemId: row.itemId}) this.form = data.data原创 2021-09-14 16:06:17 · 1418 阅读 · 0 评论 -
浏览器输入网址并打开的整个过程
一、 输入导航栏输入网址(jd.com)二、域名解析域名解析就是有域名到ip地址的过程,一般分为以下几步:浏览器缓存,浏览器会缓存DNS(Domain Name System,域名系统)一段时间系统缓存,从本机host中查找是否有对应的域名及ip路由器也会缓存域名信息ISP(baiInternet Service Provider,即因特网服务提供商) DNS缓存,到互联网服务提供商的DNS里查找缓存,ISP的DNS缓存时间一般是1个小时。前后2次间隔1个小时的话,他就去域名的DNS上重新取得原创 2020-11-12 18:20:03 · 4235 阅读 · 2 评论 -
基于react+and Design实现下拉框,支持自由输入,hooks篇
基于基于react+and Design实现自由输入,hooks篇,主要使用到AutoComplete组件import React, { useEffect, useState } from 'react';import styles from './index.less';import 'antd/dist/antd.css';import { AutoComplete } from 'antd';const { Option } = AutoComplete;export default.原创 2020-09-02 17:55:18 · 1193 阅读 · 0 评论 -
教大人写前端第二课之《新手入门了解CSS样式表》
看这篇之前,你应该具备一点点html的知识了。也可移步《html常用标签学习》链接: https://blog.csdn.net/qq_37617413/article/details/106459876.一、什么是css?1. 释义CSS 指层叠样式表 (Cascading Style Sheets),定义如何显示 HTML 元素样式,样式通常存储在样式表中。2. 作用要使用CSS对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。例如,修改字体、大小、颜色、间距原创 2020-06-08 11:28:55 · 190 阅读 · 0 评论 -
React Ant Design Form Cascader 组件回显问题
先看一下Cascader组件但是使用回显时的例子import React from 'react';import ReactDOM from 'react-dom';import 'antd/dist/antd.css';import './index.css';import { Cascader } from 'antd';const options = [ { value: 'zhejiang', label: 'Zhejiang', children: [原创 2020-06-05 16:50:18 · 7423 阅读 · 0 评论 -
教大人写前端第一课之《新手入门html常用标签学习》
新手入门第一课之html常用标签学习一 、 什么是HTML?二、常用标签三、标签的分类**1 块级元素****2 行内元素,又称内联元素****3 行内块元素**一 、 什么是HTML?HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。二、常用标签1 使用频率较高<html><原创 2020-05-31 21:05:23 · 392 阅读 · 1 评论