最近在写一个地图类的应用,用的是echarts的图表,然而一上来就一脸懵逼,如果父级容器的height/width属性设置为百分比的形式,那么echarts就会warning,且不能正常的生成图表.所以div容器的高度宽度必须指定为px,这设计不知道是为啥. google到的解决方案如下 添加window.onresize=myCharts.resize在setOption之后 我添加后图表的高度被压缩到了min-height,很奇怪,于是自己采用了如下解决方案,直接贴代码了. var worl

width:calc(100% - 20px); width:-webkit-calc(100% - 20px);//chrome width:-moz-calc(100% - 20px);//firefox height:calc(80% + 20px); height:-webkit-calc(80% + 20px);//chrome height:-moz-calc(80% + 20px);//firefox 特别注意:+或者-两边都要用空格隔开!!!

absolute: left.right/top.bottom 的百分比值分别根据父元素的 wdith / height 计算 margin: top /right / bottom/ left 的百分比值都是根据父元素的宽度计算 transform: translate( ) 的百分比值是根据元素自身宽高进行计算 line-height: 百分比值根据父元素文字大小进行计算/小数值根据子元素文字大小进行计算 例如:line-height:1.5 等同于 line-height:1.5em bo

1.百分比介绍 一般元素的宽度用百分比值表示时,元素的总宽度包括外边距取决于父元素的width,这样可能得到"流式"页面,即元素的外边距会扩大或缩小以适应父元素的实际大小.如果对这个文档设置该样式,使其子元素使用百分数外边距,当用户修改浏览窗口的宽度时,外边距会随之扩大或缩小. margin-right/margin-left的百分比值是相对于父元素的宽度来计算的,这很好理解:而margin-top/margin-bottom为什么也是以父元素的width为参照物的呢? 2.为什么呢?

如何让元素支持 height:100%效果? 有两种方法.(1) 设定显式的高度值. 这个没什么好说的,例如,设置 height:600px,或者可以生效的百分比值高度.例如,我们比较常见的:html, body {height: 100%;}(2) 使用绝对定位. 例如:div {height: 100%;position: absolute;}此时的 height:100%就会有计算值,即使祖先元素的 height 计算为 auto 也是如此.需要注意的是,绝对定位元素的百分比计算和非绝对定

1.鼠标进入容器方向的判定 判断鼠标从哪个方向进入元素容器是一个经常碰到的问题,如何来判断呢?首先想到的是:获取鼠标的位置,然后经过一大堆的if..else逻辑来确定.这样的做法比较繁琐,下面介绍两种比较方便的方法: 第一种方法,利用圆和反正切三角函数 如下图所示: 以div容器的中心点作为圆心,以高和宽的最小值作为直径画圆,将圆以[π/4,3π/4),[3π/4,5π/4),[5π/4,7π/4),[-π/4,π/4)划分为四个象限. 代码如下: $(".box").on("

第四篇 前言 首先,我们要弄明白一个问题? 为什么要对UIImage进行解码呢?难道不能直接使用吗? 其实不解码也是可以使用的,假如说我们通过imageNamed:来加载image,系统默认会在主线程立即进行图片的解码工作.这一过程就是把image解码成可供控件直接使用的位图. 当在主线程调用了大量的imageNamed:方法后,就会产生卡顿了.为了解决这个问题我们有两种比较简单的处理方法: 我们不使用imageNamed:加载图片,使用其他的方法,比如imageWithContentsOfFi

在CSS 3中可以设置边框圆角.边框阴影和边框图像,分别通过border-radius.border-image和box-shadow属性设置. 边框圆角 border-radius属性是以下4个属性的简写: border-top-left-radius              设置左上角的圆角 border-top-right-radius            设置右上角的圆角 border-bottom-right-radius      设置右下角的圆角 border-bottom-l

系列目录 过了个年回来,回顾一下,我们上次讲了角色管理,我们这一次来讲将权限授权给角色,这一节也是大家比较关心的.因为我们已经跑通了整个系统,知道权限的流转,我们先来看一张图 这张图主要分要3块,角色组----系统模块----操作码授权 选择角色组(表示要授权的角色,选择需要授权的模块,最后授权操作码.当存在一个操作码时候,我们应该改变SysRight表中的rightflag字段,表示他有权限.不知道大家是否还记得,这个图也是我们要做的.由于图中用的是JQGrid看起来跟Easyui有点差别,但

本篇文章中,我们一起仔细探讨了OpenCV图像处理技术中比较热门的图像滤波操作.图像滤波系列文章浅墨准备花两次更新的时间来讲,此为上篇,为大家剖析了"方框滤波","均值滤波","高斯滤波"三种常见的邻域滤波操作.而作为非线性滤波的"中值滤波"和"双边滤波",我们下次再分析. 因为文章很长,如果详细啃的话,或许会消化不良.在这里给大家一个指引,如果是单单想要掌握这篇文章中讲解的OpenCV线性滤波相关的三个函

#ifndef GAMEWIDGET_H #define GAMEWIDGET_H #include <QWidget> #include <QMouseEvent> #include <QEventLoop> #include <QTimer> #include <QPainter> #include <QList> // 手势的方向 enum GestureDirect { LEFT = , // 向左 RIGHT = , //

总述 0 获取 jQuery 对象 1 对象跳转 2 方法调用 3 常用API 4 $(…); 5 jQuery 对象获取 6 Data 相关方法 7 选择器 8 基本的过滤器 9 内容过滤选择器 10 可见性过滤器 11 属性过滤器 12 孩子过滤器 13 表单过滤器 14 属性相关的方法 15 类相关的操作 16 html相关的操作 17 文本相关的方法 18 值相关的操作 19 在jQuery 对象之间查找 20 串联方法 21 DOM 文档操作方法 22 CSS 相关方法 23 位置计算

function showDialog(){ var $by = $(window), obj = $('.dialog'), brsW = $by.width(), brsH = $by.height(), sclL = $by.scrollLeft(), sclT = $by.scrollTop(), curW = obj.width(), curH = obj.height(); //计算对话框居中时的左.上边距 var left = sclL + (brsW - curW)/2; var

本篇博客应该算的上CollectionView的高级应用了,从iOS开发之窥探UICollectionViewController(一)到今天的(五),可谓是由浅入深的窥探了一下UICollectionView的用法,这些用法不仅包括SDK中自带的流式布局(UICollectionViewDelegateFlowLayout)而且介绍了如何根据你的需求去自定义属于你自己的CollectionView.自定义的CollectionView可谓是非常灵活,其灵活性也决定了其功能的强大.Collect

package com.example.administrator.pintu; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Color; import android.util.AttributeSet; import android.util.TypedValue; import an

box-sizing: content-box|border-box|inherit; 值 描述 content-box 这是由 CSS2.1 规定的宽度高度行为. 宽度和高度分别应用到元素的内容框. 在宽度和高度之外绘制元素的内边距和边框. border-box 为元素设定的宽度和高度决定了元素的边框盒. 就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制. 通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度. inherit 规定应从父元素继承 box-

AnimationsDemo是android官网的一个动画使用示例. ZoomActivity是demo中的图像缩放动画,因为这种效果比较常见,所以研究了一下代码. 下面是效果图: 毫无疑问这是一个组合动画,translation和scale动画.实现这种动画的关键是如何确定动画的坐标和缩放比例 除了一些简单的数学计算外,该demo还利用了ImageView的fitCenter特性.稍后我们就可以看到. 在开始分析代码之前,先说一下程序的原理:     1,点击缩略图的时候同时将缩略图隐藏.  

一.前奏 Swift作为一门新语言,经过几年的发展,逐渐趋于完善,目前已经更新到3.0版本,它汇集许多其他语言的特点,例如JS.Paython.C++等,完全区别于OC.个人感觉它没有完全的OOP和OOD的性质. 二.谈谈几种属性的区别 存储属性 定义:实实在在存储常量和变量的 计算属性 定义:依赖于存储属性,通过计算得出来,它提供getter访问值,提供setter方法间接给其他属性或者变量设置值 类属性 定义:其本质其实就是一个全局属性,在类里限定了其作用域,用关键字static(用于结构体

瘋耔C++笔记 欢迎关注瘋耔新浪微博:http://weibo.com/cpjphone 参考:C++程序设计(谭浩强) 参考:http://c.biancheng.net/cpp/biancheng/cpp/rumen_8/ 博客原文:http://www.cnblogs.com/Ph-one/p/3974707.html 一.C++初步认识 1.C++输入.输出.头文件解释 #include<iostream> using namespace std ; int mian() { cout

在做这个功能之前我其实是拒绝的,为什么这么说呢,因为我怕麻烦啊!(开玩笑的,怕麻烦就不做程序员了) 很久没有写博客,这次刚好项目中有个有趣的东西,想拿出来分享一下,希望能帮到某些小伙伴. 首先说说需求,是这样的: 在tableview滑动的过程中,右侧的滑动条中间放一个label随着滑动条一起滑动,并且它的centerY与滑动条的centerY相等.当然,在滑到顶部或者尾部的时候label不能超出tableview的范围. 然后label上面显示与之对应的cell的内容. 刚开始想用系统提供的滑

NSFileManager.NSURL.NSFileHandle.NSData.NSXMLParser.NSUserDefaults.NSKeyedArchiver.NSKeyedUnarchiver.CoreData.NSFetchRequest.NSEntityDescription.NSPredicate. NSSortDescriptor.UIImagePickerController.AVAudioPlayer.MPMoviePlayerController.NSThread.NSBl