前端
关注
分享
扫一扫
Fimooo
这个作者很懒，什么都没留下…
展开
-
echarts的graph里的links的起点和终点设置无效
数据设置：效果：问题：所有的点都没有links连接根源：links的target和source只允许接受字符串类型，如果接受int数字类型的，就是默认links数组中的先后序号，即从0开始自动分配index改变：（将原本id数据加上""，使其变为字符串类型）效果：关系线生效啦...原创 2019-11-14 16:40:59 · 5085 阅读 · 3 评论 -
echarts Demo汇总
我碰到过的echarts需求都会做一份demo出来~我不定期会把代码集中起来！以供大家学习分享哟，嘻嘻 ????希望大家可以一起学习的同时，也珍惜我的劳动成果~demo是对现有的echarts官网的补充~入口是index.html文件总效果图：github地址暂未上传服务器~分效果图（gif）：会持续更新~...原创 2019-11-12 13:52:21 · 1406 阅读 · 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 · 27819 阅读 · 17 评论 -
echarts的graph种两点之间如何设置多线条且不重叠？
问：echarts的graph种两点之间如何设置多线条？效果图：答：找到echarts源码中的graph的addEdge方法，注释掉判断重复边的代码。如图：问：两点之间关系设置多个会重叠，怎么实现根据数据自动弧度？效果图：答：我在每次push新关系的时候都去判断是否存在两个点的关系，若有则根据次数，依次叠加curveness部分代码：暂未上传github，如有需要可联系我拿de...原创 2019-11-01 10:49:06 · 8173 阅读 · 11 评论 -
table布局的对齐问题
table布局的对齐问题理想基本布局实际效果找问题总结理想基本布局实际效果找问题放大n倍观察然后天真的开始找padding的问题…可是我的代码里没有设置padding粗暴!important去掉padding试试…只是试验一下是不是padding引起的OK，不是看着这么错落有序的…排列（隐隐的是另一种有序…）有没有可能是table布局的隐形设置呢？我拿出了…ve...原创 2019-04-01 09:52:26 · 3357 阅读 · 0 评论 -
实现带Icon的Input登录框布局
带Icon的Input登录框布局效果思路细节问题如何将icon放入input？如何在input聚焦前后，精准完成嵌套如何制作圆角如果遇到了对齐的问题input聚焦后，修改div-icon样式实现效果思路基本思路细节问题如何将icon放入input？——position:relative\absolute注意position:relative脱离文档流，但是其本身的位置是在文档中占...原创 2019-04-02 14:17:25 · 3392 阅读 · 0 评论 -
入门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 · 225 阅读 · 0 评论 -
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 · 2134 阅读 · 11 评论 -
左右两栏布局方法之一——计算属性
左右两栏布局方法之一——计算属性思路：代码：效果：思路：右侧固定宽度左侧使用width：clac（）计算属性动态计算视图宽度，如100%-300（百分百视图宽度下-右侧固定宽度）设置左浮动清除浮动带来的布局影响代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF...原创 2019-06-26 09:31:37 · 256 阅读 · 0 评论 -
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 · 1233 阅读 · 0 评论 -
echarts杂记
echarts杂记地图类修复echarts地图的地名重叠、偏移等问题地图类修复echarts地图的地名重叠、偏移等问题修复echarts地图的地名重叠、偏移等问题参考链接...原创 2019-07-16 09:03:15 · 306 阅读 · 0 评论 -
剑指offer-第三题
剑指offer-第三题问题思路代码问题输入一个链表(给出Node节点结构)，按链表值从尾到头的顺序返回一个ArrayList。/*function ListNode(x){ this.val = x; this.next = null;}*/思路注意题目要求倒序排放故不能用从末尾加入元素的函数arr.push()得用从头部加入元素的函数arr.unshift()...原创 2019-03-27 16:40:59 · 204 阅读 · 0 评论 -
剑指offer-第二题
剑指offer-第二题题目思路代码题目请实现一个函数，将一个字符串中的每个空格替换成“%20”。例如，当字符串为We Are Happy.则经过替换之后的字符串为We%20Are%20Happy。思路查找空格（用正则）\s为匹配任何空白字符，包括空格、制表符、换页符等等。等价于 [ \f\n\r\t\v]。注意 Unicode 正则表达式会匹配全角空格符。替换内容（str.repla...原创 2019-03-27 15:37:33 · 192 阅读 · 0 评论 -
剑指offer
剑指offer第一题第二题第一题在一个二维数组中（每个一维数组的长度相同），每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数第一题详解第二题请实现一个函数，将一个字符串中的每个空格替换成“%20”。例如，当字符串为We Are Happy.则经过替换之后的字符串为We%20Are%20Hap...原创 2019-03-27 15:33:54 · 187 阅读 · 0 评论 -
使用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 · 676 阅读 · 0 评论 -
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 · 331 阅读 · 0 评论 -
js对手机系统的检测
js对手机系统的检测js对手机系统的检测转载 2019-03-07 10:31:14 · 414 阅读 · 0 评论 -
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 · 638 阅读 · 0 评论 -
关于页面上传文件预览图片的两种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 · 887 阅读 · 0 评论 -
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 · 502 阅读 · 0 评论 -
整个页面使用背景图
整个页面使用背景图 <style> body{ background-image:url("../BTU.png"); background-repeat:no-repeat ; background-size:100% 100%; background-attachme...原创 2019-03-20 10:17:02 · 855 阅读 · 0 评论 -
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 · 1408 阅读 · 0 评论 -
使用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 · 370 阅读 · 0 评论 -
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 · 2055 阅读 · 0 评论 -
Mongoose默认建立collection为复数...
起因：因未做信息录入功能，故想先调试简单的查看信息功能，所以先建立活动信息表（activity）插入数据。结果：第一次：通过compass可视化界面插入，插入信息成功，并且可以显示。但是koa2的get请求中用Schema.find({})查找为空。百思不得其解…ok…换一种第二次：命令行运行mongo.exe，进入我的项目db，后插入“activity”的collectio...原创 2019-03-26 21:26:47 · 926 阅读 · 0 评论 -
剑指offer练习-第一题
剑指offer-第一题第一题题目思路代码实现第一题题目在一个二维数组中（每个一维数组的长度相同），每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数思路思路一： 粗暴查找（两层循环，遍历所有array）——可用二分法提高查找效率思路二：假定target=9，由二维数组的左下角（右上角亦可...原创 2019-03-27 15:29:41 · 310 阅读 · 0 评论 -
单页面应用与多页面应用
在了解React、Vue、Angluar区别的过程中接触到了SPA与MPA的概念，所以先整理了解一下！毕竟自己写出来知识输出，有助于更好地了解记忆~嘻嘻!单页面应用（SPA）与多页面应用（MPA）单页面应用（SinglePage Web Application，SPA）介绍缺点多页面应用（MultiPage Application，MPA）介绍区别单页面应用（SinglePage Web Ap...原创 2019-02-18 13:29:09 · 376 阅读 · 0 评论