2 莉莎的脑瓜疼呀脑瓜疼~

尚未进行身份认证

我要认证

我是一颗前端的小学生

等级
TA的排名 7w+

搭建前端UI组件库(一)—— 构思

本文主要讲述了搭建组件库前期的准备工作。这是自己边看边想边构思写的文档(俗话说知己知彼才能百战百胜嘛)所以先了解一下组件库的相关知识。开发的干货在第二章(还没放上来,写好了会第一时间放上来哒嘻嘻)里噢!先讲讲自己的心路历程吧(其实就是找个地方诉说一下,啊哈哈哈~),有点儿啰嗦。大家可以直接忽略进入正题。从大四一直开始工作的公司是做教育的(下文中用B代替),和我以前实习的公司(下文...

2020-02-14 13:05:30

VUE 识别生产环境 开发环境

恩~~~跨域一直都是前端开发比较关键的点。VUE的跨域分开发环境+生产环境,开发环境就是在 /config/index.js下配置proxyTable跨域。这里简单贴一下代码,不多讲。 proxyTable: { '/api': { //将www.exaple.com印射为/apis target: 'https://xxx', // 接口域...

2019-03-12 11:54:40

Iview-Table 下拉详情展示手风琴模式

万万没有想到,自从开始实习后养成了做笔记的习惯,把自己平时的学习都记录成了一个文档。感觉还不错呢。于是很久没有更新了,想着还是把笔记里有用的东西慢慢整理放上来,学习共享。今天先写一个Iview—table里,当表格内容较多不能一次性完全展示时一般我们会涉及使用下拉展示的方式:目的是想实现:每次只能展示一个下拉的手风琴模式。代码先放上来:(1)首先定义Iview-tabl...

2018-12-20 10:40:28

Vue 中 Echarts绘图 在一个圆环图或多个圆环图中间插入图片 插入文字(考虑到浏览器大小兼容问题)

之前一直掉进这个坑,没有跳出来,导致自己在这个问题上搞了很久,今天把这个坑写出来,避免大家都去踩这个坑啊~ 在Vue项目结构中,如果引入图片的url不成功,记住,请一定要试一试在路径外加上 require() !!!  也就是: require(../../images/test.png)恩~~~现在开始讲一下具体的实现:(1)首先看一下我们要实现第一种只有一个圆环图中间插入图片,...

2018-10-25 14:46:53

Echarts 修改坐标轴 坐标轴字体 坐标轴刻度的颜色 去除网格线和网格区域 坐标指示器颜色

一般Echarts的样式都可以参考这个文档,个人觉得很好用啦~https://www.w3cschool.cn/echarts_tutorial/echarts_tutorial-qmns2d0g.html以下为样式实现的具体方法:// 坐标指示器颜色tooltip : { trigger: 'axis', axisPointer: { ...

2018-10-25 11:19:19

Echarts icon图标 默认样式 样式总结

最近使用到的echarts icon图标的样式,以后遇到了新的也会不断更新。 Echarts icon 默认样式为:Echarts icon 实心圆加横线的样式: 写法:series: { symbolSize: 0, //这个参数表示在图像上显示的原点大小,为0则不显示 symbol: 'circle', ...

2018-10-25 11:02:24

React 多页面应用(新手)

https://www.jianshu.com/p/7ffdf1925d12

2018-09-29 17:07:05

JavaScript获取当前月份的前12个月,获取最近的12个月

var dataArr = []; var data = new Date(); var year = data.getFullYear(); data.setMonth(data.getMonth()+1, 1)//获取到当前月份,设置月份 for (var i = 0; i < 12; i++) { data.setMonth(dat...

2018-08-29 15:31:00

JavaScript-井字棋 根据棋盘和玩家,得出下一步获胜的走法

假设我们现在有一个 3 x 3 的井字棋游戏,我们用一个二维数组代表棋盘,’x’ 代表玩家 X 下的棋子,’o’ 代表玩家 O 下的棋子,’e’ 代表该格没有棋子。例如:一个空白的棋盘以下面的二维数组表示[ [‘e’, ‘e’, ‘e’],  [‘e’, ‘e’, ‘e’],  [‘e’, ‘e’, ‘e’] ]如果玩家 X 在第一行第一列下了一步棋,玩家 O 在第二行第二列下...

2018-08-28 15:36:55

CSS实现鼠标不可点击,样式设置以及不可点击事件的行为

鼠标不可点击主要是两种表现:1.鼠标不可点击时的显示状态cursor:not-allowed2.鼠标原有的事件不能实现pointer-events:none

2018-08-22 11:46:59

VUE中非父子组件之间如何传递参数?

今天工作遇到了一个问题困扰了我半天,非父子组件之间传递参数解决办法主要是建立了一个中转站js文件,让两个VUE组件之间产生关联,这篇文章解决了我的问题,分享给大家!https://www.cnblogs.com/place-J-P/p/7586819.html...

2018-08-09 11:34:06

在ECharts中,使用tooltip下的formatter动态处理数据,单位换算,添加不同的单位(单位为['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB)

在tooltip下的formatter中可以调用我们自己封装的函数,我们打印出来发现,value其实是所有的信息集合,而我们可以选择自己所需要的数据进行处理。根据后台返回的数据,我们直接在echarts显示层处理数据。先上代码:tooltip: { trigger: 'axis', formatter: function(value){ //这里的valu...

2018-08-06 15:27:54

JavaScript把时间格式为YYYY-MM-dd h:m:s转换为时间戳,方便比较时间大小的问题

在JavaScript中如果遇到需要比较时间大小的问题,我一般采取的方法都是先转换为时间戳。这个是网上的demo,当时记下来了但是忘了原链接,先记录下来。这是自定义的一个函数<script> function datetime_to_unix(datetime){ var tmp_datetime = datetime.replace(/:/g,'...

2018-08-06 15:06:52

ECharts——学习笔记,常用基本功能

此为学习ECharts整理的笔记,不断学习不断更新1.基本知识lenged-data:解释横坐标series-data:解释图形XAxis: 横坐标的文字YAxis: 纵坐标的文字2.特别注意(1)legend的data数组里面的内容必须与series配置里面对象的name完全一样,否则会不显示3.基本功能(1)调整图形的左的留空的距离,方便y轴显示的数据更多一些(y轴显示...

2018-08-06 10:10:45

VUE中父子组件间参数,方法的调用;以及非父子组件之间参数的调用。

今天趁完成任务的缝隙时间,总结了一下这几天用到的在VUE组件之间的参数调用,以及调用另外一个页面的函数的方法,有任何的问题也会不断的更新修改。(1)父级调用子级的函数场景:两个vue页面:one.vue和two.vue实现:在one.vue中调用two.vue中的getDetail()方法代码:我们在one.vue中这样写:<template> <t...

2018-08-01 16:32:01

ECharts图——addData属性实现动态实时更新数据

此为网上的demo做了修改,记录以便日后学习。注:addData是在ECharts2中提出的,在ECharts3移除了addData方法,可以考虑用push的方法把数据从尾部添加放进去,然后用shift移除首部第一个数据,任然可以达到更新的效果。在ECharts3中也参考appendData方法。(1)一般写法(可以直接运行看效果):<div id="main" style="...

2018-07-27 15:52:46

JavaScript基础入门学习————对象

此为阅读《JavaScript语言精粹》整理的笔记,方便日后学习。JavaScript——对象1.1 对象字面量 一个对象字面量就是包围在一对花括号中的0或多个“名/值“对 eg: var message = { "first-name" : "lisa", "lsat-name": "Chan", t...

2018-07-11 14:24:27

JavaScript基础入门学习————语法

此为阅读《JavaScript语言精粹》整理的笔记,方便日后学习。JavaScript——语法1.1 空白 通常没有意义,偶尔用来分隔序列符 注: 块注释符:/**/ 不是特别安全(正则表达式中) 行注释符: //1.2 标识符 由一个字母开头,后面可以是一个或多个字母,数字或下划线。 不能使用一下保留字: abstract boolean bre...

2018-07-11 11:03:34

JavaScript时间戳:以YYYY-MM-DD形式显示时间

学习笔记。(1)代码<script> //JavaScript显示时间为YYYY-MM-DD的方式 var date = new Date(); var year = date.getFullYear(); //获取当前年份,显示为4位数 var month = date.getMonth()+1; //获取当前月份,因为0表示1月,所以要+1 ...

2018-06-21 17:39:21

JavaScript常用的获取时间戳的方法

学习笔记。JavaScript获取时间戳<script> /* 生成时间戳的几种常用方法 */ //显示当前毫秒的时间戳,13位。例:1529549899973 var timestamp = new Date().getTime(); var timestamp = (new Date()).valueOf(); //毫秒为000显示,...

2018-06-21 11:03:01

查看更多

勋章 我的勋章
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。