蓝戒的博客_逐梦天空-专注于web前端开发|用户体验_Page 6
Sep 20 2016
概述：
Exif.js 提供了 JavaScript 读取图像的原始数据的功能扩展，例如：拍照方向、相机设备型号、拍摄时间、ISO 感光度、GPS 地理位置等数据。
git地址：https://github.com/exif-js/exif-js/
demo：http://code.ciaoca.com/javascript/exif-js/demo/
注意事项：
EXIF 数据主要来******************摄的照片，多用于移动端开发，PC 端也会用到，此插件兼容主流浏览器，IE10 以下不支持。... 阅读全文
Sep 12 2016
方案一：
1.viewport设置：
<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
2.html根元素font-size设置（注：设计稿640px）：
var deviceWidth = document.documentElement.clientWidth;
if(deviceWidth > 640) deviceWidth = 640;
document.documentElement.style.fontSize = deviceWidth / 6.4 + ‘px‘;
方案二：
1.viewport初始设置：
<... 阅读全文
Aug 15 2016
首先看一段ECMA中对Object.prototype.toString的解释：
1.If the this value is undefined, return "[object Undefined]".
2.If the this value is null, return "[object Null]".
3.Let O be the result of calling ToObject passing the this value as the argument.
4.Let class be the value of the [[Class]] internal property of O.
5.Return the String value that is the result o... 阅读全文
Aug 04 2016
本指南汇集React-Native各类学习资源，给大家提供便利。指南正在不断的更新，大家有好的资源欢迎Pull Requests！
同时还有Awesome React Native系列 https://github.com/jondot/awesome-react-native
目录
教程
React Native
React.js
ES6
系列教程
开源APP
图书
组件
工具
资源网站
业界讨论
教程
React Native
构建 Facebook F8 2016 App / React Native 开发指南 http://f8-app.li... 阅读全文
Jul 20 2016
Verlet-js概述
Verlet-js 是使用JavaScript编写的物理引擎，基于 JavaScript 编写，作者是 Sub Protocol。粒子系统、距离限制、角度限制等，Verlet-js 都能支持，基于这些基础，你可以在应用中实现一些非常酷的、具备物理特性的效果，比如碰撞、滚动、滑动或弹跳。
谷歌之前上线了一个Google Gravity项目，你会发现所有的页面元素纷纷落下，你还可以随意拖动窗口，窗口中的元素也会做出相... 阅读全文
Jul 20 2016
angularjs指令参数解析
什么是指令(directive)
指令就是DOM与逻辑行为的媒介，本质就是DOM绑定的独立逻辑行为函数。
如果你写过AngularJS的应用，那么你一定已经使用过指令，不管你有没有意识到。你肯定已经用过简单的指令，比如 ng-mode, ng-repeat, ng-show等。
AngularJS 通过被称为 指令 的新属性来扩展 HTML。
AngularJS 通过内置的指令来为应用添加功能。
AngularJS 允许你自定义指令... 阅读全文
Jul 19 2016
***注：本文中所有or中间的-中线是不存在，添加跳过很坑的发布内容信息验证问题，请自动忽略o-r中间的 - 中线。
首先是angular-ui-router的基本用法。
■ 如何引用依赖angular-ui-router
angular.module('app',["ui.router"])
.config(function($stateProvider){
$stateProvider.state(stateName, stateCofig);
})
■ $stateProvider.state(stateName, stateConfig)
stateName是string类型
st... 阅读全文
Jul 18 2016
概述：
AngularJS路由功能是一个纯前端的解决方案，与我们熟悉的后台路由不太一样。后台路由，通过不同的URL会路由到不同的控制器上(controller)，再渲染(render)到页面(HTML)。AngularJS的前端路由，需求提前对指定的(ng-app)，定义路由规则(routeProvider)，然后通过不同的URL，告诉(ng-app)加载哪个页面(HTML)，再渲染到(ng-app)视图(ng-view)中。
AngularJS的前端路由，虽然URL输入不一... 阅读全文
Jun 28 2016
Angular用户都想知道数据绑定是怎么实现的。你可能会看到各种各样的词汇：$watch,$apply,$digest,dirty-checking... 它们是什么？它们是如何工作的呢？
让我们从头开始吧。
浏览器事件循环和Angular.js扩展
我们的浏览器一直在等待事件，比如用户交互。假如你点击一个按钮或者在输入框里输入东西，事件的回调函数就会在javascript解释器里执行，然后你就可以做任何DOM操作，等回调函数执行... 阅读全文
May 24 2016
备注：所有的o-r中间添加了- 中线，系统有屏蔽词关键词，因此加了- 中线处理。
通过Camera API,你可以使用手机的摄像头拍照,然后把拍到的照片发送给当前网页.这些操作主要是通过一个input元素来实现的,其中该元素的type属性必须为"file",accept属性要允许图片格式,这样才能知道这个文件选择框是用来选择图片的.,完整的HTML结构看起来是这样的:
<input type="file" id="take-picture" acc... 阅读全文
来自的朋友,欢迎您
点击这里 订阅我的博客 o(∩_∩)o~~~
概述： Exif.js 提供了 JavaScript 读取图像的原始数据的功能扩展，例如：拍照方向、相机设备型号、拍摄时间、ISO 感光度、GPS 地理位置等数据。 git地址：https://github.com/exif-js/exif-js/ demo：http://code.ciaoca.com/javascript/exif-js/demo/ 注意事项： EXIF 数据主要来******************摄的照片，多用于移动端开发，PC 端也会用到，此插件兼容主流浏览器，IE10 以下不支持。...阅读全文抢沙发
方案一： 1.viewport设置： <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1"> 2.html根元素font-size设置（注：设计稿640px）： var deviceWidth = document.documentElement.clientWidth; if(deviceWidth > 640) deviceWidth = 640; document.documentElement.style.fontSize = deviceWidth / 6.4 + ‘px‘; 方案二： 1.viewport初始设置： <...阅读全文作者：cywcd | 分类：html5, javascript | 阅读： 2,727 次 |
首先看一段ECMA中对Object.prototype.toString的解释： 1.If the this value is undefined, return "[object Undefined]". 2.If the this value is null, return "[object Null]". 3.Let O be the result of calling ToObject passing the this value as the argument. 4.Let class be the value of the [[Class]] internal property of O. 5.Return the String value that is the result o...阅读全文作者：cywcd | 分类：javascript | 阅读： 3,855 次 | 标签：toString
本指南汇集React-Native各类学习资源，给大家提供便利。指南正在不断的更新，大家有好的资源欢迎Pull Requests！ 同时还有Awesome React Native系列 https://github.com/jondot/awesome-react-native 目录 教程 React Native React.js ES6 系列教程 开源APP 图书 组件 工具 资源网站 业界讨论 教程 React Native 构建 Facebook F8 2016 App / React Native 开发指南 http://f8-app.li...阅读全文
Verlet-js概述 Verlet-js 是使用JavaScript编写的物理引擎，基于 JavaScript 编写，作者是 Sub Protocol。粒子系统、距离限制、角度限制等，Verlet-js 都能支持，基于这些基础，你可以在应用中实现一些非常酷的、具备物理特性的效果，比如碰撞、滚动、滑动或弹跳。 谷歌之前上线了一个Google Gravity项目，你会发现所有的页面元素纷纷落下，你还可以随意拖动窗口，窗口中的元素也会做出相...阅读全文
angularjs指令参数解析 什么是指令(directive) 指令就是DOM与逻辑行为的媒介，本质就是DOM绑定的独立逻辑行为函数。 如果你写过AngularJS的应用，那么你一定已经使用过指令，不管你有没有意识到。你肯定已经用过简单的指令，比如 ng-mode, ng-repeat, ng-show等。 AngularJS 通过被称为 指令 的新属性来扩展 HTML。 AngularJS 通过内置的指令来为应用添加功能。 AngularJS 允许你自定义指令...阅读全文
概述： AngularJS路由功能是一个纯前端的解决方案，与我们熟悉的后台路由不太一样。后台路由，通过不同的URL会路由到不同的控制器上(controller)，再渲染(render)到页面(HTML)。AngularJS的前端路由，需求提前对指定的(ng-app)，定义路由规则(routeProvider)，然后通过不同的URL，告诉(ng-app)加载哪个页面(HTML)，再渲染到(ng-app)视图(ng-view)中。 AngularJS的前端路由，虽然URL输入不一...阅读全文
备注：所有的o-r中间添加了- 中线，系统有屏蔽词关键词，因此加了- 中线处理。 通过Camera API,你可以使用手机的摄像头拍照,然后把拍到的照片发送给当前网页.这些操作主要是通过一个input元素来实现的,其中该元素的type属性必须为"file",accept属性要允许图片格式,这样才能知道这个文件选择框是用来选择图片的.,完整的HTML结构看起来是这样的: <input type="file" id="take-picture" acc...阅读全文