asteriaV
码龄3年
  • 218,843
    被访问
  • 122
    原创
  • 193,813
    排名
  • 34
    粉丝
关注
提问 私信
  • 加入CSDN时间： 2019-07-25
博客简介：

asteriaV的博客

博客描述：
前端学习笔记
查看详细资料
  • 4
    领奖
    总分 689 当月 59
个人成就
  • 获得80次点赞
  • 内容获得48次评论
  • 获得391次收藏
创作历程
  • 18篇
    2021年
  • 79篇
    2020年
  • 47篇
    2019年
成就勋章
TA的专栏
  • javascript
    14篇
  • echarts
    1篇
  • html/css
    13篇
  • element-ui
    9篇
  • https
    3篇
  • ant design vue
    2篇
  • 微信小程序
    34篇
  • v-viewer
    2篇
  • colorui
    1篇
  • weui
    1篇
  • vuex
    2篇
  • 移动端
    8篇
  • 前端面试题
    3篇
  • uni-app
    3篇
  • vant
    2篇
  • svg
    1篇
  • npm
    1篇
  • Sass
    4篇
  • vscode
    2篇
  • Git
    1篇
  • moment
    1篇
  • vue
    57篇
  • cookie
    2篇
  • axios
    3篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jses6webpackxhtml前端框架
  • 微软技术
    typescript
  • 小程序
    小程序
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

vue+elementui封装上传文件组件

<template> <div class="set-upload"> <el-row v-if="fileList.length > 0"> <div class="file-upload"> <ul class="file-upload-list"> <li v-for="(item, index) in fileList" .
原创
发布博客 2021.09.22 ·
1 阅读 ·
0 点赞 ·
0 评论

常用日期时间处理方法总结

1.filter.js/** * @description 任意格式日期处理，过滤 * @param * @returns string *///任意格式日期处理//使用格式：// {{ '2018-09-14 01:05' | formaDate(yyyy-MM-dd hh:mm:ss) }}// {{ '2018-09-14 01:05' | formaDate('yyyy-MM-dd') }}// {{ '2018-09-14 01:05' | formaDate(MM/dd)
原创
发布博客 2021.09.18 ·
110 阅读 ·
0 点赞 ·
0 评论

vue全局自定义指令

一、用一个页面放自定义方法clickStateForm.js/** * @description 自定义指令v-preventClick 防止重复点击 */export default { install(Vue) { Vue.directive('preventClick', { inserted(el, binding) { el.addEventListener('click', () => { .
原创
发布博客 2021.08.25 ·
110 阅读 ·
0 点赞 ·
0 评论

js按钮点击事件，调用方法

<html> <head> <title>usually function</title> </head> <script>function load(){ //下面两种方法效果是一样的 document.getElementById("target").onclick(); document.getElementById("target").click();}function test(){ .
转载
发布博客 2021.08.10 ·
3102 阅读 ·
0 点赞 ·
0 评论

vue返回上一页并刷新上一页数据

在上一页加上： activated: function () { this.fetchData()//数据加载的方法 },
原创
发布博客 2021.06.25 ·
1803 阅读 ·
0 点赞 ·
0 评论

js获取当前系统时间

写法一：/** * @description 获取当前日期 * @param * @returns String */export function getNowTime() { let dateTime let yy = new Date().getFullYear() let MM = new Date().getMonth() + 1 let dd = new Date().getDate() let hour = new Date().get
原创
发布博客 2021.06.19 ·
178 阅读 ·
0 点赞 ·
0 评论

vue用echarts写环形统计

1.代码<template> <div> <el-card class="Ratio-card" shadow="hover"> <div id="myChart" :style="{width: '100%', height: '400px'}"></div> <div class="total">总计：{{total}}</div> </el-ca
原创
发布博客 2021.06.10 ·
206 阅读 ·
0 点赞 ·
1 评论

div旋转45度，背景图却要正着显示

例如这种怎么显示，如果这样的div里面没有跟鼠标相关的事件，那么直接切图定位即可一旦涉及到鼠标事件，那么就要考虑div的重叠了css3可以帮助你实现div的旋转！-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);filter:progid:DXImageTransform.Microsoft.Basic...
转载
发布博客 2021.06.07 ·
110 阅读 ·
0 点赞 ·
0 评论

怎么旋转DIV 45度 要以中心旋转

css3可以帮助你实现div的旋转！-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
转载
发布博客 2021.06.07 ·
714 阅读 ·
0 点赞 ·
0 评论

修改elementui tree中label的值

1.defaultProps中label: 'label',则显示数据中label的值<el-tree :data="data" default-expand-all> <span class="custom-tree-node" slot-scope="{data }"> <span> {{data.code}}{{ data.label}} </span> .
原创
发布博客 2021.05.07 ·
2175 阅读 ·
3 点赞 ·
2 评论

elementUi里面的el-input框有时候无法输入的问题

最近发现项目中需要输入内容的时候，input框有时候会无法输入进去发现elementUI中@input事件可以拿到当前输入的值，问题找到了，视图没有更新的问题解决方法 this.$forceUpdate()原文：https://www.jianshu.com/p/5f3506a75fa2...
转载
发布博客 2021.04.30 ·
172 阅读 ·
0 点赞 ·
0 评论

Vue el-autocomplete远程搜索下拉框并实现自动填充功能(推荐)

官网的demo献上在elementui Input输入框中可以找到远程搜索组件，获取服务端的数据官网中的数据list都是写在loadAll()中的，而如果我们此时要用到mock的数据就要在此基础上对代码进行修改。-mock数据的获取-我们要获取远程mock中所有学生的学号信息，根据输入的数据来远程查找目标，并且在选中该目标后能够自动填充对应的姓名、生日、手机等信息，实现快速获取信息的功能，再也不用手动一个个去输入所有的数据啦～在template中添加el-autocomplete
转载
发布博客 2021.04.29 ·
471 阅读 ·
0 点赞 ·
0 评论

el-tree点击时改变字体颜色+根据返回数据改变字体颜色

1.点击时字体为蓝色，state=1过滤返回数据：state=0为灰色，state=1颜色正常2.html <el-tree ref="tree" class="filter-tree check" :class="isCheck=='1'?'start':''" :data="data" default-expand-all node-key="id" :filter-node-method="filterNode" :props="default.
原创
发布博客 2021.04.29 ·
657 阅读 ·
1 点赞 ·
0 评论

常见的HTTP状态码

2开头 （请求成功）表示成功处理了请求的状态代码。200 （成功） 服务器已成功处理了请求。 通常，这表示服务器提供了请求的网页。201 （已创建） 请求成功并且服务器创建了新的资源。202 （已接受） 服务器已接受请求，但尚未处理。203 （非授权信息） 服务器已成功处理了请求，但返回的信息可能来自另一来源。204 （无内容） 服务器成功处理了请求，但没有返回任何内容。205 （重置内容） 服务器成功处理了请求，但没有返回任何内容。206 （部分内容）.
转载
发布博客 2021.04.12 ·
26 阅读 ·
0 点赞 ·
0 评论

url链接后面拼接对象参数

1,现在需要把一个对象拼接到url链接后面2,方法html <a-button type="primary" icon="upload" @click="uploadExcel()">导出</a-button>js uploadExcel() { let path = process.env.VUE_APP_API_BASE_URL +'/admin/xxxxxxxxxx/export' let obj = JSO..
原创
发布博客 2021.04.02 ·
944 阅读 ·
1 点赞 ·
0 评论

ES6中Map与Set的区别

Map在JS中的默认对象的表示方式为{}，即一组键值对，但是键必须是字符串。为了使用Number或者其他数据类型作为键，ES6规范引入了新的数据类型Map。Map是一组键值对的结构，具有极快的查找速度。初始化Map需要一个二维数组，或者直接初始化一个空Map。使用Map来实现一组成绩单：var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]);m.get('Michael'); // 95Map具有以下方法：.
转载
发布博客 2021.03.30 ·
531 阅读 ·
1 点赞 ·
0 评论

彻底弄懂ES6中的Map和Set

MapMap对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。构造函数Map可以接受一个数组作为参数。Map和Object的区别一个Object 的键只能是字符串或者 Symbols，但一个Map 的键可以是任意值。 Map中的键值是有序的（FIFO 原则），而添加到对象中的键则不是。 Map的键值对个数可以从 size 属性获取，而 Object 的键值对个数只能手动计算。 Object 都有自己的原型，原型链上的键名有可能和你自己在对象上的设置的键名产生冲突。Map
转载
发布博客 2021.03.30 ·
26 阅读 ·
0 点赞 ·
0 评论

ant design vue 上传文件后不显示删除按钮，只能查看不能删除

1，看文档（upload上传）2，代码 <a-descriptions-item label="文件" :span="3"> <a-upload action="http://xxxxx/File"//上传文件接口 :multiple="true" :showUploadList="{showRemoveIcon:false}" //不显示删除按钮.
原创
发布博客 2021.03.05 ·
1326 阅读 ·
0 点赞 ·
0 评论

微信小程序-自定义复选框

1，效果2，wxml<checkbox-group bindchange="checkboxChange" class="checkbox-group"> <view wx:for="{{checkboxArr}}" wx:key="index" class="padding-xs"> <label class="{{item.checked?'checkbox checked':'checkbox'}}" bindtap='checkbo..
转载
发布博客 2021.01.22 ·
542 阅读 ·
1 点赞 ·
0 评论

微信小程序订单列表加一个“更多”来显示/隐藏按钮

1.效果图，点击订单列表的"更多"，会显示出隐藏的按钮，再次点击"更多"就隐藏2.wxml这里是用订单id来判断的 <view class='order-list' wx:for="{{userOrderList}}" wx:key="index"> <view class='item' wx:for="{{item.list}}" wx:for-item="vo" wx:key="index" data-item="{{vo}}">
原创
发布博客 2020.12.31 ·
938 阅读 ·
0 点赞 ·
0 评论
加载更多