随笔分类 -  前端

摘要:1. .wrap()方法:在每个匹配的元素外层包上一个html元素。 2. 有两种使用方法: .wrap(wrappingElement):其中wrappingElement可以是一个HTML片段,选择表达式,jQuery对象,或者DOM元素,用来包在匹配元素的外层。 <!DOCTYPE html> 阅读全文
posted @ 2017-01-05 16:26 王甘林 阅读(1439) 评论(0) 推荐(0)
摘要:1. ECharts中的仪表盘,要使用这个图表时把series中的type属性修改成‘gauge’,然后在detail中设置仪表盘详情,用于显示数据。最常用的是formatter(格式化函数或者字符串),然后可以设置data属性用来表示指针的指向。下面我们可以设置value的值为每隔2秒就随机生成一 阅读全文
posted @ 2017-01-04 19:11 王甘林 阅读(53790) 评论(10) 推荐(2)
摘要:1. toolbox:这是ECharts中的工具栏。内置有导出图片、数据视图、动态类型切换、数据区域缩放、重置五个工具。 2. toolbox中的属性,不包含五个工具。里面最主要的就是feature这个,这是toolbox的配置项,五个工具的配置就是在这个里面实现的。 各工具配置项。 除了各个内置的 阅读全文
posted @ 2017-01-04 09:37 王甘林 阅读(77113) 评论(2) 推荐(5)
摘要:1. jQuery.holdReady()方法:暂停或恢复.ready() 事件的执行。在$.holdReady()方法允许调用者延迟jQuery的ready事件。这种先进的功能,通常会被用来允许在 ready 事件发生之前,动态加载其它的 JavaScript,例如 jQuery 插件,即使 DO 阅读全文
posted @ 2017-01-03 17:28 王甘林 阅读(293) 评论(0) 推荐(0)
摘要:1. jQuery 1.7 版本中新增的 jQuery.Callbacks() 函数返回一个全能的对象,此对象对管理回调列表提供了强大的方式。它能够增加、删除、触发、禁用回调函数。 2. callbacks.add()方法:回调列表中添加一个回调或回调集合。如下代码: 代码效果展示: 3. call 阅读全文
posted @ 2017-01-03 15:55 王甘林 阅读(984) 评论(0) 推荐(0)
摘要:1.XML(eXtensible Markup Language)即可扩展标记语言,与HTML一样,都是SGML标准通用语言。语法如下: 任何起始标签都必须有一个结束标签。 可以采用另一种简化语法,即在一个标签中同时表示起始和结束标签。这种语法是在右边闭合尖括号之前紧跟一个斜线(/),例如<tag/ 阅读全文
posted @ 2017-01-03 09:37 王甘林 阅读(13521) 评论(1) 推荐(3)
摘要:1. .addClass()方法:为每个匹配的元素添加指定的样式类名。值得注意的是设个方法不会替换一个样式类名。他只是简单的添加一个样式类名到元素上。对所有匹配的元素可以一次添加多个用空格隔开的样式类名。像这样: 这个方法通常个.removeClass()方法一起使用,用来切换样式,像这样: 这是一 阅读全文
posted @ 2016-12-30 15:01 王甘林 阅读(299) 评论(0) 推荐(0)
摘要:1.ajax的快捷方法可以帮我们用最少的代码发送ajax请求。 2. $.get()方法:使用GET方式来进行异步请求。它的结构为:$.get( url [, data] [, calback] [, type] ) 载入成功时回调函数(只有当Response的会犯状态时success才调用 该方法 阅读全文
posted @ 2016-12-30 10:42 王甘林 阅读(578) 评论(0) 推荐(0)
摘要:1. $.ajax()方法:是jQuery最底层的Ajax实现。它的结构为:$.ajax(options)。该方法只有一个参数,但在这个对象里面包含了$.ajax()方法所需要的请求设置以及回调函数等信息,参数以key/value的形式存在,所有的参数都是可选的。 预期服务器返回的数据类型。如果不指 阅读全文
posted @ 2016-12-29 14:46 王甘林 阅读(1093) 评论(0) 推荐(0)
摘要:1.这些函数用于辅助完成Ajax任务。 2. jQuery.param()方法:创建一个数组或对象序列化的的字符串,适用于一个URL 地址查询字符串或Ajax请求。 我们可以显示一个对象的查询字符串 和一个相应的URI-decoded 版本,如下: recursiveEncoded 和 recurs 阅读全文
posted @ 2016-12-29 11:23 王甘林 阅读(299) 评论(0) 推荐(0)
摘要:1.这些方法用于注册事件处理器,用来处理页面上的任何 Ajax 请求,当某些事件触发后,这些事件处理器被调用。如果jQuery.ajaxSteup()中的 global 属性被设置为 true (这也是默认设置),那么,每个 Ajax 请求都会触发全局事件。注意:全局事件绝对不会被跨域(cross- 阅读全文
posted @ 2016-12-29 10:45 王甘林 阅读(9038) 评论(1) 推荐(1)
摘要:1.上一篇中讲了如何绘制一个简单的柱状图,这次要画的是饼图,饼图主要是通过扇形的弧度表现不同类目的数据在总和中的占比,它的数据格式比柱状图更简单,只有一维的数值,不需要给类目。因为不在直角坐标系上,所以也不需要xAxis,yAxis。 2.itemStyle都会有normal和emphasis两个选 阅读全文
posted @ 2016-12-28 16:36 王甘林 阅读(6957) 评论(0) 推荐(0)
摘要:1.获取ECharts 官网 下载:http://echarts.baidu.com/download.html 2.在html页面中引入ECharts文件 文件的目录结构: 3.绘制一个简单的图表 4.效果图展示 阅读全文
posted @ 2016-12-28 15:45 王甘林 阅读(1605) 评论(0) 推荐(0)
摘要:第一个SPA 阅读全文
posted @ 2016-07-06 10:05 王甘林 阅读(205) 评论(0) 推荐(0)
摘要:1.white-space 属性设置如何处理元素内的空白。 这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。 2.可能的值 规定应该从父元素继承 white-space 属性的值。 阅读全文
posted @ 2016-06-28 18:22 王甘林 阅读(758) 评论(0) 推荐(0)
摘要:1.required属性规定在提交之前要填写输入域(不能为空)。 2.代码 3.效果图 阅读全文
posted @ 2016-06-27 19:48 王甘林 阅读(474) 评论(0) 推荐(0)
摘要:1.HTML文档中包含各种级别的标题,各种级别的标题由<h1>到<h6>元素来定义,<h1>至<h6>标题标记中的字母h是英文headline的简称。其中<h1>代表1级标题,级别最高,文字也最大,其他标题元素依次递减,<h6>级别最小。 2.案例代码 3.案例截图 阅读全文
posted @ 2016-06-24 19:21 王甘林 阅读(1094) 评论(0) 推荐(0)
摘要:1.上标文本标签:<sup>/<sup> 2.下标文本标签:<sub></sub> 3.案例代码 4.案例截图 在网页中如果要把文字合理的显示出来,离不开段落标记的使用。对网页中文字段落进行排版,并不像编辑软件那样简单,在网页中要使某一段文字放在特定的位置就要使用HYML标记来实现。 阅读全文
posted @ 2016-06-24 19:13 王甘林 阅读(2980) 评论(0) 推荐(0)
摘要:jQuery的属性与样式 (1).attr()与.removeAttr():每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息。 attr()有4个表达式 attr(传入属性名):获取属性的值 attr(属性名, 属性值):设置属性的值 attr(属性名,函数值):设置 阅读全文
posted @ 2016-06-24 18:50 王甘林 阅读(165) 评论(0) 推荐(0)
摘要:jQuery选择器: 1.id选择器:通过id名来获取节点,id是唯一的,每个id在页面上只能使用一次。 $( "#id" ) 2.类选择器:通过class样式类名来获取节点 $( ".class" ) 3.元素选择器:根据给定(html)标记名称选择所有的元素 $( "element" ) 4.全 阅读全文
posted @ 2016-06-22 20:44 王甘林 阅读(135) 评论(0) 推荐(0)