dongcai1868-CSDN博客

转载使用Camera API https://developer.mozilla.org/zh-CN/docs/Web/Guide/API/Camera

使用Camera API在本文章中获取到所拍摄照片的引用在网页中展示图片完整的示例代码HTML页面:JavaScript文件:浏览器兼容性通过Camera API,你可以使用手机的摄像头拍照,然后把拍到的照片发送给当前网页.这些操作主要是通过一个input元素来实现的,其中该元素的type属性必须为"file",acce...

2016-02-16 14:00:00 737

转载手机上传图片

<inputtype="file"accept="image/*;capture=camera">ccept="image/*;这个很重要accept="image/*;转载于:https://www.cnblogs.com/GoodPingGe/p/5177860.html

2016-02-02 16:22:00 107

转载 js常用框架原理

2016-01-30 17:54:00 160

转载移动端input解决键盘问题方案1

$('body').on('focusin', 'input, textarea', function(event) { if(navigator.userAgent.indexOf('Android') > -1 && ...){ var scroll = $(this).offset(); window.scrollTo(0, scroll...

2016-01-26 14:00:00 166

转载 jq大体架构。先记录再慢慢剖析

//工具方法 Utilities //回调函数列表 Callbacks Object //异步队列 Deferred Object //浏览器功能测试 Support //数据缓存 Data //队列 Queue //属性操作 Attributes //事件系统 Events //选择器 Sizzle //DOM遍历 Traversing //DO...

2015-11-19 00:21:00 117

转载把图片存储 canvas原生API转成base64

1.LocalStorage有什么用？2.LocalStorage的普通用法以及如何存储图片。首先介绍下什么是LocalStorage它是HTML5的一种最新储存技术。但它只能储存字符串。以前的这部分工作一直是由cookie来完成。但是，cookie只能存储5k左右的数据。而localstorage可以存储5M！！这无论是PC端还是移动端，都非常的令人激动！...

2015-11-14 16:08:00 96

转载清除浮动的6中方法

额外标签法使用:after 伪元素给父元素定高利用overflow:hidden;属性父元素浮动父元素处于绝对定位在开发网页的时候经常需要用到各种浮动，此时便需要及时的清除浮动，否则将会导致布局出现问题引出问题：<!DOCTYPE html><html lang="en">...

2015-11-05 20:30:00 71

转载 window.location.hash属性介绍

location是javascript里边管理地址栏的内置对象，比如location.href就管理页面的url，用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如http://domain/#admin的location.hash="#admin"。利用这个属性值可以做一个非常有意义的事情。很多人都喜...

2015-10-29 17:09:00 121

转载前端性能优化之js,css调用优化

规则1：减少HTTP请求把多个JS请求合并为一个JS请求，把多个CSS请求合并为一个CSS请求。从而减少从客户端向服务器端的请求数。规则3：添加Expires头用http请求的查看工具，我这里用的是firebug查看http请求，可以看到响应头中有Expires头，unicorn的设置的默认过期时间是30分钟。即是如果当前网页未过期，浏览器不会发请求，直接查...

2015-10-27 16:22:00 122

转载数组中的对象，判断是否有重复值、

蛋疼，销售中有重复商品上报 var arry = [ { itemType: "1", item_id: "86753", organizationId: "3117", price: "1000", qty: "1", }, { itemType: "1", item_...

2015-10-22 00:34:00 1354

转载图片懒加载

(function(){ //common function tagName(tagName){ return document.getElementsByTagName(tagName); } function $(id)...

2015-10-14 10:45:00 113

转载 http协议知识点

前端工程师，也叫Web前端开发工程师。他是随着web发展，细分出来的行业。第一步要学好HTML、CSS和JavaScript！接着就要学习交互，HTTP协议、Tomcat服务器、PHP服务器端技术是必备~下面让我们一起学习和巩固下HTTP协议　　-HTTP 协议　　HTTP 是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于...

2015-09-20 15:05:00 97

转载格式化数字

$scope.number = function (item, field) { return parseFloat(item[field]).toFixed(2).replace(/(\d{1,3})(?=(\d{3})+(?:$|\.))/g, "$1,");转载于:https://www.cnblogs.com/GoodPingGe/p/4819...

2015-09-18 15:09:00 60

转载高性能 CSS3 动画

注：本文出自腾讯AlloyTeam的元彦，文章也可以在github上浏览。请尊重版权，转载请注明来源，多谢～～高性能移动Web相较PC的场景需要考虑的因素也相对更多更复杂，我们总结为以下几点：流量、功耗与流畅度。在PC时代我们更多的是考虑体验上的流畅度，而在Mobile端本身丰富的场景下，需要额外关注对用户基站网络流量使用的情况，设备耗电量的情况。关于流畅度，主要体现在前...

2015-09-15 22:16:00 68

转载 QQ浏览器X5内核问题汇总转

常常被人问及微信中使用的X5内核的问题，其实我也不是很清楚，只知道它是基于android 4.2的webkit，版本号是webkit 534。今天正好从X5团队拿到了一份问题汇总，梳理下发出来，给各位开发者以参考——不排除明天会删除这篇文章的可能。1.Android WebView常见问题及解决方案汇总：http://blog.csdn.net/t12x3456/articl...

2015-09-15 22:13:00 487

转载 input清楚阴影 number属性

IOS，input出现阴影：input[type="text"],input[type="email"],input[type="search"],input[type="number"],input[type="password"] { -webkit-appearance: none; /* 清楚ios阴影 */-moz-appearance: none; /* mobi...

2015-09-10 15:10:00 104

转载 H5调用本地摄像头

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="http://123.56.106.187:8010/Script...

2015-08-13 09:02:00 224

转载转溢出隐藏

大家应该都知道用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性。overflow: hidden;text-overflow: ellipsis;white-space: nowrap;但是这个属性并不支持多行文本溢出显示省略号，这里根据应用场景介绍几个方法来实现这样的效果。W...

2015-08-11 17:33:00 62

转载多行，溢出隐藏 css

.ellipsis-line{width:200px;line-height:18px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}4代表行数转载于:...

2015-08-11 17:31:00 49

转载 JS判断移动端还是PC端(改造自腾讯网) 仅用于宣传动画,下载页等

JS判断移动端还是PC端(改造自腾讯网http://www.qq.com/)本脚本仅用于宣传动画,下载页(ipad也算pc端)等,ionic 用ionic.platform即可(ionic.platform的匹配机型没有腾讯的脚本全面)// 改造自腾讯网functionisMo...

2015-07-28 13:53:00 77

转载 (转)Angular中的拦截器Interceptor

什么是拦截器？异步操作例子Session 注入(请求拦截器)时间戳(请求和响应拦截器)请求恢复 (请求异常拦截)Session 恢复 (响应异常拦截器)转之：http://my.oschina.net/ilivebox/blog/290881?p=1原文：Interceptors in AngularJS a...

2015-07-28 13:50:00 233

转载 flex 布局自己做的demo

.row {/*横*/ display: -webkit-box;// display: -webkit-flex; /* Safari */ display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; width: 100%; }.row-wrap {/*横不换行*/ -webkit-flex...

2015-07-22 17:38:00 131

转载 flex布局（转）

网页布局(layout)是CSS的一个重点应用。　　布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。　　2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，...

2015-07-22 16:36:00 74

转载使用 HTML5 input 类型提升移动端输入体验(转翻译)

在过去的几年里，在移动设备上浏览网页已变得难以置信的受欢迎。但是这些设备上的浏览体验，有时遗留很多的有待改进。当涉及到填写表单时，这一点尤为明显。幸运的是，HTML5规范引入了许多新input类型，使得在移动设备上，用户更容易填写的你的网页表单。这是一个相当棒的进展，移动浏览器厂商拿起新的HTML5 input类型，并使用它们来显示定制过的键盘布局，使用户更...

2015-07-20 16:40:00 66

转载 AngularJS性能优化心得,自己踩过的抗，及一些别人的经验（转哦）

脏数据检查 != 轮询检查更新谈起angular的脏检查机制(dirty-checking), 常见的误解就是认为： ng是定时轮询去检查model是否变更。其实，ng只有在指定事件触发后，才进入$digest cycle：DOM事件，譬如用户输入文本，点击按钮等。(ng-click)XHR响应事件 ($http)浏览器Location变更事件 ($location)...

2015-07-17 21:35:00 125

转载 ui-route的一般用法，比较简单。在平时项目也用到，但是我也要记下来，虽然是'借鉴的'，取其精华...

这是个啥？ui-router是一个web客户端的路由解决方案。我觉得它最大的作用是将web界面的设计分块了。分块分层最初的web访问模型，是这样的：我们访问page1，然后访问page2....在新的模型中它变成了这个样子：访问效果是一样的，但是从设计上已经有了变化。它变成了：只有一张网页，在网页中有不同的区域，每个区域都可擦写。仔细想想好像也挺...

2015-05-25 23:51:00 92

转载 AngularJS中如果ng-src 图片加载失败怎么办

我们知道AngularJS加载图片的方法是用加ng-src标签，例如：<img ng-src="{{currentUrl}}"/>其中currentUrl为图片地址，如果图片正常能显示，那这么使用一点问题没有，但是，如果图片加载失败了（例如该图片已经不存在，从而出现404错误），在该放图片的地方就会出现一个难看的图片加载失败图标，如果想把这个图标换成你自定义的图...

2015-05-25 23:11:00 184

转载 AngularJS ui-router 用resolve、service预先加载数据写法，属于优化性能方面吧

AngularJS的service怎么声明此处就不再赘述，下面的例子是ui-router中使用service的实现代码$stateProvider.state('myState', { url: "/itemDetail/:itemId", templateUrl:"view/item.detail.html", resolve:...

2015-05-25 23:04:00 73

转载 [译]ng指令中的compile与link函数解析转

通常大家在使用ng中的指令的时候,用的链接函数最多的是link属性,下面这篇文章将告诉大家complie,pre-link,post-link的用法与区别.原文地址angularjs里的指令非常神奇,允许你创建非常语义化以及高度重用的组件,可以理解为web components的先驱者.网上已经有很多介绍怎么使用指令的文章以及相关书籍,相互比较的话,很少有介绍compile与...

2015-05-25 11:46:00 106

转载 Angular中directive——scope选项与绑定策略，这个也经常迷惑的。

开门见山地说，scope:{}使指令与外界隔离开来，使其模板(template)处于non-inheriting(无继承)的状态，当然除非你在其中使用了transclude嵌入，这点之后的笔记会再详细记录的。但是这显然不符合实际开发中的需求，因为实际上，我们经常想要我们的指令能够在特定的情况下与外界进行数据上的交互，这就需要借助绑定策略之手了。大家知道，当scope选项写为sco...

2015-05-22 14:40:00 75

转载 Service vs Factory vs provider的迷惑

刚开始我很迷惑的，但是经过一段时间的项目，还有看大漠老师的东西，似乎明白了，他们的区别也就是一个人喜欢吃面还是吃饭或者肯德基区别。目的就是填饱肚子！以下是它们在AngularJS源代码中的定义：123456789function factory(name, factoryFn) { retur...

2015-05-20 16:30:00 85

转载 Angular项目构建指南 - 不再为angular构建而犹豫不决(转)

如果你不知道什么是Angular或者根本没听说过,那么我接下来所说的对你来说毫无益处,不过如果你打算以后会接触Angular或者干脆要涨涨姿势~读下去还是有点用的.Angular和它之前所出现的其余前端框架最大的不同,在于它的核心不再是DOM,而是数据,是model.我们惯用的不管是单纯的jQuery还是MVC的Backbone,它们本质仍是让我们更方便更有条理的操作DOM,...

2015-05-16 13:42:00 106

转载如何调试手机上的网页以及基于Cordova/Phonegap的Hybrid应用

开发手机页面以及Hybird应用时，调试曾经是个老大难问题，不时需要用写log等方式曲线救国。实际上，Chrome和Android(需要4.4+版本)已经提供了不亚于电脑版本的调试功能，只是看样子还有好多人不知道，所以写下来分享给各位。本文遵循CC协议，欢迎转发，但请注明作者和出处(http://ngnice.com/posts/659f97a6f06c90)。操作分成电脑和手...

2015-05-13 23:57:00 52

转载 ionic系列教程 1 -------ionic是什么

ssdsds转载于:https://www.cnblogs.com/GoodPingGe/p/4502029.html

2015-05-13 23:07:00 72

转载 ionic系列教程 2 ---- 安装

开发平台注意点首先，我们需要注意构建Ionic App需要的最低配置:Ionic只支持iOS6 +和Android 4.0 + ，（虽然2.3可以工作，但会有点卡）。但是，Android设备众多，可能出现某些不能正常工作。我们希望你帮助测试和改进我们的设备兼容性，有问题可以反馈到GitHub项目上。你可以在任何你喜欢的操作系统应用程序开发的Ionic app。事实上，Ionic在MA...

2015-05-13 22:49:00 121

转载 js字符串常用的方法总结，及其用法

JS自带函数concat将两个或多个字符的文本组合起来，返回一个新的字符串。var a = "hello";var b = ",world";var c = a.concat(b);alert(c);//c = "hello,world"indexOf返回字符串中一个子串第一处出现的索引（从左到右搜索）。如果没有匹配项，返回 -1 。var index1 = a.indexOf("l")...

2015-05-05 10:06:00 54

转载 formData一般用法，移动端，pc端都可以用，pc有兼容性问题

其实FormData是一个对象他是一个比较新的东东（其实我也不知道改叫什么好）利用FormData对象,你可以使用一系列的键值对来模拟一个完整的表单,然后使用XMLHttpRequest发送这个"表单".下面我来讲讲他的用法：　　首先我们来new 一个 FormDate对象，　　例如： var date = newFormDate()；　　其实我第一眼...

2015-05-04 15:04:00 525

转载判断是否微信，qq等登陆。进去不同的页面下载

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>安得直通宝下载</title> <meta name="format-detection" content="telephone=no" /> <...

2015-04-16 09:08:00 124

转载 angular.js中路由用法及概念

　　在开讲之前，首先谈谈APP应用。平时我们用的app总是多页面，如果用原生安卓或者苹果，那当然很流畅啦。但是当我们用一般的html页面做移动端，简单时候我们可以用<a href=""></a>这样的标签去链接页面时，速度还是可以的。　　但是当我们的应用越来越多时，切换起来没那么流畅。又是碍于网速，页面加载进来有点慢。但是在angular里面，我们可以用路由进...

2015-03-24 23:31:00 112

转载 angular.js中指令compile与link原理剖析

在angularJs应用启动之前，它们是以HTML文本形式存在文本编辑器当中。应用启动会进行编译和链接，作用域会同HTML进行绑定。这个过程包含了两个阶段！编译阶段　　在编译的阶段，angularJs会遍历整个的文档并根据JavaScript中指令定义来处理页面上什么的指令。在遍历的过程中，有可能一层套着一层，一直延深处遍历。一但遍历和编译完毕就会返回一个叫做模板函数的函数。在这...

2015-03-23 23:21:00 191

空空如也

空空如也