![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue日常小知识
文章平均质量分 63
玖逸少女梦
从事前端开发,小学生一名,希望能共同进步
展开
-
原生js下载word/pdf/xlsx/图片/
原生js下载word、pdf、xlsx、图片原创 2023-02-07 09:19:04 · 236 阅读 · 0 评论 -
Hooks 时代,如何写出高质量的 react 和 vue 组件?
Hooks 时代,如何写出高质量的 react 和 vue 组件?原创 2022-10-31 14:02:05 · 263 阅读 · 1 评论 -
微软宣布 TypeScript 4.8 正式发布
typescript最新发布原创 2022-09-21 18:17:18 · 1308 阅读 · 0 评论 -
获取昨日、近7天、近30天、本周、本月日期,回显到element的日期选择
在vue项目中,先在utils工具文件夹,新建date.js文件function timeForMat(count) { // 拼接时间 const time1 = new Date(); const time2 = new Date(); if (count === 1) { time1.setTime(time1.getTime() - 24 * 60 * 60 * 1000); } else { if (count >= 0) { time1.s原创 2021-09-28 13:58:01 · 548 阅读 · 0 评论 -
浅谈前端工程化体系
前端架构:1.前端工程化web应用复杂度的增加,特别是单页面应用的风靡。组件化,工程化,自动化成了前端发展的趋势。或者说一线的互联网公司就是这么做的。每个前端团队都在打造自己的前端开发体系,这通常是一个东拼西凑,逐渐磨合的过程,在技术发展日新月异的今天,这样的过程真的是不可抽象和复制的么?本文希望能够通过系统的拆解前端开发体系为大家提供体系设计思路参考。前端工程的3个阶段第一阶段: 库/框架选型Animate.cssjQueryvue.jsunderscore.jsReact.jsBa原创 2021-07-01 15:58:06 · 487 阅读 · 0 评论 -
element下拉框,滚动加载更多数据
element下拉框没有自带下拉加载更多数据的操作,所以需要自定义一些指令第一步:新建一个JSimport Vue from 'vue'Vue.directive('loadmore', { bind (el, binding) { // 获取element-ui定义好的scroll盒子 const SELECTWRAP_DOM = el.querySelector('.el-select-dropdown .el-select-dropdown__wrap') SE原创 2020-09-27 10:31:15 · 1845 阅读 · 3 评论 -
vue+element实现弹窗拖拽
因为element没有自带弹窗拖拽效果,所以就需要自定义指令去控制可能写的不好,请多指教首先新建一个js,作为指令import Vue from 'vue'; /**** *自定义弹窗拖拽指令 *Autor USER-T * time 2020-05-13 **** */// v-dialogDrag: 弹窗拖拽Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHe原创 2020-05-13 11:01:10 · 971 阅读 · 5 评论 -
vue+element实现表格上移下移
之前为了实现功能,网上找了一大堆各位前辈写的代码,还是整合了一下,适用于自己的代码功能主要实现依赖vue的this.$set(target,obj,resourse) <el-table v-if="testShow" ref="interfaceTable" class="com-table" :height="tableHeight" v-loading="loading"原创 2020-05-12 16:54:06 · 796 阅读 · 2 评论 -
vue+element 获取中文首字母,转换成大写
//前言import Vue from "vue";export class oMultiDiff extends Vue { PinYin = { a: "\u554a\u963f\u9515", ai: "\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u96...原创 2020-04-26 21:44:35 · 31953 阅读 · 0 评论 -
vue+element模板导入excel文件,生成对应的table
//因项目需求,在前端业务组,需要提供公共方法,就花了点时间研究//1.使用直接复制整个文件//需用在父页面引入使用模块//调用方式<ImportExcel @changeExcl="changeExcl" @closeExcl="closeExcl" @uploadExcl="uploadExcl" @downloadExcl="downloadExcl" :upload="u...原创 2020-04-09 21:56:00 · 1278 阅读 · 0 评论 -
vue+element-ui,前端控制显示隐藏列
因为功能需要,element框架目前没有开放此功能,所以对比element发布的最新版本,做了点尝试,结果还不错先看html代码<el-popover placement="bottom" width="200" trigger="click"> <div style="padding:4px;" v-for="item in colSelect" :ke...原创 2020-03-02 17:38:34 · 2204 阅读 · 6 评论 -
2020前端必备的学习知识点
2020年对于程序员行业来说是个机遇之年, 因为疫情原因,好多小型点的公司面临倒闭; 所以这时候又是一波跳槽的高峰期,那对于自己来多必备一些知识和能力让自己比别人有更多的优势,是必不可少的,所以,这两天花了点时间整理了点知识点,希望大家能用到这是资源地址的截图,目前就整理了一部分,后续会陆续更新,欢迎大家留言需要的资料,互相交流资源网站地址,点击可跳转...原创 2020-02-28 13:51:25 · 494 阅读 · 0 评论 -
时间戳转为正常日期格式(vue管道用法)
管道模块 //转换日期格式 timestampToTime(timestamp) { var date = new Date(timestamp);//时间戳为10位需*1000,时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-'; var M = (date.getMonth()+1 <...原创 2019-10-07 10:08:57 · 2552 阅读 · 0 评论 -
15道 Vue 面试题,内含详细讲解(涵盖入门到精通,自测 Vue 掌握程度)
本文以前端面试官的角度出发,对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总,意在帮助作者及读者自测下 Vue 掌握的程度。本文章节结构以从易到难进行组织,建议读者按章节顺序进行阅读,当然大佬级别的请随意。希望读者读完本文,有一定的启发思考,也能对自己的 Vue 掌握程度有一定的认识,对缺漏之处进行弥补,对 Vue 有更好的掌握。文章最后一题,欢迎同学们积极回答,分享各自的...原创 2019-09-19 15:38:06 · 1069 阅读 · 2 评论 -
计算倒计时 xx天-xx时--xx分--xx秒
这是之前做CRM系统的时候,刚好碰到业务需要,便研究了哈这个前提是后台返回的时候 countdown>0 并且是秒数 或者毫秒数如果是时间戳便需要多一步转换的过程var _this = this;// console.log(544,_this.tabledata)setInterval(function(){for(var i=0;i<_this.tabledata.l...原创 2019-09-12 15:31:27 · 1080 阅读 · 0 评论 -
浏览器垃圾回收机制与 Vue 项目内存泄漏场景分析
介绍浏览器的 Javascript 具有自动垃圾回收机制(GC:Garbage Collecation),也就是说,执行环境会负责管理代码执行过程中使用的内存。其原理是:垃圾收集器会定期(周期性)找出那些不在继续使用的变量,然后释放其内存。但是这个过程不是实时的,因为其开销比较大并且 GC 时停止响应其他操作,所以垃圾回收器会按照固定的时间间隔周期性的执行。不再使用的变量也就是生命周期结束...原创 2019-09-12 11:00:29 · 1562 阅读 · 0 评论