自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 vue给element-ui的样式深度赋值

当我在vue项目中使用element-ui时,想要修改element的组件的默认样式,但是我vue文件内已经写了<style lang="scss" scoped>加了sass预处理和scoped。这样我们就需要想办法摆脱scoped的束缚,穿透它。我记得可以用vue-loader的>>> 和 deep,用了之后发现前者没有效果,后者报错Module build failed (from ./node_modules/sass-loader/dist/cjs.js):

2020-05-29 16:34:55 767 2

原创 写在30岁之前

今天早上看了一篇文章,《23岁怎么去看待30岁的》,30岁!这个字眼一下子就戳中了我的小心肝,哦,好疼!这个文章说了一个23岁的淘宝美工,拿着一万的工资,却在忧虑以后到底该何去何从,因为她30岁的同事和她一样工资。我不禁想起了自己捉襟见肘的工资,嘶~~~~,我原来就是她30岁的同事啊。遥想公瑾当年,我也是从美工开始步入社会,几年过去,一番辗转,做上了前端攻城狮。出身农村的我,想要靠这点工资买得起老家县城的一套房,基本上大半辈子都是 “富二代(负二贷)”了。这点工资娶妻生子,将会一辈子活在劳劳碌碌之中,而

2020-05-21 17:36:23 228

原创 用Promise.race()处理下载需求

今天得到一个需求 让我吧几个视频下载下来,oh my god。这也太简单了吧。 产品忽然又甩了一句:一次最多下载五个,下载完一个之后,等待下载的加入到下载队列。ohhhhhhhhhh, 这个事情忽然有意思了~五个下载同时在执行,谁先下载完,把谁剔除。很自然想到了Promise.race()。把谁剔除,把谁加进来,相当于就是给他们一个状态咯,isUploaded。既然思路已经有了,那我们开始吧~handleCycleUpload = () => { // const { imageList

2020-05-21 14:17:17 188

原创 在vue中将数据导出为excel表格

将一个JSON转换成Excel 酷炫啊,兄嘚~首先我们要先输出一个export.jsimport saveAs from './FileSaver.js'function convertDSTo26BS (num) { let code='' let reg = /^\d+$/g if (!reg.test(num)) { return code } let m while (num > 0) { m = num % 26 if (m ===

2020-05-21 13:40:50 681

原创 VUEnpm run dev 崩溃问题

全局安装increase-memory-limitnpm install -g increase-memory-limit进入工程目录,执行:increase-memory-limit

2020-05-13 13:11:10 1169

原创 js的坑之--indexOf

先来一个小栗子var a = {a: 2}var arr = [a]console.log(arr.indexOf(a)) // 输出 0 这段代码看着没问题下面魔法来了var arr = [{a: 2}]console.log(arr.indexOf({a: 2})) // 输出 -1var arr = [{a: 2}]var a = {a: 2}console.log(arr.indexOf(a)) // 输出 -1黑人问号?????why???一顿百度原来两个引用类型比

2020-05-12 18:30:06 256

原创 VUE中使用防抖与节流,以及this指向问题

最近项目中遇到了防抖与节流问题,搜索了很多文章都有this指向的问题,最后不得不采取一种很low的方法data中定义isFirst为1if (this.isFirst < 2){ this.isFirst = 2 setTimeout(() => { this.isFirst = 1 }, 1000) }这样就形成了假的节流但是我们怎么能屈服于这种写法继续探索vue项目中用闭包的方式防抖节流一顿操作后 const delay = (

2020-05-12 14:00:46 2839

原创 如何写好一个vue前端页面(三)vuex

看了vuex,看到了这样的应用,贴在这里,以后常看import Vue from 'vue'import Vuex from 'vuex'import Axios from 'axios'import api from '../api'Vue.use(Vuex)const store = new Vuex.Store({ state: { audio: { ...

2018-10-12 11:10:43 995

原创 如何写好一个vue前端页面(二) base.scss base.js

 一个好的前端页面当然需要一个好的公共部分,提取了简单的css和js,记录日常 一个小小的base.scss@mixin fz($font-size) { font-size: $font-size; [data-dpr="2"] &amp; { font-size: $font-size * 2; } [data-dpr="3"]...

2018-10-12 10:15:18 937

原创 如何写好一个前端页面

个人前端总结,望君收益,不喜勿喷! 1.审查页面,提取公共部分2.提前引入所需的组件3.定义好所需字段,注意生命周期的前后顺序,不要出现页面还没加载过程中,先出现无数据的界面4.不要遗漏任何地方的事件,并且注意事件的完整性。不要只修当前页面,所牵扯的页面也要完善,不能改了这个,错了那个。5.控制好的用户体验,例如:增加点击范围,加入好的过渡~6.不要遗漏上拉加载,下拉刷...

2018-10-08 10:43:57 4927

原创 页面即使加过了移除监听事件,但是到新页面后事件任然存在 window.removeEventListener('scroll', this.handleScroll);

我给项目加了滚动监听,离开页面后移除监听但是跳转页面后,发现滚动距离仍然存在。解决方法:

2018-09-12 12:06:59 4133

原创 VUE 中提示 Unexpected end of JSON input

在vue 里面 处理数组的时候,不要用单引号~还有就是数组为空的时候,先不要加载

2018-09-04 10:43:25 7026

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除