jq
虾米博客
虾米
展开
-
动态加载图片,实现瀑布流效果
瀑布流1.瀑布流瀑布流,可以有多列,每一列的高度可以不相同,但是宽度必须一样;排列的方式是,从左往右排列,哪一列总高度最小,就优先排序,把图片放在这一列.这样排完所有的图片后,可以保证每一列的总高度都相差不大。2.实现思路a.先加载所有图片,然后定位(position: absolute;)在第一张那里,重叠在一起;b.获取每张图片的高度,计算每列图片盒子(li)的总高度,一张一张定位排列位置,优...原创 2018-01-18 15:27:42 · 3065 阅读 · 0 评论 -
js/jq 数组去重,数组(数字/字母)排序,json合并
本文写的是前端的一些操作 数字/字母 小技巧;适用于:字母排序(人名排序、、、)--数字排序(月份排序、、、)-等等属性合并数组:js--concat jq--merge去重: jq--unique(有缺陷) 还是用each遍历-- js--循环遍历排序:sort json合并:extend 简单的写一下例子 例子 <!DOCTYPE html&g...原创 2018-04-02 15:21:27 · 1520 阅读 · 0 评论 -
单选-多选-图片替换效果-简单实用
单选多选的选中是很难修改样式-所以就有了各种替换方案---一下就是我曾用的一种<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="原创 2018-04-10 18:13:59 · 605 阅读 · 0 评论 -
js/jq克隆clone 加载html
领导说不要在javascript页面上看见太多的 +‘<div>'+data[0].id+'</div>‘.....等等追加代码的写法字样;希望能在html页面写一个模板-然后再用js/jq单纯的加载数据;于是我想到了克隆clone-别问我为什么不用vue等等之类的;因为要兼容ie8的;简单写一个clone 例子:<!DOCTYPE html><html...原创 2018-03-28 15:34:38 · 2808 阅读 · 0 评论 -
腾讯地图城市选择插件-三级联动
城市数据来自于腾讯地图-腾讯地图api http://lbs.qq.com/webservice_v1/guide-region.html 1.设计思路1.因为是传城市ID获取下级城市数据-所以这里做了一个缓存-sessionStorage,就是城市ID来作为KEY值,这样加载过的就可以读取缓存来加载数据了,最新的就去腾讯上面获取数据2.因为并发限制:5次/秒/接口/Key-所以多个城市一起加载的...原创 2018-07-16 10:48:01 · 4980 阅读 · 0 评论 -
jq时间戳和日期互转--等等扩展插件
;(function($) { /*扩展插件: * 1.$.time->时间插件 * -- 时间戳获取时间:$.time.getTime() * -- 普通时间获取时间戳: $.time.dataCommon("2012-11-12 02:02:03") * -- 判断是否今天 $.time.isToday(时间戳) *...原创 2018-08-08 18:24:08 · 984 阅读 · 0 评论 -
pc/手机-字母索引 书写
pc/app字母索引简介:这是一个通过字母索引滚动到对应位置的代码片段;实现思路难点:1.如何知道滚动到哪个位置A.数据格式1.索引通过绝对定位(position:fixed)在一边2.数据结构排序好,还有当前序号下的对应数据 var data = [{ title:'a', items:[] }]3....原创 2018-09-04 18:29:45 · 450 阅读 · 0 评论 -
腾讯地图数据城市3级联动-id版
之前写过传地址的--还有bug也没有去修复,虾米我重新写了一份ID版本的--毕竟这样更适合需求/** @Name : QQ腾讯地图 三级联动插件 @Author: chen RiGuang @Date: 2018-07-13 修改2019-1-1 地方名更改为地方ID//用法$("#city1").createLinkage({ province : '440000',/...原创 2019-02-17 16:10:36 · 1436 阅读 · 0 评论