$(function(){ var myimg,oldwidth,oldheight; var maxwidth=249; var maxheight=187; var imgs = document.getElementsByTagName('img'); for(i=0;i<imgs.length;i++){ myimg = imgs[i]; if(myimg.width > myimg.height) { if(myimg.width > maxwidth) { oldwidth

小程序通过rich-text实现字符串转化为html,即 <rich-text node="{{html}}"></rich-text>.如果html字符串中含有img标签,并且img不能自适应,应该怎样解决呢?? 下面是解决方法 两种方式: 给img加个class,在app.wxss或page.wxss中指定样式. 给img加style 首先通过将数据转化为json字符串 var jsonDa = JSON.stringify(res.data.data.qu

在ifrome内设定最小高度,(此方法只适用于页面内切换高度不一.但是会保留最大高度,返回后保持最大高度不再回到最初页面的高度) <iframe id="one4" width="100%" height="1600px" src="merchant information.html" style="border:1px solid #f4f4f4;" scrolling="no"

<iframe src="index.html" id="iframepage" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" onLoad="iFrameHeight()"></iframe> <script type="text/javascr

iframe 结构如下 <iframe src="index.html" id="frame" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" onLoad="iFrameHeight()"></iframe> js 实现 <script type="

javascript方法: var oC=document.querySelectorAll('canvas')[0];oC.width=document.documentElement.clientWidth;oC.height=document.documentElement.clientHeight;//oC.width=window.innerWidth;//oC.height=window.innerHeight; css方法: html,body{width:100%;height:

WebP介绍 WebP 是 Google 推出的一种同时提供了有损和无损两种压缩方式的图片格式,优势体现在其优秀的图像压缩算法,能够带来更小的图片体积,同时拥有更高的的图像质量.根据官方说明,WebP 在无损压缩的情况下能比 PNG 减少26%的体积,有损压缩的情况能比 JPEG 减少25%-34%的体积. 下图可以看出,相对于传统的图片格式,WebP 格式存在浏览器兼容性方面的问题.本文通过工程化的手段来实现 WebP 格式的自适应加载. 传统做法 为了在前端项目里用上 WebP 格式,并且兼

本篇随笔除了介绍 iOS 数据持久化知识之外,还贯穿了以下内容: (1)自定义 TableView,结合 block 从 ViewController 中分离出 View,轻 ViewController 的实现,提高 TableView 的复用性 (2)Model「实体层」+View「视图层」+ViewController「视图控制器层」+Service「服务层」+Database「数据库层」,MVC 多层架构的实现 (3)TableView 单元格滑动手势控制显示实用按钮,实用按钮为「修改」

http://blog.sina.com.cn/s/blog_621e24e20101cp64.html 为避免耽误不喜欢这种曲线图效果的亲们的时间,先看一下小DEMO效果图: 先简单说一下,从图中可以看到一个chart可以绘制多个ChartArea,每个ChartArea都可以绘制多条Series.ChartArea就是就是绘图区域,可以有多个ChartArea叠加在一起,series是画在ChartAarea上的,Series英文意思是"序列.连续",其实就是数据线,它可以是曲线.

在开发项目过程中,用iframe嵌套,会发现一个问题,用iframe嵌套的html结构右边不会自动适应高度. 这时候找到了一个解决方法: <iframe name="my_iframe" id="mainframe" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" width="100%&qu

(1)XML 数据请求 使用 AFNetworking 中的 AFHTTPRequestOperation 和 AFXMLParserResponseSerializer,另外结合第三方框架 XMLDictionary 进行数据转换 使用 XMLDictionary 的好处:有效避免自行实现 NSXMLParserDelegate 委托代理协议方法来进行繁琐的数据拼凑解析 (2)JSON 数据请求 使用 AFNetworking 中的 AFHTTPRequestOperation 或 AFHTT

本篇随笔除了介绍 iOS 数据持久化知识之外,还贯穿了以下内容: (1)自定义 TableView,结合 block 从 ViewController 中分离出 View,轻 ViewController 的实现,提高 TableView 的复用性 (2)Model「实体层」+View「视图层」+ViewController「视图控制器层」+Service「服务层」+Database「数据库层」,MVC 多层架构的实现 (3)TableView 单元格滑动手势控制显示实用按钮,实用按钮为「修改」

(1)XML 数据请求 使用 AFNetworking 中的 AFHTTPRequestOperation 和 AFXMLParserResponseSerializer,另外结合第三方框架 XMLDictionary 进行数据转换 使用 XMLDictionary 的好处:有效避免自行实现 NSXMLParserDelegate 委托代理协议方法来进行繁琐的数据拼凑解析 (2)JSON 数据请求 使用 AFNetworking 中的 AFHTTPRequestOperation 或 AFHTT

border-images 属性 主要用border-images 属性来制作自适应按钮和tab标签&自适应边框. 例子: border-images:url("img.png") 0 15 0 15 round; /*0 15 0 15 指的是:图片边框向内偏移 上0,右15 ,下0 ,左15*/ 如图: 上面例子使用的图片为:和 向内偏移图例: 属性值 值 描述   border-image-source 用在边框的图片的路径.   border-image-slice 图

强调class 这些class通过颜色来表示强调.也可以应用于链接,当鼠标盘旋于链接上时,其颜色会变深,就像默认的链接样式. <p class="text-muted">...</p> <p class="text-primary">...</p> <p class="text-success">...</p> <p class="text-info"

本篇随笔除了介绍 iOS 数据持久化知识之外,还贯穿了以下内容: (1)自定义 TableView,结合 block 从 ViewController 中分离出 View,轻 ViewController 的实现,提高 TableView 的复用性 (2)Model「实体层」+View「视图层」+ViewController「视图控制器层」+Service「服务层」+Database「数据库层」,MVC 多层架构的实现 (3)TableView 单元格滑动手势控制显示实用按钮,实用按钮为「修改」

先简单说一下,从图中可以看到一个chart可以绘制多个ChartArea,每个ChartArea都可以绘制多条Series.ChartArea就是就是绘图区域,可以有多个ChartArea叠加在一起,series是画在ChartAarea上的,Series英文意思是“序列.连续”,其实就是数据线,它可以是曲线.点.柱形.条形.饼图...可以注意该chart当数据非常多的时候可以通过鼠标选择查看区域,进一步拖拽横纵向滚动条来缩小曲线图查看. 代码中的Chart控件的命名是chartData,数据源

1.响应式中注意的内容: 一行(row)必须在.container中. col-xs- col-sm- col-md- col-lg- 列偏移 .col-md-offset-* 列排序 .col-md-push-*  .col-md-pull-* 2.文本排版 h1-h6 类h1-h6 强调文本  small   strong  em  cite b和strong一样吧 缩略语     abbr  地址元素 address 引用  blockquote 3.代码: <code>显示单行内联代码

基本概况 1.touch事件在移动端被用来代替click事件,因为click事件的触发会延迟影响了用户体验 2.touch事件还可以与translate构成吸附效果 3.现行有一种排版方式是左边宽度是固定的,右边是自适应的 4.下面通过一个项目串联起来这些知识点,顺便说下移动端静态页面设置技巧 左定宽右适应 1.左边div设置宽高和浮动,右边内容不用设置宽高,直接overflow属性设置成hidden就可以了,如果不设置此属性,就文本绕图了 2.不管你如何横向拉伸浏览器,右边都能够自适应 <!D

老实说我一直不太喜欢使用bootstrap,bootstrap样式组件虽然丰富但实际开发使用到的不多:栅格系统虽然好用,满屏div也是看的头疼:所以当经理说要用bootstrap开发新项目的时候,我内心是抵触的,在讨论上,我也提出了如下几个问题: 1.栅格化布局不支持小数点.(若UI设计的不合理,算出来可能就是col-md-7.5,但bootstrap不支持小数点) 2.bootstrap核心优势是响应式布局,目前需求是PC适配,有点大材小用.(事实上是组长需求弄错了,项目要求是多端适配响应式布

起因:根据项目需求本人写了一个绘制矩形的组件.功能:在图片中绘制矩形,根据图片大小进行自适应展示,获取图片矩形坐标.思路:首先定义一个固定大小的DIV,DIV标签中有监测鼠标变化的四个事件mousedown,mousemove,mouseup,mouseleave. 第二在DIV标签内有img,canvas两个标签,一个负责图片展示,一个负责绘制矩形. 其中img与DIV标签的大小相当,canvas是根据DIV标签position定位的以保证鼠标事件在图片上绘制矩形不会有偏差. 以下就是组件的全