- 博客(124)
- 收藏
- 关注
RSS订阅原创 Cesium 概述 (二) 空间数据可视化
空间数据可视化Cesium提供Entity API来绘制空间数据，例如点、标记、标签、线、3D模型、形状、立体形状（volume）。Entity API简介Cesium提供两类API：（1）面向图形开发人员的底层API，通常称为“Primitive API”。该API暴露最小限度的抽象，使用图形学术语，具有很大的灵活性，需要具有图形学编程的知识（2）高级别的
2016-07-09 11:07:19
41689
3
原创 Cesium 概述 (一)
Cesium是一个基于JavaScript的开源框架，可用于在浏览器中绘制3D的地球，并在其上绘制地图（支持多种格式的瓦片服务），该框架不需要任何插件支持，但是浏览器必须支持WebGL。Cesium支持多种数据可视化方式，可以绘制各种几何图形、导入图片，甚至3D模型。同时，Cesium还支持基于时间轴的动态数据展示，例如，我们可以用它绘制卫星运行轨迹。
2016-07-09 10:59:59
40392
12
原创 Web 前端开发学习资料整理
以前学习过一段时间的web前端开发，整理了一些我看过的/我认为比较好的学习资料（网站、书籍）。我只是闲来无事整理一下,如有不足，嘴下留情..毕竟分享不是一件坏事,共同学习...一、 语言基础（以书和网站为主）1.HTML&CSS：（1）入门：Codeademy上的html&css课程——在线交互式编程平台，弄清楚基本概念和基本语法w3school上的HTML/CSS教程——
2016-07-09 10:45:56
11081
原创 WebGL技术学习之路
相比其他前端技术，WebGL最大的特点的就是学习曲线异常之陡，入门感觉比较难。另外在这方面的资料也非常少，一部分因为该技术出现的时间还比较晚，另外它和OpenGL这样成熟的技术类似，很多人熟悉了OpenGL之后并不再需要单独介绍WebGL。这里沉淀了目前LBS-WEB所积累下来的WebGL资源，供大家学习。如何学习这里给大家一些学习方法和经验：找一本入门书籍开始阅读，作者最
2016-07-05 15:11:20
4561
转载 前端组件化框架之路
1. 为什么组件化这么难做Web应用的组件化是一个很复杂的话题。在大型软件中，组件化是一种共识，它一方面提高了开发效率，另一方面降低了维护成本。但是在Web前端这个领域，并没有很通用的组件模式，因为缺少一个大家都能认同的实现方式，所以很多框架/库都实现了自己的组件化方式。前端圈最热衷于造轮子了，没有哪个别的领域能出现这么混乱而欣欣向荣的景象。这一方面说明前端领域的创造力
2016-07-05 15:02:18
9489
原创 React与AngularJS到底那个更快...
React自诞生以来，一直以其渲染速度快著称，特别与AngularJS和EmberJS等相比更是如此。但也有人不同意这个观点，以色列软件开发公司500Tech的CEO Boris Dinkevich近日发表博文称，其实React并不真正比AngularJS快。React之所以被人们认为快的原因，是因为DOM操作起来很慢，而React采用了Virtual DOM来避免直接对DOM进行操作。B
2016-07-05 14:53:35
4082
1
转载 致我们终将组件化的web
转自 Web开发,经验心得 on 2015年11月24日 by TAT.bizai view: 14,07243这篇文章将从两年前的一次技术争论开始。争论的聚焦就是下图的两个目录分层结构。我说按模块划分好，他说你傻逼啊，当然是按资源划分。 《=》 ”按模块划分“目录结构，把当前模块下的所有逻辑和资源都放一起了，这对于多人独自开发和维护个人模块
2016-07-05 14:43:35
1062
原创 优化Angular应用的性能
MVVM框架的性能，其实就取决于几个因素：监控的个数数据变更检测与绑定的方式索引的性能数据的大小数据的结构我们要优化Angular项目的性能，也需要从这几个方面入手。1. 减少监控值的个数监控值的个数怎么减少呢？考虑极端情况，在不引入Angular的时候，监控的个数是为0的，每当我们有需要绑定的数据项，就产生了监控值。我们注意到，Angular里面使
2016-07-05 14:38:05
5318
原创 AngularJS实例教程（二）
作用域与事件学习Angular，首先要理解其作用域机制。Angular应用是分层的，主要有三个层面：视图，模型，视图模型。其中，视图很好理解，就是直接可见的界面，模型就是数据，那么视图模型是什么呢？是一种把数据包装给视图调用的东西。所谓作用域，也就是视图模型中的一个概念。根作用域在第一章中，有这么一个很简单的数据绑定例子：input ng-model
2016-07-05 14:34:59
2032
原创 AngularJS实例教程（一）
AngularJS 诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言
2016-07-05 14:30:43
3959
原创 浅谈--数据库 SQL千万级数据处理解决方案
在这个大数据兴起的时代，过亿条的数据的处理已经不少见了。以至于一个处理过程要几个小时的。后面慢慢优化，查找一些经验文章。才学到了一些基本方法。分享一下，由于不是专业的DBA，可能不是最优的解决方案,共同学习和探讨吧...1. 数据太多。放在一个表肯定不行。 比如月周期表。一个月1000万，一年就1.2亿，如此累计下去肯定不行的。所以都是基于一个周期数据一个表。甚至一个周期数据就要分几个
2016-07-05 11:57:27
18029
2
转载 地图产品如此烧钱，为何巨头们还要拼命布局？
无论是PC互联网时代还是移动互联网时代，地图一直是一条烧钱的产品线，但为什么还会成为BAT巨头们纷纷布局的战略性产品？倍受巨头们亲睐的地图业务，到底具有哪些卡位作用呢？地图的战略地位真的那么重要吗？笔者不妨来解读下：第一，地图是工具类产品中少有的刚需性应用一般来说，应用类的产品都是以某一个功能取胜，人们只是把它作为一个工具，用时拿起，不用时则被遗忘在一个角落。但地图产品不一样，地图
2016-07-04 11:33:58
945
原创 WebGL高级编程-- 开发Web 3D 图形
WebGL是一种3D绘图标准，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。显然，WebGL技术标准免去了开发网页专用渲染插件
2016-07-04 11:20:19
4959
5
原创 nodejs开发遇到过的坑
1. callback事件回调是nodejs非常常见的一个应用场景，那大家先来看看以下这段代码是否存在什么问题？get(params, function(err, data) { if (err) { callback(err); } //对data进行操作 var row = data[0];});看出来了吧。对，就是err存在时，callback之后，接下
2016-07-04 10:08:15
2234
原创 关于对于一个新框架的学习心得
我们学一个东西，通常两个目的：为了解决现有的问题为了解决将来可能会有的问题所以，在学这些东西之前，先必须了解，它们是用来解决什么问题的。Angular，React，Vue，这三者其实面对的是同一个领域，那就是Web应用 · 这三者中，Angular的适用领域相对窄一些，React可以拓展到服务端，移动端Native部分，而Vue因为比较轻量，还能用于业务场景非常轻的
2016-07-02 10:46:28
2126
原创 前端开发者如何与UI设计师沟通
一般设计师给前端的只有psd，没有其它多余的东西，连基础的文档都懒得给。前端期望中的设计能给予的除了psd之外，还有设计上游岗位传递下来的东西。比如：产品原型，需求文档，交互文档等等。一般在真正的代码开发进行之前，前端期望中设计给的东西有：1. 1份jpg文件: 里边有各个psd的动作分解图，包括页面逻辑，或交互分解。设计师放成这样的目的在于在做设计时方便的拷贝，但对开发人员来说，如果分级
2016-07-02 10:37:44
7907
原创 The book of OpenLayers 3
The book of OpenLayers 3下载地址：https://yunpan.cn/cBK7X95q79FPX （提取码：6af9）
2016-07-02 10:11:55
1225
1
原创 javascript渲染单页效率简述
浏览器渲染过程，其实大家也大概都了解过：浏览器通过网络请求加载页面资源，在页面呈现之前无论如何都要经历以下过程：HTML→DOMCSS→CSSOMDOM + CSSOM → Render Tree对Render Tree进行布局计算(Layout)对布局结果进行屏幕绘制(Paint)如果在JS渲染页面模式下，需要在前端用JS加载样式并组装数据生成HTML插入页面
2016-07-02 10:00:01
797
原创 Web应用组件化的权衡
1. 基本概念什么是Web应用？所谓Web应用，指的是那些虽然用Web技术构建，但是展现形式却跟桌面程序或者移动端原生应用类似的产品。这类产品的特点是逻辑较重，交互复杂，通常也是单页式的。主要包括：交互占比较高的页面体系以各种Hybrid技术构建的应用，其中的Web部分大部分可以等同于所谓的“单页面应用”，可以参见之前写的这篇：构建单页Web应用组件
2016-07-02 09:45:34
6326
原创 Web应用的组件化进阶篇
管控平台在上一篇中我们提到了组件化的大致思路，这一篇主要讲述在这么做之后，我们需要哪些外围手段去管控整个开发过程。从各种角度看，面对较大规模前端开发团队，都有必要建立这么一个开发阶段的协作平台。在这个平台上，我们要做哪些事情呢？1. HTML片段我们为什么要管理HTML片段？因为有界面要用它们，当这些片段多了之后，需要有个地方来管理起来，可以检索、预览它们，还能看到
2016-07-02 09:43:28
4010
原创 Web应用的组件化
基本思路1. 为什么要做组件化？无论前端也好，后端也好，都是整个软件体系的一部分。软件产品也是产品，它的研发过程也必然是有其目的。绝大多数软件产品是追逐利润的，在产品目标确定的情况下，成本有两个途径来优化：减少部署成本，提高开发效率。减少部署成本的方面，业界研究得非常多，比如近几年很流行的“去IOE”，就是很典型的，从一些费用较高的高性能产品迁移到开源的易替换的产品集群，又
2016-07-02 09:41:11
4633
原创 GML、SVG、VML的比较
GML、SVG和VML都是基于XML的可用来描述矢量图形的标记语言，都是XML词表，它们的语法并不难理解，但它们都有各自不同的用途和特点，下面简单介绍一下。 GML(Geography Markup Language) 是基于XML的空间信息编码标准，由OpenGIS Consortium (OGC)提出，得到了许多公司的大力支持，如Oracle、Galdos、MapInfo、CubeWe
2016-07-02 08:33:35
760
原创 介绍一下OGC、WMS、WFS、WCS等几个概念
1.OGC Open Geospatial Consortium——开放地理信息联盟，是一个非盈利的志愿的国际标准化组织，引领着空间地理信息标准及定位基本服务的发展目前在空间数据互操作领域，基于公共接口访问模式的互操作方法是一种基本的操作方法。通过国际标准化组织（ISO/TC211）或技术联盟（如OGC）制定空间数据互操作的接口规范，GIS软件商开发遵循这一接口规范的空间数
2016-07-02 08:31:30
9148
1
原创 用OpenLayers解析GML文件
不可否认openlayers的确是个好东西，尤其是他的事件封装机制更是让人爱不释手，感谢致力于openlayers开发的脚本爱好者们。但是作为一个开源的脚本框架，它也存在不少缺陷，GML解析的低效率就是一个严重的问题。对于一个像美国states的gml文件，大小约为300K左右，有95个面对象，所有面对象一共包含11000个左右的点，这么一个gml文件，不算从WFS请求过来的时间，就是
2016-07-02 08:27:32
2659
原创 HTML5 开发者需要了解的技巧和工具汇总
HTML5现在已经成为了Web开发中的热门话题，大多数现代浏览器（Safari、Chrome，Firefox，IE10和移动设备）都支持HTML5。即使HTML5的规范还没有制定完成，但许多开发者已经将其作为Web开发项目中的主要技术。一些网站巨头，如Google、Facebook、Twitter和YouTube等，都建立在HTML5基础上。HTML5中最令人兴奋的功能莫过于画布（canv
2016-07-01 16:44:06
531
原创 全面NodeJs学习教程
喜欢该书的同学下载地址:https://yunpan.cn/cByJr7SZeVySJ （提取码：0e42）关于本书致力于教会你如何用Node.js来开发应用，过程中会传授你所有所需的“高级”JavaScript知识。本书绝不是一本“Hello World”的教程。状态你正在阅读的已经是本书的最终版。因此，只有当进行错误更正以及针对新版本Node.js的改动
2016-07-01 16:19:07
993
转载 Hadoop家族系列文章
发现一个学习Hadoop的文章...学习Hadoop的同学可以看看...主要介绍Hadoop家族产品，常用的项目包括Hadoop, Hive, Pig, HBase, Sqoop, Mahout, Zookeeper, Avro, Ambari, Chukwa，新增加的项目包括，YARN, Hcatalog, Oozie, Cassandra, Hama, Whirr, Flume, Bi
2016-07-01 16:14:52
763
原创 RHadoop实践系列之一:Hadoop环境搭建
第一篇 Hadoop环境搭建部分，分为3个章节。Haddop环境准备Hadoop完全分步式集群搭建HDFS测试每一章节，都会分为”文字说明部分”和”代码部分”，保持文字说明与代码的连贯性。Haddop环境准备文字说明部分：首先环境准备，这里我选择了Linux Ubuntu操作系统12.04的64位版本，大家可以根据自己的使用习惯选择顺手的Linux。
2016-07-01 16:08:08
634
转载 Mongoose使用案例
为什么用Nodejs？为什么用MongoDB？从领域语言和代码简洁之道来看，这是我非常关心的问题。Nodejs基于Javascript，MongoDB脚步同样也是基于Javascript。而且他们的数据存储格式都是JSON，这就是为什么要把他们放在一起的原因了。如果程序前后端能直接处理JSON，我想数据处理过程又可以极大的减化了，代码量又将低少1/5。多么的兴奋啊！让我们来动手验证一下想法
2016-07-01 16:04:26
2476
转载 Nodejs开发框架Express3.0
前言Nodejs给Javascript赋予了服务端应用的生命，Jquery让Javascript成为浏览中开发的利器。 最近学习了Nodejs的Express3.0的开发框架，本来是按照“node.js开发指南”书中介绍，但“node.js开发指南”讲的是Express2.x的，从Express2.x到Express3.0自己模索中还是走了不少弯路的。写篇文章总结一下。关于作者
2016-07-01 16:03:21
673
原创 开通博客两天就获得了准博客专家的称号
开通博客两天,博客访问量突破两万,谢谢CSDN提供的平台,我会多多发布一些技术含量高的原创博客...愿一切明天更好！
2016-07-01 09:15:18
729
1
原创 JavaScript操作SVG 提高篇
前阵子学习了一下SVG(Scalable Vector Graphics)，希望能借此弥补自己在图形艺术上的不足，当然最后也没有得到什么提高，不过也扩充了一些网页前段技术知识。通过做了一些小的设计项目，也发现SVG可以弥补一些HTML元素的不足，比如倾斜、弧线、动画、复用等等。虽然SVG和HTML一样都属于XML的一种方言，一些基本的JavaScript对HTML的DOM操作都适用于SVG，但
2016-06-30 13:20:52
11237
2
原创 Javascript DOM操作实例
一、document.getElementById() 根据Id获取元素节点 div id="div1"> p id="p1"> 我是第一个Pp> p id="p2"> 我是第二个Pp> div> window.onload = function () {
2016-06-30 13:17:40
800
转载 SVG基础以及使用Javascript DOM操作SVG
简介在HTML中使用SVG" style="">分组元素解决text文本排版问题通过Javascript DOM控制SVG设置文本获取元素高宽和坐标事件处理自定义的z-index层级属性更多DOM API为什么不使用jQuery？简介首先要明白SVG是基于XML格式定义图像的一种技术，并且是矢量的，也就是说在不同分辨率下都显示得很好。想到这里，有
2016-06-30 13:16:22
37400
1
原创 Javascript DOM编程
浏览器独自实现JS和DOMIE中.分别存在jscript.dll & mshtml.dll为什么DOM会慢因为分开实现,之间通过接口访问.之间需要过桥费1. 优化建议谨慎使用循环操作DOM因为这个过桥费,所以谨慎使用循环.若DOM操作有顺序,先放在一个字符串里,汇总完后再一次修改DOM.innerHTML & createElement在旧浏览器
2016-06-30 13:14:01
507
转载 Leaflet 中文api
L.MapAPI各种类中的核心部分，用来在页面中创建地图并操纵地图.使用 example// initialize the map on the "map" div with a given center and zoomvar map = L.map('map', { center: [51.505, -0.09], zoom: 13});构造器
2016-06-30 11:35:20
21704
1
转载 海量数据处理面试题集锦与Bit-map详解
第一部分、十五道海量数据处理面试题1. 给定a、b两个文件，各存放50亿个url，每个url各占64字节，内存限制是4G，让你找出a、b文件共同的url？方案1：可以估计每个文件安的大小为50G×64=320G，远远大于内存限制的4G。所以不可能将其完全加载到内存中处理。考虑采取分而治之的方法。遍历文件a，对每个url求取，然后根据所取得的值将url分别存储到1000个小文
2016-06-30 10:27:33
411
原创 介绍27款经典的CSS框架
利用 CSS 框架，可以简化你的工作，提高工作效率。CSS 框架是一系列 CSS 文件的集合体，包含了基本的元素重置，页面排版、网格布局、表单样式、通用规则等代码块。下面给你推荐了27款优秀的CSS框架，你可以选用。 1. 960gs 960 像素的页面宽度似乎成为了一种设计标准，在当前各种分辨率下，能够很好地展现网页内容。提供较为常用的尺寸来简化网页设计过程，使工作简单高效。
2016-06-30 09:49:57
912
原创 高效整洁CSS代码规范
CSS学起来并不难，但在大型项目中，就变得难以管理，特别是不同的人在CSS书写风格上稍有不同，团队上就更加难以沟通，为此总结了一些如何实现高效整洁的CSS代码原则：1. 使用Reset但并非全局Reset不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼容。但需要注意的是，请不要使用全局Reset： *{ margi
2016-06-30 09:48:16
417
原创 JavaScript在线手册
简介JS格式JS数据、量JS表达式JS语句默认对象默认函数函数、事件定时器图像对象Navigator对象窗口对象屏幕对象事件对象历史对象位置对象
2016-06-30 09:46:42
6384
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人