2015年04月_喯啵儿灞

12月 11月 09月 08月 07月 06月 05月 04月

转载利用html5调用本地摄像头拍照上传图片

html5概念啥的就不废话了，不知道的百度，谷歌一堆。。今天学了学html5中的Canvas结合新增的标签来获取本地摄像头，在html5之前，要在浏览器获取本地摄像头只有通过插件（ActiveX，但是这种只有IE支持）或者是flash来获取（或许你没学过flash那就很坑爹了），在之后微软的silvertlight中也可以获取，但这些都比较麻烦，在html5的世界里，要获取本地摄像头，只要

2015-04-27 20:02:22 15833 3

转载 Echarts使用心得总结（二）

前言：前一段时间一直都挺忙的，各种事，也没来得及每周的总结，趁着晚上的一点时间把项目中用的Echart中常用的各种图表给抽象总结了一下，趁着周末跟大家分享一下。之前写过一篇相关的文章，当时主要是讲了如何引入、使用Echart，最新的Echart版本已经发布，之前讲的很多文件都可以删除了，下边会一一给大家细讲。为了更好的讲解如何使用这个图形渲染插件，我会通过创建一个解决方案的形式一点

2015-04-21 16:55:29 897

转载 ECharts使用心得（一）

前言上周项目组要临时给客户做一个演示的原型，首页设计的是一个中国地图，本来打算用谷歌的地图，但是，做出来之后，整体的效果看起来太差了，最后就在网上搜相关的地图呈现的控件，然后就找到了这个ECharts报表呈现组件，挺不错的一个组件，而且地图数据都是离线的，真心很赞。但是，使用起来却颇费了一番工夫。所以就把使用中的一些心得体会跟大家分享一下。1. 插件的下载以下是ECh

2015-04-21 16:54:11 1040 1

转载 border-radius bug 收集

border-radius我相信对于老一辈的前端们有着特殊的感情，在经历了没有圆角的蛮荒时代，到如今 CSS3 遍地开花，我们还是很幸福的。然而即使到了三星大脸流行时代，border-radius在移动端的表现依旧差强人意，主要有两点问题：一、Android 2.3 自带浏览器不支持 %通常我们实现一个正圆只需要border-radius: 50%即可，大致代码如下：.

2015-04-20 21:46:34 571

转载 HTML5 LocalStorage 本地存储

说到本地存储，这玩意真是历尽千辛万苦才走到HTML5这一步，之前的历史大概如下图所示：最早的Cookies自然是大家都知道，问题主要就是太小，大概也就4KB的样子，而且IE6只支持每个域名20个cookies，太少了。优势就是大家都支持，而且支持得还蛮好。很早以前那些禁用cookies的用户也都慢慢的不存在了，就好像以前禁用javascript的用户不存在了一样。

2015-04-20 17:38:21 437

转载移动web开发经验总结

1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注：transparent的属性值在android下无效。2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影。3、-webkit-transform:translate3d(0, 0, 0

2015-04-20 10:37:47 399

转载 iOS中为网站添加图标到主屏幕以及增加启动画面

虽然没有能力开发Native App，但还是可以利用iOS中Safari浏览器的特性小小的折腾一下，做一个伪Web App满足下小小的虚荣心的。既然是在iOS中的Safari折腾的，那么代码中利用到的也基本上都是Safari的私有属性。添加图标到主屏幕是Web App的第一步：[html] view plaincopyprint?li

2015-04-13 19:19:37 486

原创搜索下拉框

基于angularJs，这里有一个搜索下拉框html: <select ng-model="PayeeAccount" name="PayeeAccount" id="PayeeAccountNo" class="selectClass" ng-options="b.no for b in payeeAcLists" ui-selectsearch='{"inputId":"ac

2015-04-13 09:54:58 1232

原创点击div外区域实现隐藏

* { padding: 0; margin: 0; } #box { position: relative; margin: 50px; } #pop { display: none; position: absolute; left: 200px; top: 100px; width: 120px;

2015-04-13 09:48:48 515

转载移动端页面坑

对于前端开发者来说移动端存在更多的挑战，移动端页面开发过程中会碰到各种各样千奇百怪的问题（我们俗称BUG或坑），那么今天我为大家分享移动端页面开发过程中的一些坑和排坑技巧。移动端页面在不同设备、不同操作系统、不同运行环境下都可能造成各种各样的没有碰到过的的坑，相比曾经的IE6坑多了。下面先介绍一下4类具体常见的坑：1、外观A、页面高度渲染错误在各移动端浏览

2015-04-10 14:25:13 630

转载 Web前端重构遇到的坑

最近系统开始重构前端页面，兼容IE7、IE8、IE9。原系统只支持IE6、IE7、IE8。然后老代码的各种坑就出现了。#1.JS Date的getYear方法返回的年份Date.getYear()在IE5/6/7/8上返回的是2014，IE9及之后都是114年（即差1900年），测试代码：[html] view plaincopy

2015-04-10 14:09:33 791

转载 web前端页面性能优化小结

PS：结合了精英的思想和自己的一些小小的总结~影响用户访问的最大部分是前端的页面。网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。而前端呢？其实应该是属于功能的表现。而我们建设网站的目的是什么呢？不就是为了让目标人群来访问吗？所以我们可以理解成前端才是真正和用户接触的。除了后台需要在性能上做优化外，其

2015-04-10 13:47:53 389