- 博客(35)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 echarts的graph里的links的起点和终点设置无效
数据设置：效果：问题：所有的点都没有links连接根源：links的target和source只允许接受字符串类型，如果接受int数字类型的，就是默认links数组中的先后序号，即从0开始自动分配index改变：（将原本id数据加上""，使其变为字符串类型）效果：关系线生效啦...
2019-11-14 16:40:59
4791
3
原创 echarts Demo汇总
我碰到过的echarts需求都会做一份demo出来~我不定期会把代码集中起来！以供大家学习分享哟，嘻嘻 ????希望大家可以一起学习的同时，也珍惜我的劳动成果~demo是对现有的echarts官网的补充~入口是index.html文件总效果图：github地址暂未上传服务器~分效果图（gif）：会持续更新~...
2019-11-12 13:52:21
1353
2
原创 echarts+bmap（百度地图）的Demo
好开心！自己的小demo照亮了别人！所以我又来记录一下最近的一个需求！捣鼓了一天，终于搞定了echarts结合百度地图，鉴于项目需求是基于html，非任何框架。所以要下载资源js文件，用script标签引入。所需支撑1、echarts.js；2、bmap.js；3、jquery；4、百度地图adk（百度地图adk就是获取使用地图权限的编码，自行上百度地图SDK中注册申请一下即可~）资源地...
2019-11-07 13:45:28
26936
17
原创 echarts的graph种两点之间如何设置多线条且不重叠？
问：echarts的graph种两点之间如何设置多线条？效果图：答：找到echarts源码中的graph的addEdge方法，注释掉判断重复边的代码。如图：问：两点之间关系设置多个会重叠，怎么实现根据数据自动弧度？效果图：答：我在每次push新关系的时候都去判断是否存在两个点的关系，若有则根据次数，依次叠加curveness部分代码：暂未上传github，如有需要可联系我拿de...
2019-11-01 10:49:06
7697
11
原创 echarts杂记
echarts杂记地图类修复echarts地图的地名重叠、偏移等问题地图类修复echarts地图的地名重叠、偏移等问题修复echarts地图的地名重叠、偏移等问题参考链接...
2019-07-16 09:03:15
225
原创 vue配置ts
vue配置ts从0开始写ts的vue从js迁移到ts从0开始写ts的vue下载vue-cli 3.0+npm install -g @vue/cli通过脚手架vue-cli创建vue项目vue create tsvue2安装过程中选择Manually select features（自定义配置）按照提示按空格键选中项目所需配置即可（选中typescript）全部选择后，示例如图：...
2019-07-02 09:45:01
1184
原创 左右两栏布局方法之一——计算属性
左右两栏布局方法之一——计算属性思路：代码：效果：思路：右侧固定宽度左侧使用width：clac（）计算属性动态计算视图宽度，如100%-300（百分百视图宽度下-右侧固定宽度）设置左浮动清除浮动带来的布局影响代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF...
2019-06-26 09:31:37
224
原创 入门webpack-Demo1
入门webpack-Demo11、安装node环境2、准备一个项目文件夹，进入其根目录3、进入文件夹，安装webpack和webpack-cli4、webpack必须的文件（入口文件，所处理后导出的文件，配置文件）①entry部分（作为入口文件）②output（作为导出文件）③webpack.config.js5、进入webpack.config.js，指定最基本的配置（入口、出口、编译模式）6、...
2019-06-17 10:31:31
196
原创 echarts3中china.json注册不到海南诸岛
echarts3中china.json注册不到海南诸岛，无法显示（注册地图时必须得要英文）如图：但用同样的json文件，在一份别人的Demo里可以实现，如图：别人家的代码：$.getJSON('../mapdemo/china.json', function(data){ d = []; for( var i=0;i<data.features.length;i++ ){...
2019-06-12 13:50:41
2087
11
原创 实现带Icon的Input登录框布局
带Icon的Input登录框布局效果思路细节问题如何将icon放入input？如何在input聚焦前后，精准完成嵌套如何制作圆角如果遇到了对齐的问题input聚焦后，修改div-icon样式实现效果思路基本思路细节问题如何将icon放入input？——position:relative\absolute注意position:relative脱离文档流，但是其本身的位置是在文档中占...
2019-04-02 14:17:25
3261
原创 table布局的对齐问题
table布局的对齐问题理想基本布局实际效果找问题总结理想基本布局实际效果找问题放大n倍观察然后天真的开始找padding的问题…可是我的代码里没有设置padding粗暴!important去掉padding试试…只是试验一下是不是padding引起的OK，不是看着这么错落有序的…排列（隐隐的是另一种有序…）有没有可能是table布局的隐形设置呢？我拿出了…ve...
2019-04-01 09:52:26
3288
原创 剑指offer-第三题
剑指offer-第三题问题思路代码问题输入一个链表(给出Node节点结构)，按链表值从尾到头的顺序返回一个ArrayList。/*function ListNode(x){ this.val = x; this.next = null;}*/思路注意题目要求倒序排放故不能用从末尾加入元素的函数arr.push()得用从头部加入元素的函数arr.unshift()...
2019-03-27 16:40:59
174
原创 剑指offer-第二题
剑指offer-第二题题目思路代码题目请实现一个函数，将一个字符串中的每个空格替换成“%20”。例如，当字符串为We Are Happy.则经过替换之后的字符串为We%20Are%20Happy。思路查找空格（用正则）\s为匹配任何空白字符，包括空格、制表符、换页符等等。等价于 [ \f\n\r\t\v]。注意 Unicode 正则表达式会匹配全角空格符。替换内容（str.repla...
2019-03-27 15:37:33
156
原创 剑指offer
剑指offer第一题第二题第一题在一个二维数组中（每个一维数组的长度相同），每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数第一题详解第二题请实现一个函数，将一个字符串中的每个空格替换成“%20”。例如，当字符串为We Are Happy.则经过替换之后的字符串为We%20Are%20Hap...
2019-03-27 15:33:54
150
原创 剑指offer练习-第一题
剑指offer-第一题第一题题目思路代码实现第一题题目在一个二维数组中（每个一维数组的长度相同），每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数思路思路一： 粗暴查找（两层循环，遍历所有array）——可用二分法提高查找效率思路二：假定target=9，由二维数组的左下角（右上角亦可...
2019-03-27 15:29:41
269
原创 Mongoose默认建立collection为复数...
起因：因未做信息录入功能，故想先调试简单的查看信息功能，所以先建立活动信息表（activity）插入数据。结果：第一次：通过compass可视化界面插入，插入信息成功，并且可以显示。但是koa2的get请求中用Schema.find({})查找为空。百思不得其解…ok…换一种第二次：命令行运行mongo.exe，进入我的项目db，后插入“activity”的collectio...
2019-03-26 21:26:47
882
原创 flex在IE 10-11的内容溢出表现
今天在调页面的自适应，将页面的骨架用flex布局了，然后在IE中出现了溢出的现象。布局如下:结果在main主题中，left\center\right，怎么拉伸IE11浏览器都不换行，而且出现内容溢出的效果。经搜查…发现…IE11对flex子元素的flex属性不像其他浏览器（chrome、Firefox等）一样。flex:1在chrome、Firefox等浏览器下，会默认成flex...
2019-03-26 09:32:41
1982
原创 使用Echarts中的问题
使用Echarts中的问题问题一：IE 9-11中使用Echarts，同时却无法正常显示图表问题二：echatrts兼容IE8问题一：IE 9-11中使用Echarts，同时却无法正常显示图表问题一：IE 9-11中使用Echarts，同时却无法正常显示图表确定已经引入echarts.js确定元素具有宽高该元素也被echarts初始化那么这是为什么呢？是数据没给进去吗？我采用$....
2019-03-25 14:44:16
332
原创 CSS背景颜色透明度兼容
chrome（ 73.0.3683.86）和Firefox(66.0.1 )中调试 rgb(255,255,255,0.1) 可以只使背景色透明360浏览器，IE11，IE6、7、8 均不行360浏览器获取与当前IE同版本的内核，所以调好IE即可。IE11中设置rgba(255,255,255,0.8)即可IE6、7、8 中用IE专属滤镜 filter:Alpha(opacity=x)，...
2019-03-25 10:21:00
1364
原创 都在同一行为啥对不齐？（vertial-align）
今天遇到一个问题，模拟list-type的div实心方块和标题对不齐…（放大n倍看效果！！哈哈）我朋友教我，在“需要”前面加个x试试然后…我发现了，x和div能对齐，但中文却不行。是因为对准基线的问题，vertial-align的默认值，是底部基线对齐，但中文的基线不在底部，所以出现误差。设置vertical-align: middle;统一基线后，再来看效果okkkk！完工！...
2019-03-20 13:51:21
565
原创 整个页面使用背景图
整个页面使用背景图 <style> body{ background-image:url("../BTU.png"); background-repeat:no-repeat ; background-size:100% 100%; background-attachme...
2019-03-20 10:17:02
824
原创 jq在checkbox中.attr()和.props()的区别
jq的checkbox区别 function checkAll(name){ console.log($('input[name='+name+'All]')) $('input[name='+name+'All]').click(function(){ var bool=$('input[name='+name+'All]').prop('checked') ...
2019-03-19 17:05:24
456
原创 CSS选择器比较
CSS选择器比较[attribute^=value]和[attribute*=value]和[attribute$=value][attribute^=value]a[class^="a-icon"] (demo)a[class^="a-icon"] (效果)a[class^="a-icon"] (小结)[attribute*=value]a[class*="a-icon&q
2019-03-11 14:35:19
253
原创 Jq Grid学习笔记
Jq Grid学习笔记文档如何使用GridGrid 参数初探jqGrid|初始化|参数：[a1] -object-对ajax参数进行全局设置，可以覆盖ajax事件altRows\altclass文档文档地址如何使用Grid根据官方文档显示1、插件的基础css、js，依赖的jq必须引入2、可选文件（css表格主题包、js语言包）3、若要直接上手学习、使用grid，建议都引用（不引用cs...
2019-03-08 15:20:09
305
原创 关于页面上传文件预览图片的两种Demo
目的在选择文件后，出现图片预览效果初始界面：效果如下：思路监听获取文件信息FileReader（）对象初始化文件添加dom，显示图片代码实现demo监听文件上传框(onchange)，发生改变时，获取上传文件的信息(dom.files)&amp;amp;amp;lt;body&amp;amp;amp;gt; &amp;amp;amp;lt;div id=&amp;amp;quot;a1&am
2019-03-07 15:52:18
857
转载 HTML5 data-* 数据处理
HTML5中的设置，如：<body> <div data-num="1" onclick="es(this)">1</div> <div data-num="2" onclick="es(this)">2</div> <div data-num=&qu
2019-03-07 13:54:46
606
原创 使用antd按需配置的错误
根据antd官网推荐的两种方式：dist手动引入找到项目中node_modules文件夹-&gt;antd文件-&gt;dist-&gt;antd.css我们手动在需要引入antd的页面，加入下面这行代码，实现简易的css引入：import "../../../node_modules/antd/dist/antd.css"配置babel安装babel-plugin-import...
2019-03-05 19:05:48
621
原创 跑动nodemon的错误
‘react-scripts’ 不是内部或外部命令，也不是可运行的程序或批处理文件。[nodemon] app crashed - waiting for file changes before starting…未进入server文件的父目录下运行…应为:H:\publicwelfare\public\src>nodemon server/server.jsError: Can...
2019-03-01 15:48:33
915
1
原创 TypeError: Cannot call a class as a function
在使用react搭建项目的时候，遇到这个报错这个报错根本原因，是包引用或者React的语法错误比如非component、conponent等是Component（需大写）import thunk from ‘react-thunk’应该为import thunk from ‘redux-thunk’情况因人而异…无非就是低级错误…自查找起来很浪费时间！！！我从他人的博客发现了与自...
2019-02-24 23:33:44
19850
2
原创 单页面应用与多页面应用
在了解React、Vue、Angluar区别的过程中接触到了SPA与MPA的概念，所以先整理了解一下！毕竟自己写出来知识输出，有助于更好地了解记忆~嘻嘻!单页面应用（SPA）与多页面应用（MPA）单页面应用（SinglePage Web Application，SPA）介绍缺点多页面应用（MultiPage Application，MPA）介绍区别单页面应用（SinglePage Web Ap...
2019-02-18 13:29:09
340
原创 __proto__与__prototype__
__proto__与__prototype__实例结构图实例代码实例结果实例总结实例结构图实例代码function Parent(){ this.neme = 'scl';}function Child(){ Parent.call(this); this.age = '18';}Parent.prototype.getname = 'zld'Child....
2019-02-17 22:02:45
1625
原创 三栏布局的五种实现方式及衍生实现类似的“圣杯布局”
圣杯布局的四种实现方式实现的效果图Float布局实现Position：absolute实现Flex实现Grid实现实现的效果图Float布局实现 &amp;lt;style&amp;gt; html *{ padding: 0px; margin: 0px; } .la...
2019-02-17 21:59:29
272
原创 问题杂记
问题杂记汇总实用杂记chrome跨域，在chrome属性中加上：方法① --enable-webgl --ignore-gpu-blacklist --allow-file-access-from-files --args --disable-web-security --user-data-dir –allow-file-access-from-files方法②–disable-web-...
2019-02-15 10:52:30
278
原创 关于本地调试Ajax产生的问题及引发的思考
关于本地调试Ajax产生的问题及引发的思考AjaxAjax是什么Ajax干什么Ajax流程Ajax代码实现Ajax问题之一——打开chrome浏览器访问页面，报错：Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.（大致意思是：Cros...
2019-01-23 21:45:22
404
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人