前段
爱写代码的小猴
随缘更新,看心情
展开
-
关于echarts图表显示问题
canvas的宽高如果放开,图表会超出容器框定的范围,加上限制,图表就会出现图一中效果,所以这个时候就需要用到一个属性(autoresize),这个属性可以让你的图表重新自适应你的容器,至此,这个问题就解决了,如果还有其他简单的办法,请不吝赐教,欢迎在评论区留言!最近在绘制页面的过程中,发现饼图呈现为椭圆状,下图为效果图,首先分析了出现这个问题的原因,css样式中是这样写的,原创 2023-10-26 14:47:25 · 216 阅读 · 0 评论 -
vue-ant-design:a-table使用合并单元格以及合并后数据错位
vue-ant-design:a-table使用合并单元格以及合并后数据错位原创 2022-12-08 15:06:35 · 3664 阅读 · 2 评论 -
2021-04-23
highchart图表实现的过程中可能会出现的问题导致图表显示不出来,首先未引入highchart的js文件就不再赘述了,这应该是最基本的,那么接下来要说的就是,使用假数据图表可以正常显示,但是当对接后台数据的时候,图表不能正常显示了,那么有可能会出现下面这种问题,后台接口给前台返回的JSON格式的数据,对于highchart来说,并不能直接使用,即使是使用变量赋值也不能正常显示,对于这个问题的解决办法就是,使用eval()函数,对数据进行处理arr.push(eval(amount));这样处理之后原创 2021-04-23 13:47:39 · 59 阅读 · 0 评论 -
2021-04-22
<div class="middle_item middle_bottom"> <div class="middle_chart bottom_chart" id="middleChartBottom"> <div class="table_header"> <div>表头1</div> <div>表头2</.原创 2021-04-22 09:57:51 · 337 阅读 · 0 评论 -
2021-04-21
随身笔记:对于一些需要从外部引入的js文件,需要考虑的问题就是,使用csdn不靠谱,如果csdn崩了,那么对于项目中所用到的资源文件就会加载失败,导致项目无法正常运行,所以需要把这些文件全部下载到本地,这样可以保证只要项目能够启动,那么资源文件就能够加载成功,做事要充分地考虑会出现的结果!...原创 2021-04-21 17:15:42 · 54 阅读 · 0 评论 -
2021-04-16
今天在实现页面的时候,发现了一个很好用用的例子,分享给大家https://www.jb51.net/article/72582.htm转载 2021-04-16 13:05:30 · 71 阅读 · 0 评论 -
2021-04-13
在前台模仿后台的模糊查询,首先要做的就是梳理清楚思路,其中主要的思路就是把需要查询的数据放到一个集合里面去,然后用关键字去对比,如果这个集合中包含关键字,那么就是符合条件的数据,保存下来,那些不符合条件的就要去掉,重置的时候就是重新调用一遍接口,渲染一遍页面!...原创 2021-04-13 13:23:15 · 46 阅读 · 0 评论 -
2021-03-20
编译过程中一直卡在building的进度中,而且多次启动、清除npm缓存、清除node的依赖都无法启动一般是由于个别页面中template 中未正常包裹一个标签,可能是由于未开发完成或者代码冲突,所以要时刻注意代码的完整性,...原创 2021-03-20 09:16:29 · 51 阅读 · 0 评论 -
随身笔记
1.图表点击某处,对图表进行重绘重新传Data要用的数据,然后调用echarts的setOption刷新图表option.xAxis[0].data = data.date; option.series[0].name = data.name; option.series[0].data ...原创 2019-09-11 15:06:24 · 198 阅读 · 0 评论 -
响应式布局
首先响应式布局是顺应互联网发展的产物,随之现在屏幕的越来越大,屏幕分辨率越来越高,之前的一些固定屏宽的写法,基本已经被淘汰了,也正是在这种情况之下,出现一种自适应的写法(流布局和百分比布局),为了能在不同的终端展示不同的效果,所以我们通常会选择响应式布局,有些人看到这的时候可能会问,分终端做不是也行吗?其实这种想法不是不可以,但他的缺点就是成本要:响应式高!关于响应式布局:1、实现响应式布...原创 2019-08-20 10:33:21 · 355 阅读 · 0 评论 -
盒子模型(标准和非标准)
首先,说一下盒子模型的定义:盒子顾名思义,就像是生活中我们用来盛放东西的盒子,而HTML中的盒子模型是用来放HTML元素的盒子。前端中又把盒子模型分为标准盒子模型和非标准盒子模型(变态盒子模型)首先说一下标准盒子模型给大家看一张图可能会明白一点对于标准的盒子模型来说我们设置的高度宽度是content的宽高,如果增加它的border、padding、margin都会改变这个盒子实际的...原创 2018-08-01 15:13:15 · 2346 阅读 · 0 评论 -
弹性盒子模型
相信在前端开发肯定会用到盒子模型,我认为对盒子模型理解的越深,页面布局会更美观,页面优化就会更深入。下面废话不多说,我直接和大家分析一下弹性盒子模型,弹性盒子模型和盒子模型、非标准盒子模型不同在于:弹性盒子模型能够根据子元素自动调节子元素的缩放比例,其中,弹性盒子的属性有这些:首先是把盒子模型变成弹性盒子模型用到的属性是:display: flex;然后就是弹性盒子中子元素的排列顺序...转载 2018-08-01 15:03:37 · 1400 阅读 · 0 评论 -
HTML5表单
<form action="" style="text-align: center"> <!-- H5提供的表单类型,具备数据验证的功能,但是验证的功能不严谨! 后期会用正则表达式来处理! --> 邮箱: <input type="email"/> <br/> 网址:原创 2018-07-25 16:50:32 · 1906 阅读 · 0 评论 -
智能表单(表单补充)
在h5中,表单元素可以放在form表单之外,通过form属性和表单进行关联通过关联,form表单之外的表单元素也可以把数据提交<form action="" id="lk" method="get"> 姓名: <input type="text" name="name"/> <input type="原创 2018-07-25 16:34:33 · 920 阅读 · 0 评论 -
表单
form是块级输入框是行级action:指定表单数据提交的地址method:表单数据提交的方法为了往服务器提交数据时,提交的数据清晰易懂方便处理;1:普通的输入框,需添加name属性,来保证键值对的完整2:非输入框,需要添加name和value属性,来保证键值对的完整。name还有分组的作用, 单选框,相同name的是一组,单选框中同一组内的选项有互斥的效果。 复选框...原创 2018-07-25 13:59:22 · 124 阅读 · 0 评论