![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端札记
lanjg521224
进无止境
展开
-
Ecahrts在低版本安卓中折线图不显示
在项目中遇到一个问题,就是echarts在ios和高版本安卓中折线图显示正常,但是在低版本安卓机中,无法显示折线图内容。原图表代码实现的主要是折线图,并且渐变填充,代码如下:但是在低版本安卓中,却出现了图表不显示,只显示横纵坐标轴。经分析,坐标轴可以显示,说明echatrs是支持低版本安卓的,既然图表不显示,很有可能就是渲染问题,确认不是数据的原因后,依次测试了只有折线图的情况,结果发现折线图可以正常显示。这里截图是浏览器的图,没有截真机的图。折线图可以显示,那很有可能就是填充颜色的部分有问题原创 2020-12-15 16:50:46 · 1087 阅读 · 1 评论 -
框架学习总结(一):初识框架
一直想要学习框架,总是有事情在忙,今天开始就认真的学习框架,每天积累和进步一点点。【Hibernate】框架Hibernate是一个开放源代码的对象关系映射框架,它对JDBC进行了非常轻量级的对象封装,使得Java程序员可以随心所欲的使用对象编程思维来操纵数据库。 Hibernate可以应用在任何使用JDBC的场合,既可以在Java的客户端程序使用,也可以在Servlet/JSP的Web应原创 2015-11-15 23:44:50 · 573 阅读 · 0 评论 -
html 中input添加边框
有边框,一定要有solid属性。原创 2015-08-18 18:51:22 · 8364 阅读 · 0 评论 -
调用文档在线编辑插件(ckeditor)
ckeditor是一款由javascript编写的富文本网页编辑器,它可以填写文字、插入图片、视频、Excel等富媒体信息,也可以在源码方式下填写内容,在各个网站中应用非常广泛。1.登陆ckeditor官网,下载ckeditor插件有三款可以选择,根据不同的需求,选择不同的版本;2.解压缩,下载之后解压3.在程序中进行配置【1】将ckeditor拷贝到程原创 2015-08-18 11:18:06 · 983 阅读 · 0 评论 -
学习笔记之js中导出表格到excel详解+源码
在系统开发中,经常会遇到要将一个表格数据导出到excel中,刚刚做完,把示例代码共享一下,话不多说直接上代码。 html 表格导出道 html 表格导出道Excel 列标题1 列标题2原创 2017-02-20 11:50:57 · 5530 阅读 · 3 评论 -
学习笔记之HTML中<ul>与<ol>的区别
ul是无序列表,所谓的无序列表只要举个例子,大家就会明白了。 ●这是第一个列表 ●这是第二个列表 ●这是第三个列表 ●这是第四个列表 ol是有序列表,同样举个例子。 1、这是第一个列表 2、这是第二个列表 3、这是第三个列表 4、这是第四个列表这就是ul与ol的区别。ul与ol前的符号是可以修改的。只需原创 2017-07-26 08:23:49 · 581 阅读 · 0 评论 -
学习笔记之js实现图片轮播效果
具体思路:一、页面加载、获取整个容器、所有放数字索引的li及放图片列表的ul、定义放定时器的变量、存放当前索引的变量index二、添加定时器,每隔2秒钟index递增一次、调用一次切换图片函数提示:1、 index不能一直无限制的递增下去,需做判断2、调用切换图片函数时需将递增之后的index作为参数传过去三、定义图片切换函数提示: 1.遍历所有放数字索引的l原创 2017-07-26 08:25:41 · 498 阅读 · 0 评论 -
学习笔记之js数组去重的方法三种
第一种是比较常规的方法思路:1.构建一个新的数组存放结果2.for循环中每次从原数组中取出一个元素,用这个元素循环与结果数组对比3.若结果数组中没有该元素,则存到结果数组中Array.prototype.unique1 = function(){ var res = [this[0]]; for(var i = 1; i < this.length; i转载 2017-07-26 08:29:54 · 290 阅读 · 0 评论 -
CSS实现单行、多行文本溢出显示省略号
单行文本省略如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。代码如下overflow: hidden;text-overflow:ellipsis;white-space: nowrap; 多行文本省略但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文原创 2018-01-12 10:42:56 · 213 阅读 · 0 评论 -
HTML 检测元素能显示出来的比例
// 检测元素能显示出来的比例 const visibleProportion = (element: HTMLElement) => { //获取获取某个元素相对于视窗的位置集合 const rect = element.getBoundingClientRect(); //获取要素高度 const clientHeight = document.doc原创 2018-01-08 11:01:16 · 598 阅读 · 0 评论 -
HTML 重新编写video控制条
针对vue编写视频组件记录隐藏控制条重新编写控制条样式给控制条添加视频操作事件 隐藏控制条首先需要将原有控制条隐藏掉,在mounted中,隐藏video的原生控制条。 mounted(){ this.$refs.video.controls=false; } 重新编写控制条样式在这里设置控制条的position:absolute,然后在其中添加原创 2018-01-08 14:21:43 · 5537 阅读 · 1 评论 -
学习笔记之利用ajax请求xml文件,解析其中内容
之前一直困扰在如何用js解析xml文件,从网上也找了好多方法,代码很多,自己也理不清楚,终于有大神帮助,教我用ajax来读取和解析xml,感觉收获颇多,直接上代码function ajaxRequest() { $.ajax({ type : 'GET', // 访问WebService使用Post方式请求 url : "static/download/data/data.xml",原创 2015-12-03 09:48:40 · 443 阅读 · 0 评论 -
学习笔记之Arcgis server开发中identify查询结果显示问题
在网上找了很多例子,在Arcgis server的开发中,关于identify查询绑定字段,都写的比较模糊,虽然查出了结果,但是显示的字段却仅限那几个layerid、layername和value,很难满足需要,显示效果也不好,后来通过自己亲测,发现是数据源绑定的问题。之前的案例绑定的数据源都是:“datalist.dataProvider=identifyTask.executeLastRe原创 2016-05-15 13:43:26 · 3855 阅读 · 0 评论 -
学习笔记之JS 对象数组Array根据对象object key的值排序sort
有个js对象数组 var ary=[{id:1,name:"b"},{id:2,name:"b"}] 需求是根据name 或者 id的值来排序,函数定义:function keysrt(key,desc) { return function(a,b){ return desc ? ~~(a[key] b[key]); } }原创 2016-02-29 20:23:30 · 10166 阅读 · 0 评论 -
学习笔记之Intro.js轻松搞定页面引导流程
Intro.js介绍:Intro.js是一个用于用户引导的js框架,只要你在项目中引入intro.js和introjs.css文件,相应的元素上添加属性data-step步骤 data-intro引导说明文字 data-position相对位置,然后通过出发introJs().start();就可以实现复杂的引导流程。Intro.js演示:http://usablica.github.io原创 2015-09-15 11:43:27 · 4359 阅读 · 0 评论 -
学习笔记之MyEclipse里各个文件名前的小标记都代表的意思
*号代表对这个文件做了修改,没有提交到SVN问号代表新加的文件,还没有提交到SVN服务器上去圆柱体代表的是SVN上同步的文件感叹号代表这个类里面有一些没有用规范代码写的,比如该用泛型的没用,但这不影响代码的运行红色的叉号代表代码没编译通过原创 2015-09-16 09:33:13 · 803 阅读 · 0 评论 -
学习笔记之SQl语句-插入对象的值
在SQL插入语句中,插入一个对象的值:// 得到表单中的数据String Title = request.getParameter("title");String Content = request.getParameter("content");String publishTime = request.getParameter("publishTime");String pu原创 2015-08-21 11:57:20 · 1410 阅读 · 0 评论 -
学习笔记之Myeclipse中 报错 Syntax error on token "Invalid Regular Expression Options", no accurate correc
1、选中报错的jquery文件“jquery-1.2.6.min.js”。2、右键选择 MyEclipse-->Exclude From Validation 。3、再右键选择 MyEclipse-->Run Validation 即可。原创 2015-08-05 16:44:08 · 7860 阅读 · 1 评论 -
学习笔记之Myeclipse学习笔记(二)_MyEclipse跟踪调试
在MyEclipse 下跟踪调试,步骤如下: 1. 调试模式设置 1) 在建立好的工程下面:要先debug as -> java application; 2) 然后再设置断点。 3) 最后在启动,并在浏览器上运行即可,当程序走到断点处就会转到debug 视图下。 2. 功能说明 1) F5 键与F6 键均为单步调试; 2) F5 是step into,也就原创 2015-07-16 10:28:01 · 384 阅读 · 0 评论 -
学习笔记之Myeclipse学习笔记(一)_“invalid Regular Expression Options”问题解决
js本身并没有错误,当移入到MyEclipse中出现错误,并且调节编码也无法解决时,可以通过按照以下步骤解决1、选中报错的jquery文件“jquery-1.2.7.min.js”。2、右键选择 MyEclipse-->Exclude From Validation 。3、再右键选择 MyEclipse-->Run Validation 即可。原创 2015-07-16 09:38:11 · 971 阅读 · 0 评论 -
学习笔记之eclipse中处理js文件报错
在用eclipse打开程序之处,总会出现一些问题,接下来解决的就是其中的一种,忽略js文件报错。闲话不多说,直接上图:js文件报错,在Myeclipse中可以通过:1、选中报错的文件2、右键选择 MyEclipse-->Exclude From Validation 3、再右键选择 MyEclipse-->Run Validation 来解决,但是eclipse中没原创 2015-11-09 09:58:14 · 510 阅读 · 0 评论 -
学习笔记之JQuery 的$("#nav > li")中>的意思
#nav > li 指的是#nav 下的直接li子元素. #nav li 指的是#nav下的所有li元素.#nav > li.first指的是#nav下直接li子元素的第一个li元素.原创 2015-10-29 09:24:22 · 1681 阅读 · 0 评论 -
学习笔记之图片轮换效果
这是一个简单图片轮播效果的jquery代码 var da=[]; da.push({src:"/images/txcp/a5.png",name:"第一张",link:"javascript:void(0);"}); da.push({src:"/images/txcp/a1原创 2015-10-30 15:33:02 · 371 阅读 · 0 评论 -
学习笔记之pdf在线预览插件的使用(可以适应浏览器)
首先需要准备两个js文件,下载地址如下: jquery-1.4.2.min.js : http://www.veryhuo.com/down/html/25973.html 点击打开链接 pdfobject.js : http://download.csdn.net/detail/macon_2014/7331743 点击打开链接原创 2015-11-30 11:33:36 · 5187 阅读 · 0 评论 -
学习笔记之js 字符串截取与数组截取
1.substring处理字符串函数:split() 功能:把一个字符串分割存储到数组函数:join() 功能:将一个数组合并为一个字符串函数:substring() 功能:字符串截取,比如想从"MinidxSearchEngine"中得到"Minidx"就要用到substring(0,6)函数:indexOf()原创 2016-02-29 20:17:25 · 551 阅读 · 0 评论