移动端rem适配问题，与px以百计算。
随着移动端的发展，rem的用途越来越广泛，很好的解决了px无法适配移动端的问题。因为rem是以根节点来计算的，在根节点不确定或者有变动的情况下，计算起来异常麻烦。下面的代码很好的解决了这个问题。varfontSizes;(function(win,doc){win.setFontSize=function(){varwinWidth=window.screen.availWidth;vardpr=window.devicePixelRatio;varu=navigator.userAgent;if(u.indexOf('Android')>-1||u.indexOf('Linux')>-1){doc.documentElement.style.fontSize=(winWidth/640)*100+'px';f
Cesium中Clock控件及时间序列瓦片动态加载
Cesium中Clock控件及时间序列瓦片动态加载前言前面已经写了两篇博客介绍Cesium，一篇整体上简单介绍了Cesium如何上手，还有一篇介绍了如何将Cesium与分布式地理信息处理框架Geotrellis相结合。Cesium的强大之处也在于其可以将时间运用到3维地球上，可以根据此时间进行动画、轨迹记录、地球的光照等等所有与时间相关的可视化效果。本文介绍Cesium中的Clock控件以及如何动态加载时间序列瓦片。一、Clock控件1.1控件显示和隐藏这里说的Clock控件包含两部分，Animation控件和Timeline控件，这二者基本是同时出现或隐藏的。如下图所示：在Cesium中Viewer默认开启这两个控件，如果你想要不显示这两个控件，可以在Viewer初始化中设置其为false，代码如下：varviewer=newCesium.Viewer('cesiumContainer',{animation:false,timeline:false});但这种方式只能在初始化时设置，无法动态的切换显示状态，灵活度
通过Javascript调用微软认知服务情感检测接口的两种实现方式
通过Javascript调用微软认知服务情感检测接口的两种实现方式这是今天在黑客松现场写的代码。我们的项目需要调用认知服务的情感识别接口。官方提供了一种方式，就是从一个远程图片进行识别。我另外写了一个从本地文件读取并上传进行识别的例子。官方文档，请参考https://docs.azure.cn/zh-cn/cognitive-services/emotion/quickstarts/javascript第一种方式，使用远程的图片文件
19+ JavaScript 编码简写技巧
对于任何基于JavaScript编程的开发人员来说，都有必要认证阅读一下这篇文章。我写的这篇文章是学习JavaScript简写编码技巧的重要参考资料，这些技巧都是我多年学习和总结出来的。为了有助于理解这些简写编码技巧，我也给出了相关的编码观点。2017年6月14日：本文已更新，增加了基于ES6新的简写技巧。1.三元操作符当你想在一行代码中写一个if..else语句时，这是一个很好的节省代码的方式。普通写法：constx=20;letanswer;if(x>10){answer='isgreater';}else{answer='islesser';}简写：constanswer=x>10?'greaterthan10':'lessthan10';你也可以像这样嵌套if语句：constanswer=x>10?"greaterthan10":x2.缩短求值简写将变量值分配给另一个变量时，你可能需要
浏览器加载、解析、渲染过程是怎样的
加载过程当浏览器获得一个html文件时，会”自上而下“加载，并在加载过程中进行解析渲染。加载过程中遇到外部css文件，浏览器另外发出一个请求，来获取css文件。遇到图片资源，浏览器也会另外发出一个请求，来获取图片资源。这是异步请求，并不会影响html文档进行加载。但是当文档加载过程中遇到js文件，html文档会挂起渲染（加载解析渲染同步）的线程，不仅要等待文档中js文件加载完毕，还要等待解析执行完毕，才可以恢复html文档的渲染线程。加载外联js和css的阻塞情况一个不太严谨但方便记忆的口诀：JS全阻塞，CSS半阻塞JS会阻塞后续DOM解析以及其它资源(如CSS，JS或图片资源)的加载。CSS不阻塞DOM的加载和解析（它只阻塞DOM的渲染呈现。这里谈加载），不会阻塞其它资源(如图片)的加载，但是会阻塞后续JS文件的执行（原因之一是，js执行代码可能会依赖到css样式。css只阻塞执行而不阻塞js的加载）。鉴于上面的特性，当css后面存在j
calc() ---一个会计算的css属性
calc()---一个会计算的css属性最近这个月一直在赶项目开发，遇到的问题和学到的前端知识没有更新到博客园，现在闲了下来，就整理一下前端知识。在项目开发中，在样式这方面花费的时间较多，因为针对于数字的变化特别多，本人不爱记数字，在看设计图时总是反复计算之间的数值，觉得很麻烦，偶然谷歌一下，发现了css3的一个属性--calc()calc()很显然，是calculate的缩写--计算。是css3的一个属性。可以用来给width，height，border，margin以及padding等属性值设置动态值，拿个例子说：