table、td宽度失效-table布局的问题
项目中table布局还是比较常用的,遇到了一个table宽度失效的问题,先上代码:
div style="width:800px;margin: 60px;">
table style="width: 100%;max-width: 100%;">
tbody>
tr style="max-width: 900px;overflow: hidden
让两个div元素有相同的高度
取得它们的高度后得到最大高度,然后赋值
var $divClass = $('.className');
var height = 0;
$divClass.each(function () {
if ($(this).height() > height) {
height = $(this).height();
}
});
$divCla
移动端元素跟随移动-防苹果悬浮球效果(转载)
非常感谢原作者的分享,毕竟自己折腾了快一天还是有很多问题,感觉主要就卡在了事件对象的获取上和兼容性的问题;第一段代码是我自己的,在页面没有滚动条的情况下没问题,有滚动条时就出现Bug了; //这个函数的目的是实现长按时才执行元素移动,我刚开始的逻辑是长按时移动悬浮球,点击时出现弹框
$.fn.longPress = function(fn) {
var timeout
手写签名插件—jSignature使用心得
最近需要做一个移动端手写签名的功能,上网搜了一下基本都是jSignature这个插件,几乎没得第二选择,于是照着网上的各个版本copy测试,在PC端测试是没什么问题的,很easy。
问题1::在移动端改变了canvas的父盒子大小后就出现问题了,手写的和显示的不在一起,jSignature画笔出现了偏移,经过审查元素发现,是由于canvas的尺寸大小变成了100%引起的,解决办法就是需要
获取URL地址的中文不乱码
//window.search取到的是queryString,如:?a=2&b=3
//将参数存入对象中
function getRequest() {
var url = window.location.search; //获取url中"?"符后的字串
var theRequest = new Object();
...
日常开发用到的谷歌浏览器插件
Postman Interceptor 0.2.24
Postman 5.4.0
Tampermonkey 4.5
View Image Info (properties) 0.0.4
通过右键菜单获取图片的尺寸,URL,文件大小,文件类型等信息
Wappalyzer 5.3.2
Identify web technologies 查看网站使用技术
WEB前端助手(FeHelper) 10....
JS根据数组中对象的时间依据相同的类型分组
需求:根据后台返回来的数据按同一天的日期进行展示,后台返回的数据已经按日期排序,
参考了http://blog.csdn.net/zfangls/article/details/79280083的文章后发现可用,非常感谢!
主要知识点:数组的some()方法
var arr = [{
"id": "10",
"tx_type": "0"...
前端压缩图片并获取exif信息
转载自http://icaife.github.io/2015/05/19/js-compress-JPEG-width-exif/
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
</sty
微信loading动画
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
网易loading图
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Mysql优化——慢查询
先查询是否开启:show variables like '%slow_query_log%';开启慢查询日志:set global slow_query_log=1;查看参数设置:show variables like 'long_query_time'; //这里查询的是查过多少时间才会记录成慢查询默认10秒以上的sql语句记录到日志中修改参数:set global long_qu...
php数据结构分析总结
1.链表数据结构链表是一种物理存储单元上非连续、非顺序的存储结构,数据元素的逻辑顺序是通过链表中的指针链接次序实现的。链表由一系列结点(链表中每一个元素称为结点)组成,结点可以在运行时动态生成。每个结点包括两个部分:一个是存储数据元素的数据域,另一个是存储下一个结点地址的指针域。2.线性表数据结构(一)基本特点:最基本、最简单、最常用的一种数据结构在这种结构中:(重点)1.存在一个唯一的被称为“第...
Android指纹识别深入浅出分析到实战(6.0以下系统适配方案)
指纹识别这个名词听起来并不陌生,但是实际开发过程中用得并不多。Google从Android6.0(api23)开始才提供标准指纹识别支持,并对外提供指纹识别相关的接口。本文除了能适配6.0及以上系统,主要还提供6.0以下设备适配解决方案。指纹识别用途大概列举几个指纹识别的用途系统解锁应用锁支付认证普通的登录认证指纹识别Google官方文档官方标准库Google提供的与指纹识别相关的核心类不多,主类...
mac Android Studio内存配置与使用情况的展示
前言存在问题:
android studio默认的内存配置很小,日常使用时常常由于可用内存不足,导致IDE频繁地回收内存,使界面卡顿,很影响开发进度和心情。
本文目的:
1、介绍如何修改android studio的内存配置
2、介绍如何在android studio里展示内存使用情况,并主动释放内存
通过这2种方法,解决上诉问题。12345671、如何修改android studio的内存配置...
这是一份很详细的 Retrofit 2.0 使用教程(含实例讲解)
前言在Andrroid开发中,网络请求十分常用而在Android网络请求库中,Retrofit是当下最热的一个网络请求库今天,我将献上一份非常详细Retrofit v2.0的使用教程,希望你们会喜欢。如果对Retrofit v2.0的源码感兴趣,可看文章:Android:手把手带你深入剖析 Retrofit 2.0 源码目录1. 简介特别注意:准确来说,Retrofit 是一个 RESTful 的...
Mac安装Protobuf编译Java
本文整理了再在Mac上安装Protobuf 和编译Java的详细过程在Mac上安装protobuf创建一个java项目,编写.proto文件用protobuf编译生成java文件,测试用wire编译生成java文件,测试1.protobuf下载地址:https://github.com/google/protobuf/tags?after=v3.0.0-alpha-1Github:https://...
如何用JavaScript 使小数点后面不足4位数补0
var demo = 5;alert(demo.toFixed(4));toFixed(number),格式化数字为保留number位小数的字符串。注意,原始值必须是数值,如 var demo = 1; demo = demo.toFixed(4); 而var demo='1'; demo = demo.toFixed(4);是不行的哦。...
jquery mobile开发手机webapp页面(三)拖动排序插件Sortable
这一篇我来分享一下拖动排序插件Sortable.js这是一款小型的支持手机端排序功能的插件。非常好用。首先要引入文件[html] view plain copy<script src="Sortable.js"></script> 接下来我们需要一个列表例如这样[html] view plain copy<ul id="items"> <li&...
今日推荐
周排行