- 博客(12)
- 资源 (16)
- 问答 (5)
- 收藏
- 关注
转载 利用html5调用本地摄像头拍照上传图片
html5概念啥的就不废话了,不知道的 百度, 谷歌一堆。。今天学了学html5中的Canvas结合新增的标签来获取本地摄像头,在html5之前,要在浏览器获取本地摄像头只有通过插件(ActiveX,但是这种只有IE支持)或者是flash来获取(或许你没学过flash那就很坑爹了),在之后微软的silvertlight中也可以获取,但这些都比较麻烦,在html5的世界里,要获取本地摄像头,只要
2015-04-27 20:02:22 15926 3
转载 Echarts使用心得总结(二)
前言: 前一段时间一直都挺忙的,各种事,也没来得及每周的总结,趁着晚上的一点时间把项目中用的Echart中常用的各种图表给抽象总结了一下,趁着周末跟大家分享一下。之前写过一篇相关的文章,当时主要是讲了如何引入、使用Echart,最新的Echart版本已经发布,之前讲的很多文件都可以删除了,下边会一一给大家细讲。 为了更好的讲解如何使用这个图形渲染插件,我会通过创建一个解决方案的形式一点
2015-04-21 16:55:29 919
转载 ECharts使用心得(一)
前言 上周项目组要临时给客户做一个演示的原型,首页设计的是一个中国地图,本来打算用谷歌的地图,但是,做出来之后,整体的效果看起来太差了,最后就在网上搜相关的地图呈现的控件,然后就找到了这个ECharts报表呈现组件,挺不错的一个组件,而且地图数据都是离线的,真心很赞。但是,使用起来却颇费了一番工夫。所以就把使用中的一些心得体会跟大家分享一下。 1. 插件的下载 以下是ECh
2015-04-21 16:54:11 1044 1
转载 border-radius bug 收集
border-radius我相信对于老一辈的前端们有着特殊的感情,在经历了没有圆角的蛮荒时代,到如今 CSS3 遍地开花,我们还是很幸福的。 然而即使到了三星大脸流行时代,border-radius在移动端的表现依旧差强人意,主要有两点问题: 一、Android 2.3 自带浏览器不支持 % 通常我们实现一个正圆只需要border-radius: 50%即可,大致代码如下: .
2015-04-20 21:46:34 579
转载 HTML5 LocalStorage 本地存储
说到本地存储,这玩意真是历尽千辛万苦才走到HTML5这一步,之前的历史大概如下图所示: 最早的Cookies自然是大家都知道,问题主要就是太小,大概也就4KB的样子,而且IE6只支持每个域名20个cookies,太少了。优势就是大家都支持,而且支持得还蛮好。很早以前那些禁用cookies的用户也都慢慢的不存在了,就好像以前禁用javascript的用户不存在了一样。
2015-04-20 17:38:21 441
转载 移动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 403
转载 iOS中为网站添加图标到主屏幕以及增加启动画面
虽然没有能力开发Native App,但还是可以利用iOS中Safari浏览器的特性小小的折腾一下,做一个伪Web App满足下小小的虚荣心的。 既然是在iOS中的Safari折腾的,那么代码中利用到的也基本上都是Safari的私有属性。 添加图标到主屏幕是Web App的第一步: [html] view plaincopyprint? li
2015-04-13 19:19:37 498
原创 搜索下拉框
基于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 1244
原创 点击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 565
转载 移动端页面坑
对于前端开发者来说移动端存在更多的挑战,移动端页面开发过程中会碰到各种各样千奇百怪的问题(我们俗称BUG或坑),那么今天我为大家分享移动端页面开发过程中的一些坑和排坑技巧。 移动端页面在不同设备、不同操作系统 、不同运行环境下都可能造成各种各样的没有碰到过的的坑,相比曾经的IE6坑多了。下面先介绍一下4类具体常见的坑: 1、外观 A、页面高度渲染错误 在各移动端浏览
2015-04-10 14:25:13 659
转载 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 797
转载 web前端页面性能优化小结
PS:结合了精英的思想和自己的一些小小的总结~ 影响用户访问的最大部分是前端的页面。网站的划分一般为二:前端和后台。我们可以理解成后台是用来实现网站的功能的,比如:实现用户注册,用户能够为文章发表评论等等。而前端呢?其实应该是属于功能的表现。 而我们建设网站的目的是什么呢?不就是为了让目标人群来访问吗?所以我们可以理解成前端才是真正和用户接触的。 除了后台需要在性能上做优化外,其
2015-04-10 13:47:53 393
linux下离线部署sphinx1.8.3,且安装python3.6.8的所有依赖包
2022-10-13
ElementUI静态主题样式包,实现elementui动态换肤
2020-01-09
eclipse_neon&jdk;_1.8
2018-06-08
模仿电商平台360度旋转展示商品
2017-11-09
懒加载插件+demo+API
2017-10-23
html5调取移动端摄像头或相册
2017-03-01
Cypress截图控制大小、像素
2022-11-17
自定义git bash脚本,如何识别冲突,并终止命令
2021-02-08
html5开发在Android端浏览器阻住键盘默认事件无效
2018-03-27
TA创建的收藏夹 TA关注的收藏夹
TA关注的人