前端-后端学习之路

CSDN博客体验不好,我的博客更新在:https://zrysmt.github.io/

使用React+Three.js 封装一个三维地球

良久没有写过博客了,最近忙的焦头烂额,忽略了博客,罪过罪过。今天补充一篇,前一段时间研究过的技术,使用React+Three.js 封装一个三维地球,支持鼠标的交互行为。其实也实现了对有坐标的json数据展示在地球上的功能,以后会有补充。github仓库地址: https://github.c...

2017-09-23 18:52:42

阅读数:2975

评论数:1

基于WebGL的大数据二三维可视化--uber的deck.gl介绍

deck.gl是由uber开发并开源出来的基于WebGL的大数据量可视化框架。它具有提供不同类型可视化图层,GPU渲染的高性能,React和Mapbox GL集成,结合地理信息数据(GPS)的特点。下面我们就举两个例子探索一下这个神奇的库。1.第一站:将源码的例子跑起来源码在github里,首先克...

2017-06-02 18:38:10

阅读数:9180

评论数:2

leaflet可视化平台搭建

leaflet-vizLeaflet可视化平台leaflet是一个开源的前端地图交互类库,比较轻量级,支持移动端。而且有丰富的插件资源可供我们使用。Echarts是百度开源的前端可视化类库,提供丰富的前端可视化图表,平台中重要的一部分是我们要将leaflet和Echarts结合在一起。该平台是基于...

2017-05-22 20:29:00

阅读数:5115

评论数:3

2017阿里实习校招-前端技术视频面试体会

快要秋招找工作了,预约的暑期实习面试,也是为了秋招攒点经验。约的时间是15:15 - 16:00,焦急又必须有耐心的等待后,终于在下午四点左右接通了视频,紧张ing。首先面试官介绍了自己的花名,心里紧张没记下来,现在想想挺后悔的。但是谁让我紧张了呢? 然后是我的自我介绍,简单的介绍了一下我的基本...

2017-05-22 16:03:29

阅读数:1947

评论数:1

WebGL基础简明教程2-基础知识

上一篇我们介绍了使用WebGL的基础,包括顶点着色器、片元着色器、初始化WebGL,初始化着色器以及变换、动画、颜色、纹理等,这一部分的内容我们就来进入三维的世界。和上一篇文章一样,我们的这篇只做个大概的介绍,详细的内容部分请参阅《WebGL编程指南》一书。代码存储在我的GitHub中。 ht...

2017-05-17 13:23:18

阅读数:374

评论数:0

WebGL基础简明教程1-简介

我也是个初学WebGL的人,这部分的内容是我在看完《WebGL编程指南》一书后的精简教程。看完之后我对三维世界重建了一些观念,这篇文章是尽量在有限的内容中,一下介绍几个重要的基本的概念,后面我会分几篇再详细介绍几个重要的概念。WebGL是利用HTML5的canvas绘制和渲染三维图形,再现代的浏览...

2017-05-17 13:22:23

阅读数:666

评论数:0

使用leaflet或者openlayers 3 调用MapServer服务最佳实践完整说明

最近尝试了很多次,看到网上的很多教程都是版本比较老旧,会出现很多问题。经过数天的实践,现在可以调用成功,遂将步骤记录在此。 为避免以后使用的软件不兼容,首先给出基于window 10的软件版本: - MapServer服务器 3.2.1 ms4w-3.2.1-setup.exe http...

2017-05-04 20:57:49

阅读数:3147

评论数:2

阿里巴巴校招2017前端笔试题目 -- 原生js/html5 实现一个路由

阿里巴巴校招2017前端笔试题目: 1)路由有什么缺点? 2)原生js/html5 实现一个路由缺点: * 使用浏览器的前进,后退键的时候会重新发送请求,没有合理地利用缓存 * 单页面无法记住之前滚动的位置,无法在前进,后退的时候记住滚动的位置路由的概念: * 路由是根据不同...

2017-04-28 10:36:32

阅读数:795

评论数:0

openlayers 3扩展,调用百度地图、高德地图、天地图服务

调用这三个商业地图服务,我们使用的都是切片(Tile)地图服务,关于切片地图的含义这里做简单的介绍: 切片地图就是指将显示的地图切成一块一块的(256 * 256)分别显示加载。openlayers 3中有这样图层加载类,ol.layer.Tile,对应的source类有ol.source.Ti...

2017-03-28 11:45:23

阅读数:9885

评论数:12

Openlayers 3 使用React 组件化+wepack+ES6实践记录笔记

本博文不作深入研究内容,只用来记录使用React 组件化+wepack+ES6技术操作Openlayers 3 实践中遇到的问题,本博文作为开篇,所以只是简单的demo案例说明。后面还会有其他的一些博文分享我在项目中遇到的问题和总结的经验。大约一年前我写过一个系列的Openlayers 3的简单的...

2017-03-10 20:38:08

阅读数:4912

评论数:0

ECharts 3.0源码简要分析1-总体架构

百度的Echarts 3.0作为前端领域可视化重要的开源库,是我们在日常工作生活中经常使用的,所以有必要一起来了解下Echarts的源码。我打算用一个系列介绍下Echarts 3.x的使用和源码,一些demo和没有在博客中介绍的源码请进我的github仓库。 https://github.co...

2017-03-09 11:26:04

阅读数:10826

评论数:3

ECharts 3.0底层zrender 3.x源码分析3-Handler(C层)

这一篇,介绍下Handler处理机制。Handler负责事件处理,包括’click’, ‘dblclick’, ‘mousewheel’, ‘mouseout’, ‘mouseup’, ‘mousedown’, ‘mousemove’, ‘contextmenu’等。我们知道canv...

2017-01-11 10:48:15

阅读数:2640

评论数:11

ECharts 3.0底层zrender 3.x源码分析2-Painter(V层)

上一篇介绍了zrender的总体结构,这一篇我们就详细介绍View层–Painter(Painter.js)。一些demo和没有在博客中介绍的源码请进我的github仓库。 https://github.com/zrysmt/echarts3/tree/master/zrender Paint...

2017-01-11 10:45:36

阅读数:5327

评论数:0

ECharts 3.0底层zrender 3.x源码分析1-总体架构

zrender是一个轻量级的Canvas类库,作为百度Echarts 3.0的底层基础。截至目前查看的zrender源码和文档,包括官网文档都还停留在2.x时代,我打算用一个系列介绍下zrender 3.x的使用和源码,一些demo和没有在博客中介绍的源码请进我的github仓库。 https...

2017-01-11 10:41:23

阅读数:10166

评论数:0

javascript设计模式 使用ES6语法

参考《javascript设计模式》[美]Addy Osmani一书,下面介绍使用javascript经常会使用的主要设计模式。本博文为ES6语法的博客,还有使用ES5语法的【上】【下】两篇。 主要是以下几个设计模式: Constructor Pattern 构造模式 Module Patter...

2017-01-03 10:26:45

阅读数:4593

评论数:0

javascript设计模式【下】

参考《javascript设计模式》[美]Addy Osmani一书,下面介绍使用javascript经常会使用的主要设计模式。本博文是使用ES5语法的【下】篇,还有一个【上】篇,ES6语法会单独写个博客。 主要是以下几个设计模式: Constructor Pattern 构造模式 Module...

2017-01-03 10:25:53

阅读数:685

评论数:0

javascript设计模式【上】

参考《javascript设计模式》[美]Addy Osmani一书,下面介绍使用javascript经常会使用的主要设计模式。本博文是使用ES5语法的【上】篇,还有一个【下】篇,ES6语法会单独写个博客。 主要是以下几个设计模式: Constructor Pattern 构造模式 Module...

2017-01-03 10:25:08

阅读数:954

评论数:0

动手DIY一个underscorejs库及underscorejs源码分析3

所有代码挂在我的github上,例子是demo6.html,DIY/4/_underscore.js.欢迎fork,star。 https://github.com/zrysmt/DIY-underscorejs 这一部分来DIY两个经常被使用的函数(或者说分析其源码),分别是throttl...

2016-12-28 12:03:31

阅读数:332

评论数:0

一步一步DIY zepto库,研究zepto源码8 -- touch模块

移动事件提供了touchstart、touchmove、touchend,却没有提供对tap的支持。许多主流框架都是自定义实现了tap事件,消除300ms的延迟,当然包括Zepto.js.一步一步DIY zepto库,研究zepto源码8 -- touch模块

2016-12-05 11:36:19

阅读数:1490

评论数:0

一步一步DIY zepto库,研究zepto源码7 -- 动画模块(fx,fx_method)

代码挂在我的github上,对应文件夹v0.7.1。 https://github.com/zrysmt/DIY-zepto 注:要在github源代码中自己编译的话,要在基础包命令:npm run dist上要进行扩展了,输入命令:MODULES="zepto event fx ...

2016-12-05 11:34:59

阅读数:1355

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭