Planetary.js基础入门

2024-11-10

Planetary.js：帮助你构建超炫的互动球体效果

Planetary.js 是一个 JavaScript 库,用于构建互动球体效果.它使用 D3 和 TopoJSON 解析和渲染地理数据.Planetary.js 采用了基于插件的架构,即使是默认的功能是作为插件实现的,这使得 Planetary.js 非常灵活.Planetary.js 是完全可定制,包括颜色,旋转等等. 您可能感兴趣的相关文章 10大流行 Metro UI Bootstrap 主题和模板精选12款优秀 jQuery Ajax 分页插件和教程 10大流行的 Metro UI

JS基础入门篇（三十五）—面向对象（二）

如果没有面向对象这种抽象概念的小伙伴,建议先看一下我写的JS基础入门篇(三十四)-面向对象(一)

JS基础入门篇（二十七）—BOM

虽然上次写到js基础篇(二十四),这次直接写到(二十七).是为了提醒自己中间有几篇没写.特此说明一下啊. 1.window.open() 使用a标签呢,点击一下a标签页面才会跳转,有时候我们需要做的操作是,我们不点击,页面就跳转了.虽然这种例子我还没想到,但是就是有.

egg.js基础入门

之前一直使用koa, 刚刚接触egg, 做了一些入门的笔记准备工作 1 首先安装脚手架,,并创建项目. $ npm i egg-init -g $ egg-init egg-demo --type=simple $ cd egg-demo $ npm i // 也可以使用yarn 2 . 启动项目 $ npm run dev 浏览器打开http://127.0.0.1:7001/即可进入默认的首页. 3 . 项目目录 1 ) /app ----------- 主要工作目录 /contro

Nuxt.js 基础入门教程

原文链接 Vue 开发一个单页面应用,相信很多前端工程师都已经学会了,但是单页面应用有一个致命的缺点,就是 SEO 极不友好.除非,vue 能在服务端渲染(ssr)并直接返回已经渲染好的页面,而并非只是一个单纯的 <div id="app"></div>. Nuxt.js 就是一个极简的 vue 版的 ssr 框架.基于它,我们可以快速开发一个基于 vue 的 ssr 单页面应用. 安装 Nuxt.js 官方提供了一个模板,可以使用 vue-cli 直接安装.

JS基础入门篇（六）— 数据类型

1.数据类型数据类型:我感觉就是对数据的种类进行分类.就好比把人分为儿童,青少年,中年,老年一样. 基础数据类型: Number(数字),String(字符串),Null(空),Undefined(未定义),Boolean(布尔值). 复合(复杂)数据类型 Object(对象) 2.字符串字符串:由成对的单引号或者双引号包起来的0个或多个字符组成的串字符串拼接:只要 + 的一边是字符串 ,那么就会做字符串拼接. <script> // "abcdef" // &qu

Underscore.js基础入门

公司产品集成了对Underscore.js,所以需要对这个库有一定的了解.通过查阅资料,发现这个库主是对Array和JSON的处理支持.通过Underscore.js库,可以方便的对Array和JSON数据进行操作.下面是一些我学习中做测试写的示例,po在这里,供将来复习. var $ = lib.c.$; var _ = lib.Underscore.require(); /* 这个函数演示了map的使用方法 map接受JSON和Array map函数第一个参数是一个Array/JSON(ob

gulp.js基础入门

安装 Node 去 nodejs.org 根据系统选择性按照教程安装Node. 创建项目创建项目文件夹进入项目文件夹初始化项目使用npm命令:npm init,根据提示完成. 安装 Gulp 进入项目文件夹,使用Node的包管理命令npm进行安装. 全局安装 npm install -g gulp 项目依赖中安装 npm install --save-dev gulp 创建Gulp配置文件在项目根目录新建配置文件gulpfile.js 设置配置信息以常见的Gulp插件为例,如下: j

JS 基础入门

JS做弹窗效果 //单行注释/*多行注释*/// 网页标签语言 js语言是脚本语言/* 数据类型: 容器 1.整型 (int) 2.小数类型: float: 单精度的小数: double:双精度的小数: decimal:小数非常长:// 3.字符类型char: 字符串类型(string) 4.日期时间datetime 5.布尔型数据(真假) 6.对象类型(object) 7.二进制类型binary 除了字符串和对象以外

JS基础——入门必备

·首先,来简单的说一下,JS是啥,JS是JavaScript的简写,是基于浏览器的基于对象的事件驱动脚本语言 ·那么JS有什么用呢?ta可以实现: 表单验证添加动画效果动态更改页面内容 Ajax网络请求 ·那么怎么在网页中使用它呢? 可以有三种方式: 1.Html中内嵌 <button onclick="javascript:alert('young man..骗你的')">屠龙宝刀点击就送!</button> 2.在Html页面中直接使用JS &l

React.js基础入门

本文主要是针对React的一些demo教程.参考了菜鸟教程中的react教程,做了一些总结.Demo的下载链接是 https://github.com/RealAndMe/react-demo 下面要讲解的例子都在对应的demo中. 从github下载react-demo需要用到的命令行: #下载代码 $ git clone git@github.com:RealAndMe/react-demo.git #安装开发所依赖的模块 $ npm install #运行并监听 $ gulp watch

JS基础入门篇（三）—使用JS获取页面中某个元素的4种方法以及之间的差别（一）

1.使用JS获取页面中某个元素的4种方法 1.通过id名获取元素 document.getElementById("id名"); 2.通过class名获取元素 document.getElementsByClassName("class名"); 3.通过元素标签去获取元素 document.getElementsByTagName("标签名"); 4.通过css选择器去获取元素 document.querySelectorAll("cs

JS基础入门篇（四）—this的使用，模拟单选框，选项卡和复选框

1.this的使用 this js中的关键字 js内部已经定义好了,可以不声明直接使用 this的指向问题 1. 在函数外部使用 this指向的是window 2. 在函数内部使用有名函数直接调用函数 this指的还是window 通过事件调用,事件是谁触发的 this指的就是谁匿名函数通过事件调用,事件是谁触发的 this指的就是谁 <body> <div id="box">box</div> <script> alert(t

JS基础入门篇（二十四）—DOM（下）

1.offsetLeft/offsetTop offsetLeft/offsetTop : 到定位父级节点的距离. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ padding: 20px; } #wrap{ width: 100%; h

JS基础入门篇（三）— for循环，取余，取整。

1.for循环 1.for的基本简介作用: 根据一定的条件,重复地执行一行或多行代码语法: for( 初始化 ; 判断条件 ; 条件改变 ){ 代码块 } 2.for循环的执行顺序 <body> <script> for( var a = 0;a < 5;a++ ){ alert(1); } alert(2); //------------------------------------------ // 1-初始化: var a = 0; // 2-判断条件: a &l

JS基础入门篇（七）—运算符

1.算术运算符 1.算术运算符算术运算符:+ ,- ,* ,/ ,%(取余) ,++ ,-- . 重点:++和--前置和后置的区别. 1.1 前置 ++ 和后置 ++ 前置++:先自增值,再使用值.后置++:先使用值,再自增值. <script> console.log("-------- 后置++ ----------"); var a=0; console.log(a++);//0,后置是先用值,在自增值. console.log(a);//1 自增后的值 cons

JS基础入门篇（三十四）— 面向对象（一）

1.对象对象的定义 : 对象是由键值对组成的无序集合. 创建对象两种方法 : 方法一 : 字面量方法 var obj = {name: "k"}; 方法二 : new Object( ) 构造函数创建 var a = new Object(); a.name = "zm"; console.log( a ); // {name: "zm"} 2.面向对象和面向过程的比较如果想要把大象放进冰箱. 1.面向过程思想的逻辑思维是: 1.打

JS基础入门篇（四十三）—ES6（二）

1.对象简洁表示法原来写法 var name = "lzf"; var gender = "male"; var fn = function(){console.log(1);} var obj = { name:name, gender:gender, fn:fn, fn2:function(){ console.log(2) } }; console.log( obj ); obj.fn2(); obj.fn(); 简洁写法 var name = "

JS基础入门篇（二十四）—DOM（上）

1.常用的节点类型,nodeType,attributes,childNodes. 1.元素节点 - 1 2.属性节点 - 2 3.文本节点 - 3 4.注释节点 - 8 5.文档节点 - 9 查看节点类型 node.nodeType(返回的是数字) 属性节点元素.attributes(获取的是集合) 元素.attributes[0] 通过元素.childNodes获取子节点 childNodes 获取到的是一个集合集合中包含了元素的所有子节点其中有元素子节点 ,注释,文本节点.

JS基础入门篇（三十六）—面向对象（三）

1.class class es6 中为关键字用来声明一个类 1.只能通过new调用 2.不存在变量提升 3.多个方法之间直接书写,不需要,隔开 4.类的方法是直接定义在类的原型上的 5.定义在类中的方法不可枚举 6.Object.keys() 和 Object.values() 下面是详细解释 1.只能通过new调用 <script> //--------------- class ------------------ class Fn{} //Fn(); //直接调用会报错 var

JS基础入门篇（二十）—事件对象以及案例（二）

案例一.点击按钮,选中input中的全部内容 select()方法:选中全部. 点击按钮选中输入框中的内容!!!! <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> input, button{ margin: 0; padding: 0; outli

Planetary.js基础入门

热门专题