bigscreen-16's Introduction

bigscreen

大屏页面，具有地图展示以及一些动态资讯的展示线上测试地址

使用框架

jQuery
Vue
高德地图js-sdk
Echarts

特点

为了适配大屏，尺寸单位使用了vw、vh，按效果图的1920*1080进行换算；
使用jQuery的 $.when 对多个请求进行并发处理；
使用 requestAnimationFrame 优化页面中的滚动动画；
使用高德地图js-sdk，绘制Marker、InfoWindow，使用DistrictSearch获取区域坐标，进行Polygon渲染；
水平、竖直方向的滚动动画，使用DOM元素原生的scrollLeft、scrollTop进行；

可以优化的点

文本的font-size暂时未做响应式，用了固定的px单位，可使用flexible.js，根据根节点利用rem计算

开发时间

< 2个工作日；

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.

Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

TensorFlow

An Open Source Machine Learning Framework for Everyone

Django

The Web framework for perfectionists with deadlines.

Laravel

A PHP framework for web artisans

D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

web

Some thing interesting about web. New door for the world.

server

A server is a program made to process requests and deliver data to clients.

Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

Visualization

Some thing interesting about visualization, use data art

Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.

Microsoft

Open source projects and samples from Microsoft.

Google

Google ❤️ Open Source for everyone.

Alibaba

Alibaba Open Source for everyone

D3

Data-Driven Documents codes.

Tencent

China tencent open source team.

hhy5277 / bigscreen-16 Goto Github PK