前端开发 - 随笔分类 - Cecil2020

bootstrap tabs 默认tab页的使用方式

摘要：HTML中引入tabs如下： <ul class="nav"> <li><a href="#a" tt="A.html" data-toggle="tab">页面A</a></li> <li><a href="#b" tt="B.html" data-toggle="tab">页面B</a></li 阅读全文

posted @ 2017-12-29 17:38 Cecil2020 阅读(9079) 评论(0) 推荐(0)

bootstrap select2 使用简单介绍

摘要：1. 基本属性配置： $("#select2-id").select2({ templateResult : formatState, // 列表带图片 templateSelection : formatState, // 选中的带图片 language: "zh-CN", //设置提示语言 w 阅读全文

posted @ 2017-09-25 19:52 Cecil2020 阅读(838) 评论(0) 推荐(0)

echarts中视觉映射器（visualMap）与时间轴（timeline）混用的实现方法

摘要：1、简述 echarts中的 timeline 组件，提供了在多个 ECharts option 间进行切换、播放等操作的功能。与其他组件些不同，它需要操作『多个option』。所以除了基准的baseOption外，我们还需要设置一个原子option和多个原子option的复合option。 2 阅读全文

posted @ 2017-09-14 20:05 Cecil2020 阅读(6761) 评论(0) 推荐(0)

easyui_datagrid 行内使用comobox的编码实现

摘要：easyui datagrid组件的列属性中有一个editor属性，官方介绍如下：所以，我们可以通过编码实现datagrid行内插入comobox的方式来实现某些场合的需要，具体编码实现如下： //测试数据： var contentArr = new Array(); var testObj = 阅读全文

posted @ 2017-01-12 11:13 Cecil2020 阅读(316) 评论(0) 推荐(0)

生成csv格式文件并导出至页面的前后台实现

摘要：一、前端实现： 1. HTML： <div> <a href="javascript:void(0);" class="btnStyleLeft"> <span class="fa fa-external-link" onclick="test.exportGridData()">导出</span> 阅读全文

posted @ 2016-09-30 10:42 Cecil2020 阅读(4240) 评论(0) 推荐(0)

bootstrap---treeview使用方法

摘要：1、html部分： <div id="tree"></div> 2、css设置展开/收缩按钮图片： .tree_arrows_down:before{ content:url("../img/down.png"); } .tree_arrows_right:before{ content:url(" 阅读全文

posted @ 2016-08-02 20:09 Cecil2020 阅读(11913) 评论(0) 推荐(0)

easyUI---datagrid合并单元格代码实现

摘要：1、html部分： <div id="table1"></div> 2、js部分： $('#table1').datagrid({ data : data, loadFilter: pagerFilter, height: $(document).height()*0.87, striped: tr 阅读全文

posted @ 2016-08-02 19:40 Cecil2020 阅读(724) 评论(0) 推荐(0)

easyUI前后台分页代码实现

摘要：一、后台分页（1）客户端代码： var dg = $('#table'); var opts = dg.datagrid('options'); var pager = dg.datagrid('getPager'); pager.pagination({ onSelectPage: functi 阅读全文

posted @ 2016-07-28 19:12 Cecil2020 阅读(607) 评论(0) 推荐(0)

JavaScript函数调用模式

摘要：1、方法调用模式： var myObj = { value : 0; increment:function(inc){ this.value += typeof inc 'number' ? inc : 1; } } myObj.increment(); console.info(myObj.val 阅读全文

posted @ 2016-07-21 07:47 Cecil2020 阅读(210) 评论(0) 推荐(0)

jQuery应用操作之---网页选项卡(tabs)

摘要：示例： <div class="tab"> <div class="tab_menu"> <ul> <li class="selected">时事</li> <li>体育</li> <li>娱乐</li> </ul> </div> <div class="tab_box"> <div>时事</div 阅读全文

posted @ 2016-07-12 20:09 Cecil2020 阅读(261) 评论(0) 推荐(0)

jQuery应用操作之---表格

摘要：示例： <table> <thread> <tr><th>姓名</th><th>性别</th><th>暂住地</th></tr> </thread> <tbody> <tr><td>张三</td><td>男</td><td>宁波</td></tr> <tr><td>李四</td><td>男</td> 阅读全文

posted @ 2016-07-12 20:06 Cecil2020 阅读(192) 评论(0) 推荐(0)

jQuery应用操作之---复选框

摘要：1、示例1： <form> 你最爱好的运动是？ <input type="checkbox" id="CheckedAll"/>全选<br/> <input type="checkbox" id="CheckedNo"/>全不选<br/> <input type="checkbox" id="Che 阅读全文

posted @ 2016-07-12 20:05 Cecil2020 阅读(365) 评论(0) 推荐(0)

jQuery&Ajax应用

摘要：jQuery对Ajax操作进行了封装，在jQuery中$.ajax()方法属于最底层的方法，第二层是load(),$.get()和$.post()方法，第三层是$.getScript(),$.getJSON()方法，针对第二层方法重点介绍，因为其使用率很高。 1、load()方法作用：载入远程HT 阅读全文

posted @ 2016-07-11 19:58 Cecil2020 阅读(207) 评论(0) 推荐(0)

jQuery事件与动画

摘要：1、 $(document).ready()&window.onload区别： window.onload在网页多有元素（包含元素的所有关联文件）完全加载到浏览器后才执行，即JS此时才可以访问网页中的任何元素； $(document).ready()在DOM完全就绪时就可以被调用，此时网页的所有元素阅读全文

posted @ 2016-07-11 19:00 Cecil2020 阅读(220) 评论(0) 推荐(0)

jQuery中的DOM操作------复制及包裹节点

摘要：1、复制节点：如果单击<li>元素后需要再复制一个<li>元素，可以用clone()方法来完成： $(this).clone().appendTo("ul"); 复制节点后，被复制的新元素不具有任何行为，如果需要新元素也具有复制功能，可以这么写： $(this).clone(true).appen 阅读全文

posted @ 2016-07-11 08:23 Cecil2020 阅读(1097) 评论(0) 推荐(0)

jQuery选择器概述

摘要：1、基本选择器：1） #id : 根据给定的id匹配一个元素；2） .class: 根据给定的类名匹配元素；3）element: 根据给定的元素名匹配元素；4）* ：匹配所有元素；5）selector1,selector2,...,selectorN: 将每个选择器匹配到的元素合并后一起返回 2、阅读全文

posted @ 2016-07-11 07:55 Cecil2020 阅读(231) 评论(0) 推荐(0)

CSS学习笔记（一）：定位与溢出

摘要：一、定位：positionstatic | relative | absolute | fixed | inherit ，各值含义如下： 1)static:元素框正常生成，块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。2）relative：元素框偏移某个阅读全文

posted @ 2016-06-28 19:16 Cecil2020 阅读(199) 评论(0) 推荐(0)

Cookie简述

摘要：1. Cookie是什么？ Cookie(Cookies，浏览器缓存), 是指某些网站为了辨别用户身份、进行session跟踪而储存在用户本地终端上的数据（通常经过加密）。 2. Cookie的作用：主要用于少量数据的不经常存储，Web浏览器需要保存的cookie总数不过300个，为每个Web服务阅读全文

posted @ 2016-05-19 08:41 Cecil2020 阅读(492) 评论(0) 推荐(0)

Cecil2020

随笔分类 - 前端开发