如果要在浏览器上显示东西 用 document.documentElement.clientHeight ，document.documentElement.clientWidth 或者 document.body.clientWidth document.body.clientHeight 这代表着网页可用区域. 网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidt…
在做一个H5的移动web项目的时候，需要分享功能，之前一直是使用通用自由选择版调用，并且是在pc的web端分享使用。这次的H5项目时是第一次在手机端使用，为了更好地用户体验，很多webapp都是使用第三方的jssdk分享，但是这些jssdk要求都是在相应的IOS和Android的外壳下运行的移动web，因此无法满足这次的项目需求，最终还是选择了百度分享，分享的样式部分参考了美拍的移动web端的页面效果，分享的js使用百度分享的专业开发版。 页面效果截图如下： 百度默认的分享样式不是我们的想要的效果，所…
单行文本溢出的解决方法我们知道通常是使用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性，保险起见凡是要溢出的显示省略号的我们都要设置好宽，高。 单行文本溢出省略号css代码方案如下： width:500px; height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 由于是做移动端页面遇到的多行文本溢出显示省略号(…)的问题，所以先介绍一下适用于移…
导语： 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了众多主流浏览器的支持，这意味着，flex有了更多的用武之地。 Flex布局是什么？ Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 .box{ …
在上市的刺激下，目前很多的P2P平台都在进行融资，融资的规模大小不等，分为A轮融资、B轮融资甚至C轮融资，这对投资用户而言，无疑是利好的消息，因为平台通过融资，可以增强实力，从而在资金安全上就有更大的说服力。不过，需要指出的是，不管是A轮融资、B轮融资甚至是C轮融资，挺起高大上，但究竟是怎么一回事，很多人是不清楚的，我们就来看看A轮融资、B轮融资、C轮融资之间到底有什么区别。 A轮融资、B轮融资、C轮融资是什么意思？ 经常会看到新闻说，某平台获得了A轮融资、B轮融资甚至C轮融资，但这几轮融资到底代表了怎样的意思，对…
移动前端图片上传压缩解决方案1 图片上传前端压缩演示示例： 在做移动端图片上传的时候，用户传的都是手机本地图片，而本地图片一般都相对比较大，拿iphone6来说，平时拍很多图片都是一两M的，如果直接这样上传，那图片就太大了，如果用户用的是移动流量，完全把图片上传显然不是一个好办法。 目前来说，HTML5的各种新API都在移动端的webkit上得到了较好的实现。所以直接在前端压缩图片，已经成了很多移动端图片上传的必备功能了。 在移动端压缩图片并且上传主要用到filereader、canvas 以及 formdata …
文章目录 1.什么是事件流 2.事件流的类型 3.冒泡型事件（Dubbed Bubbling） 4.捕获型事件（Event Capturing） 5.事件处理函数/监听函数 6.事件注册 7.现代事件绑定方法 8.事件委托 什么是事件流 从页面中接收事件的顺序。也就是说当一个事件产生时，这个事件的传播过程，就是事件流。 浏览器中的事件流意味着页面上可有不仅一个，甚至多个元素响应同一个事件。而这一个或多个元素响应事件发生的先后顺序在各个浏览器（主要针对IE和Netscape）上是不同的。 事件流的类型： DOM同时支…
文章目录 什么是跨域 js跨域解决方案1：通过jsonp跨域 js跨域解决方案2：通过修改document.domain+iframe来跨子域（不推荐） js跨域解决方案3： 使用HTML5 postMessage js跨域解决方案4：基于script标签动态创建实现跨域 js跨域解决方案5：window.name实现的跨域数据传输 js跨域解决方案6：利用iframe和location.hash js跨域解决方案7：利用flash js跨域解决方案8：服务器Proxy js跨域解决方案9：后台代理方式 …
nec更好的css解决方案之自适应布局 两列右侧自适应布局 [ 兼容 ]: 两列左侧自适应布局 [ 兼容 ]: See the Pen VLVMow by cywcd (@webzsky) on CodePen. 三列中间自适应布局 [ 兼容 ]: See the Pen mJQqbP by cywcd (@webzsky) on CodePen. 三列左侧自适应布局 [ 兼容 ]: See the Pen zGMPOy by cywcd (@webzsky) on CodePen. 三列右侧自适应布局 [ 兼容 …
2015年已经到来，制定移动策略框架对于企业接下来一年及以后的成功至关重要。本文中我们将探讨一些在制定年度策略时需要考虑的关键点，以及这些关键点如何能够引领你走向成功。本文涉及的主题包括： 可视化开发环境的兴起 双模IT 基于云的移动开发 HTML5 vs. 原生开发 充分利用可视化开发环境 绝大多数企业很难快速雇佣到移动开发人员，这会导致这些企业在移动应用方面所积压的工作越来越多。这一瓶颈是不可忍受的；公司如果想要长时间保持成功，就必须要采取行动。幸运的是，“low-code”开发平台的兴起让更多的…