前端[色色]

摘要： 对于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: 阅读全文

摘要： 上一篇我们讲到了如何转数字类型，今天总结一下转字符串及布尔类型的方法： 转字符串方法主要有： toString(); String(); 具体的用法如下表格所示： 转布尔类型方法主要有： Boolean()： 具体的用法如下表格所示： 阅读全文

摘要： 手动将各类型 转换成 数字类型 JS提供了三种方法： Number(object); parseInt(string, radix); parseFloat(string, radix). 三种方法具体的用法如下表格所示： Number(object) parseInt(string, radix) 阅读全文