蓝戒的博客_逐梦天空-专注于web前端开发|用户体验_Page 10
Oct 13 2015
在做一个H5的移动web项目的时候，需要分享功能，之前一直是使用通用自由选择版调用，并且是在pc的web端分享使用。这次的H5项目时是第一次在手机端使用，为了更好地用户体验，很多webapp都是使用第三方的jssdk分享，但是这些jssdk要求都是在相应的IOS和Android的外壳下运行的移动web，因此无法满足这次的项目需求，最终还是选择了百度分享，分享的样式部分参考了美拍的移动web端的页面效果，... 阅读全文
Aug 26 2015
单行文本溢出的解决方法我们知道通常是使用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性，保险起见凡是要溢出的显示省略号的我们都要设置好宽，高。
单行文本溢出省略号css代码方案如下：
width:500px;
height:40px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
由于是做移动端页面遇到的多行文本溢出显示省略号... 阅读全文
Aug 10 2015
导语：
布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了众多主流浏览器的支持，这意味着，flex有了更多的用武之地。
Flex布局是什么？
Flex是Flexible Box的缩写，意为"弹性布局"... 阅读全文
Aug 09 2015
在上市的刺激下，目前很多的P2P平台都在进行融资，融资的规模大小不等，分为A轮融资、B轮融资甚至C轮融资，这对投资用户而言，无疑是利好的消息，因为平台通过融资，可以增强实力，从而在资金安全上就有更大的说服力。不过，需要指出的是，不管是A轮融资、B轮融资甚至是C轮融资，挺起高大上，但究竟是怎么一回事，很多人是不清楚的，我们就来看看A轮融资、B轮融资、C轮融资之间到底有什么区... 阅读全文
Aug 08 2015
移动前端图片上传压缩解决方案1
图片上传前端压缩演示示例：
在做移动端图片上传的时候，用户传的都是手机本地图片，而本地图片一般都相对比较大，拿iphone6来说，平时拍很多图片都是一两M的，如果直接这样上传，那图片就太大了，如果用户用的是移动流量，完全把图片上传显然不是一个好办法。
目前来说，HTML5的各种新API都在移动端的webkit上得到了较好的实现。所以直接在前端压缩图片，... 阅读全文
Aug 07 2015
文章目录
1.什么是事件流
2.事件流的类型
3.冒泡型事件（Dubbed Bubbling）
4.捕获型事件（Event Capturing）
5.事件处理函数/监听函数
6.事件注册
7.现代事件绑定方法
8.事件委托
什么是事件流
从页面中接收事件的顺序。也就是说当一个事件产生时，这个事件的传播过程，就是事件流。
浏览器中的事件流意味着页面上可有不仅一个，甚至多个元素响应同一个事件。而这一个或多个元素响应事件发... 阅读全文
Aug 05 2015
文章目录
什么是跨域
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跨域解决... 阅读全文
Jul 29 2015
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.
三列右侧自适应布局 [ 兼容 ]:
See the Pen GJwOjN by cywcd... 阅读全文
Jul 29 2015
2015年已经到来，制定移动策略框架对于企业接下来一年及以后的成功至关重要。本文中我们将探讨一些在制定年度策略时需要考虑的关键点，以及这些关键点如何能够引领你走向成功。本文涉及的主题包括：
可视化开发环境的兴起
双模IT
基于云的移动开发
HTML5 vs. 原生开发
充分利用可视化开发环境
绝大多数企业很难快速雇佣到移动开发人员，这会导致这些企业在移动应用方面所积压的工... 阅读全文
Jul 27 2015
Normalize.css 简介
Normalize.css 是一个可以定制的CSS文件，它让不同的浏览器在渲染网页元素的时候形式更统一。
官方网站：http://necolas.github.io/normalize.css/
浏览器支持情况：Chrome, Firefox, Opera, Safari 6+, IE 8+
一般前端工程师都会使用 reset.css 去处理不同浏览器的默认样式，这里推荐使用Normalize.css
Normalize.css有哪些优点
1)不像其他CSS resets，normalize.css... 阅读全文
来自的朋友,欢迎您
点击这里 订阅我的博客 o(∩_∩)o~~~
在做一个H5的移动web项目的时候，需要分享功能，之前一直是使用通用自由选择版调用，并且是在pc的web端分享使用。这次的H5项目时是第一次在手机端使用，为了更好地用户体验，很多webapp都是使用第三方的jssdk分享，但是这些jssdk要求都是在相应的IOS和Android的外壳下运行的移动web，因此无法满足这次的项目需求，最终还是选择了百度分享，分享的样式部分参考了美拍的移动web端的页面效果，...阅读全文作者：cywcd | 分类：javascript, web技术 | 阅读： 6,145 次 |抢沙发
单行文本溢出的解决方法我们知道通常是使用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性，保险起见凡是要溢出的显示省略号的我们都要设置好宽，高。 单行文本溢出省略号css代码方案如下： width:500px; height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 由于是做移动端页面遇到的多行文本溢出显示省略号...阅读全文