05 2018 档案
摘要：之前说过 DataTables 表格固定栏使用方法 。分析下它的代码，如下图 它实现固定左侧的原理就是把需要固定的数据复制一份，覆盖在全部数据的上面，用绝对定位固定在左边。 这样子有个问题就是，表格的伪类如果单纯用css是实现不了的。因为它实际上是2个部分。如果我们要实现这个效果，只能通过js代码来
阅读全文
摘要：对于Web开发者来说，网页布局一直是个比较重要的问题。 Web 布局主要经历了以下四个阶段： 1、table表格布局； 2、float浮动及position定位布局； 3、flex弹性盒模型布局，革命性的突破，解决传统布局方案上的三大痛点 “排列方向”、“对齐方式”，“自适应尺寸”。是目前最为成熟和
阅读全文
摘要：项目中需要做一个相册功能。选择的是fancybox，大概记录一下使用方法： 1.引用fancybox所需要的文件，你可以下载至本地或者引用CDN。 fancybox最新版本下载地址：http://fancyapps.com/fancybox/3/ CDN引用地址： 2.编写相册所需的HMTL代码：
阅读全文
摘要：daterangepicker 是一个时间段选择插件。官网地址：http://www.daterangepicker.com/ 项目中需要实现如下图的效果： 1.引入该插件所需要的JS 和 CSS ,该项目是以bootstrap为基础开发的，所以同时也要引用bootstrap相关的文件。 文件目录结
阅读全文
摘要：上一篇有讲到如何在浏览器端实现打印功能。后面发现有个问题，就是表格表头有背景颜色，但是实际打印出来无背景颜色。网上的方法主要有以下几种实现方式： 1.把背景颜色写成行内样式，如下图所示： 但是发现这样子写了，并不行。可能还需要设置其他的，如果有知道的亲，望不吝赐教~ 2.在打印的时候用户自己设置，如
阅读全文
摘要：1. 关于打印，浏览器有自带的打印方法，但是有个问题就是它只能打印整个页面。如果需要打印局部会比较麻烦。具体实现方法可以看下面代码： 在HTML 页面中，我们需要在打印的区域加个开始与结束的标识符。如下图所示： 2. 用 printThis插件 实现局部打印。 使用方法如下： 1.引用该 JS，具体
阅读全文
摘要：Framework 7 里面的日历插件默认的2种模式： 1.文本框 2.直接展示 如下图： 更多例子点这里 而我的需求如下图： 点击小图标再弹出日历，选择某个日期，隐藏日历弹层。 实现步骤： 1.写小图标的HTML: 2.写浮动的HTML: 这里设置 z-index:13500 是为了让它显示在后面
阅读全文
摘要：有时候数据过多，为了用户体验，需要将重要的栏目固定不动，如下图所示： 从上图我们可以看出，表格滚动的时候，左边5栏是不动的。现在说一下实现方法： 插件地址： https://datatables.net/ 使用方法： 更多左右2边固定例子可访问：https://datatables.net/exte
阅读全文
摘要：相对浏览器，将指定div滚到到指定位置，其用法如下： ps:obj是需要定位的对象，speed是滚动的速度 然而如果需要相对某一个容器（称之div1），将其内部的div2滚动到相对div1的指定位置，用法如下： 其中div1是需要具有相对位置（position:relative或者position:
阅读全文
