作者:lofayo 发布于: 2017-09-17

不要害怕学习新的东西，因为新的事物永远有你不曾体会过的美丽！

生活再也不像解一道数学题那么简单，答案唯一。生活的问题千奇百怪，生活的方法各有千秋。生活有美好，生活也有灰色，愿你不要被瑕疵绊住双脚而错失了前方的美好！

问题一：字符串拼接

其实字符串和变量的拼接蛮简单的：

1、将字符串中所有的双引号"变成\"

2、再将要设置为变量的字符串替换为"+var+"

<img src="***" >

var html = "<img src=\""+var+"\" >"

本来想写个函数，来实现这种字符串拼接功能的，但发现好多转义问题，先放着吧！

3、其实字符串拼接还可以更简单，因为双引号单引号不在乎谁的级别高，只要能区分就可以

                var html2 = '<ul class="mui-table-view"><li class="mui-table-view-cell">第二个选项卡子项-1</li><li class="mui-table-view-cell">第二个选项卡子项-2</li><li class="mui-table-view-cell">第二个选项卡子项-3</li><li class="mui-table-view-cell">第二个选项卡子项-4</li><li class="mui-table-view-cell">第二个选项卡子项-5</li></ul>';








/*    //点击切换选项，给URL追加一个参数
    var url = location.href;
    var para = location.search;
    var pageNum = 1;
    if (para) {
        pa
    }
    location.assign(url + "&type="+pageNum)*/

webview中用html5的video方式播放视频时，在ipad上是默认原来大小的，而在iphone上是默认全屏播放的。
论坛中搜索，都没给出答案，google－》stackoverflow，找到最终解决方法：

HTML里video必须加上webkit-playsinline属性
<video id="player" width="480" height="320" webkit-playsinline>
Obj-C里，webview设置allowsInlineMediaPlayback属性为YES
webview.allowsInlineMediaPlayback = YES;
原文链接：http://stackoverflow.com/questions/3699552/html5-inline-video-on-iphone-vs-ipad-browser

思路： 明天的项目有两个地方需要改

将所有的封面图片都换成video 的poster属性，还有那个按钮和之前写的封面都去掉。没有了这种按钮，但是怕依然点击播放
为了兼容iPad，每次播放时都请求全屏播放

  function requestFullScreen(element) {
// Supports most browsers and their versions.
var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;

if (requestMethod) { // Native full screen.
  requestMethod.call(element);
} else if (typeof window.ActiveXObject !== "undefined") { // Older IE.
  var wscript = new ActiveXObject("WScript.Shell");
  if (wscript !== null) {
    wscript.SendKeys("{F11}");
  }
} }

问题：

1、绝对定位的父框，宽度100%，子元素浮动了，父框的高度由子元素决定？

解答： 说实话，绝对定位和浮动虽然在很多地方都有共同性，脱离父框、使父框高度塌陷、生成块级元素。但绝对定位就是比浮动厉害了，表现在：浮动终究逃脱不了父级元素的掌心，就算浮动也是在父框中浮动；并且，父框绝对定位，子元素浮动，父框依然包裹子元素，表现为高度由子元素撑起。

2、绝对定位的元素，宽度100%，子元素浮动，并且margin-right无效

解答：这个还解释不了