随笔分类 -  笔记总结js

videoJS播放rtmp流
摘要：引入相关文件 html代码 同一个页面创建多个video时，id需要不同，否则报错。 js代码 设置自动播放 以上代码不能直接复制运行，只做参考，需要自行修改。 阅读全文
posted @ 2019-05-13 15:18 XG16 阅读(8741) 评论(0) 推荐(0)
echarts常用方法，legend颜色自定义，折线label显示问题（五）
摘要：问题描述1：折线图，柱状图结合的双y轴图表的展示，使用通用属性设置echarts的legend时颜色不对，需要手动修改颜色，让颜色和柱图折线图一致。 问题复现： 通常我们使用是定义颜色会通过如下方式定义：（此方法会出现上图问题） 修改为如下代码可解决： 问题描述2：折线图上方的数据显示问题。如果设置 阅读全文
posted @ 2019-05-13 15:00 XG16 阅读(10370) 评论(0) 推荐(0)
echarts常用方法，legend状态支持两张图片切换（四）
摘要：在UI设计的时候，可能我们在使用echarts时，legend是用图片渲染的，未选中的legend是用置灰的图片展示的。即彩色图片，置灰图片交互切换。 主要代码如下： 有问题的可以直接在评论下问我，欢迎~ 阅读全文
posted @ 2019-04-25 17:23 XG16 阅读(1397) 评论(0) 推荐(0)
echarts常用方法，饼图切换圆环中文字（三）
摘要：在echarts的饼图应用时，遇到过一个需求就是鼠标移到半环上可以切换环中的文字，同时支持legend点击事件。误区是，鼠标移动到环上重新渲染option，以切换内部的文字。重新渲染option的做法，不能保存你原有的legend状态。 找到一个办法就是，只渲染环内部文字的label。 主要代码如下 阅读全文
posted @ 2019-04-25 15:48 XG16 阅读(3485) 评论(0) 推荐(0)
echarts常用方法，item小坑（二）
摘要：在echarts折线图使用过程中，我们会遇到折线拐点symbol的问题。这个问题是在版本3.8.5引用时发现的。折线图在支持legend显示的情况下需要考虑。 问题描述如下：如果采用echarts提供的symbol类型方式做拐点，且拐点为自定义图片。当你支持legend的点击事件时，会发现某个leg 阅读全文
posted @ 2019-04-24 10:58 XG16 阅读(674) 评论(0) 推荐(1)
ajax请求多次刷新
摘要：难道只能设置定时器每隔一秒通过 Ajax 向后台请求数据来实现吗？1、nodejs的 http://socket.io 支持上述 李宏训 所说的三种方式，另外还支持 Flash Socket、隐藏IFrame、JSONP Polling等方式。http://Socket.io提供前端和服务器端的配套 阅读全文
posted @ 2019-04-23 14:41 XG16 阅读(1070) 评论(0) 推荐(0)
echarts常用方法（一）
摘要：目前，项目中涉及到图表的，使用echarts的频率较多，因为UI设计一般不会考虑到是否能实现的问题，他们专注的只是显示的效果。所以作为前端开发，要对echarts进行不同程度的改造，组合，甚至重写等。接下来会根据我目前的接触到的问题，进行一个循序渐进的总结。因为echart版本的升级等问题，虽说会兼 阅读全文
posted @ 2019-04-23 11:21 XG16 阅读(1437) 评论(0) 推荐(0)
fetch请求get方式以及post提交参数为formdata类型的数据
摘要：1.请求方式post，请求函数参数 2.get请求 阅读全文
posted @ 2019-04-22 14:55 XG16 阅读(11425) 评论(0) 推荐(0)
关于window.localtion的用法几点总结
摘要：参考链接： http://blog.csdn.net/cui_angel/article/details/7957274（1）window.location.pathname设置或获取对象指定的文件名或路径。（2）window.location.href设置或获取整个 URL 为字符串。window 阅读全文
posted @ 2019-04-22 14:25 XG16 阅读(1362) 评论(0) 推荐(0)
jq初入行常用动画
摘要：--jq动画分类--（1）jQuery的动画其实就是将之前提到过的各种特效进行封装，并对其性能进行优化。（2）jQuery动画分为三个部分：非自定义动画，自定义动画，和全局动画设置。 一、非自定义动画：1）显示、隐藏：show( ) 、hide( )、toggle()show()、hide()、to 阅读全文
posted @ 2019-04-22 11:41 XG16 阅读(460) 评论(0) 推荐(0)
js的event事件对象汇总
摘要：JavaScript事件对象是浏览器默认传入的，但是对于浏览器的兼容问题，我们需要对事件对象进行兼容。但是jQuery已经帮我们解决了所有兼容性的问题，并且给我们添加了很多有用的方法。已经是比较历史的问题了，给大家提供参考。1.event.target 获取绑定事件的DOM元素2.event.typ 阅读全文
posted @ 2019-04-22 11:34 XG16 阅读(941) 评论(0) 推荐(0)
万年不变话题cookie，简单总结
摘要：cookie是面试中经常会问到的一个问题，但是就我的项目实践来看，我用到的次数极少。有时候用到也不是为了存储用户名密码，只是存储一些需要记住的状态。可能和我的经验尚浅，涉足的项目不算多有关。这里简单做几点总结。 1.cookie由来1）session和cookie都是会话跟踪技术，都是用来记录保存客 阅读全文
posted @ 2019-04-22 11:13 XG16 阅读(439) 评论(0) 推荐(0)
js基本类型存放和对象存放的区别（对象遍历）
摘要：js的基本类型，对象类型的应用在初学的时候，需要自己加以明确，明确了数据类型，在使用过程中才能正确使用变量。如下两个例子是摘自初学时的笔记，为大家提供参考。 1.对象可以存放属性和方法，js基本类型不可以。 2.遍历对象取值 阅读全文
posted @ 2019-04-22 10:52 XG16 阅读(1425) 评论(0) 推荐(0)
string部分方法
摘要：1.string.lastIndexOf() lastIndexOf 是从string末尾查找，但是返回值仍是首部的位置值。 2.string.replace() 放一个正则匹配会全部替换。 3.string.slice(start,end) end可省略。如果参数传入的是负数，则start为str 阅读全文
posted @ 2018-01-04 15:46 XG16
移除元素的几种方法
摘要：基础代码： 1.$('.wrap').empty(); 2.$('.wrap').remove(); 3.$('.wrap').css('display','none'); 4.$('.wrap').css('visibility','hidden'); 5.$(selector).dispose( 阅读全文
posted @ 2017-12-21 17:56 XG16 阅读(1139) 评论(0) 推荐(0)
巧用JSON
摘要：在开发的过程中，对json的接触基本是前端页面搭建完成后，对后台数据的请求。如果接口尚未提供，一般情况下会先按规定的要求写好需要的json模拟出请求的后台数据。json的格式有很多种，关注的主体是data里面的内容。 $(function(){ //转换为字符串1 var data = [ {nam 阅读全文
posted @ 2017-12-21 14:12 XG16