首页
Python
Java
IOS
Andorid
NodeJS
JavaScript
HTML5
Planetary.js基础入门
2024-09-06
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
热门专题
android 退出登录
C# 拆分ip地址端口号
jmeter运行时间展示
QT的QFtp类介绍
ABP hangfire任务完成 发送邮件
css去除li小圆点
_com_ptr 释放
按单词反转字符串 知乎
git pull拉取代码速度慢
shell 后台运行并输出日志
Vs2013 多语言
springmvc controller参数校验
eclipse做一个员工管理系统
vendor_path怎么使用
vs2010调试突然很卡
java NIOServer 例子
vue md5转base64
redis vip漂移
linux s 权限
unity 图片发光效果