Welcome 微信登录

首页 / 脚本样式 / JavaScript

Three.js快速入门教程

Three.js快速入门教程

引言本文主要是讲解Three.js的相关概念,帮助读者对Three.js以及相关知识形成比较完整的理解。近年来web得到了快速的发展。随着HTML5的普及,网页的表现能力越来越强大。网页上已经可以做出很多复杂的动画,精美的效果。 但是,人总是贪的。那么,在此之上还能做什么呢?其中一种就是通过WebGL在网页中绘制高性能的3D图形。OpenGL,WebGL到Three.jsOpenGL大概许多人都有所耳闻,它是最常用的跨平台图形库。 WebGL是基于Open...
javascript数组常用方法汇总

javascript数组常用方法汇总

本文为大家总结了javascript数组常用方法,具体内容如下1、join()方法:Array.join()方法将数组中所以元素都转化为字符串链接在一起,返回最后生成的字符串。也可以指定可选的字符串在生成的字符串中来分隔数组的各个元素。如果不指定分隔符,默认使用逗号。案例如下: var a=[1,2,3]; a.join();//=> "1,2,3" 因为没有指定分隔符,默认为逗号。 a.join("+");//=> "1+2+3" 指定分隔符...
简单分析javascript中的函数

简单分析javascript中的函数

在脚本语言JavaScript中,函数的定义是由事件驱动或者当它被调用时可重复使用的代码块。在JavaScript的标准ECMAscript中,把函数表述为可以随时随地运行的语句。我个人是不认同ECMA的说法的,因为函数只有在发生调用的时候才会执行,否则就是一段毫无生气的代码。我们来具体认识认识函数。(一)首先是函数的定义: 在ECMAscript函数的定义是 关键字function 函数名( 参数){主体;return(返回值)};这四部分组成的,但是在...
最全面的百度地图JavaScript离线版开发

最全面的百度地图JavaScript离线版开发

项目要求web版百度地图要离线开发。这里总结下自己的开发过程和经验。大概需求是:每辆车上安装有公司接收机,会实时反馈车辆的坐标、速度、转向等信息,接收到各车辆信息后在百度地图上实时画出车辆位置。作业点不一定都有网络,所以要求离线开发。此过程主要有三个技术点:1. 如何获取离线的API2. 如何获取离线瓦片图3. 如何在离线状态下将WGS坐标转换成百度地图坐标解决问题过程:1. 既然百度地图官方不支持离线地图,那么我们需要想办法把在线的代码改成离线的代码。这...
Javascript实现前端简单的路由实例

Javascript实现前端简单的路由实例

前言前端路由在很多开源的js类库框架中都得到支持,如angularJS,Backbone,Reactjs等等。前端路由和后端路由原理一样,是让所有的交互和展现在一个页面运行以达到减少服务器请求,提高客户体验的目的,越来越多的网站特别是web应用都用到了前端路由。HTML页面中有一个导航菜单ul,和一个div#result用来显示结果,当点击导航菜单时,#result中会显示不同的结果内容。<ul><li><a href="#/...
Javascript6中字符串的四个新用法分享

Javascript6中字符串的四个新用法分享

以下就是JavaScript6中字符串的四个新用法:一、Unicode字符的新表示方法Unicode字符通常是21个bit的,而普通的JavaScript字符(大部分)是16bit的,可以编码成UTF-16。超过16bit的字符需要用2个常规字符表示。比如,下面的的代码将会输出一个Unicode小火箭字符(‘uD83DuDE80"),你可以在浏览器的console里试一下:console.log("uD83DuDE80");在 ECMAScript 6 里...
基于AngularJS实现iOS8自带的计算器

基于AngularJS实现iOS8自带的计算器

前言首先创建angularjs的基本项目就不说了,最好是利用yeoman这个脚手架工具直接生成,如果没有该环境的,当然也可以通过自行下载angularjs的文件引入项目。实例详解main.js是项目的主要js文件,所有的js都写在这个文件中,初始化之后,该文件的js代码如下angular .module("calculatorApp", [ "ngAnimate", "ngCookies", "ngResource", "ngRoute", "ngSani...
关于javascript的一些知识以及循环详解

关于javascript的一些知识以及循环详解

javascript的一些知识点:1.常用的五大浏览器:chrome,firefox,Safari,ie,opera2.浏览器是如何工作的简化版:3.Js由ECMAjavascript;DOM;BOM组成;4.js是弱类型语言(即需要游览器解析了才知道是什么类型的);5.js是脚本语言(边解析边执行);6.script也分行内样式,嵌套样式和外联样式。外联样式一般写在body的最后,因为放在前面会先加载js代码然后再干其他的,影响用户体验。7.同步和异步同...
使用JS实现图片展示瀑布流效果的实例代码

使用JS实现图片展示瀑布流效果的实例代码

不知大家有没有发现,一般的图片展示网站都会使用瀑布流效果,所谓的瀑布流就是网站内的图片不会一下子全缓存出来,而是等你滚动到一定的距离的时候,下面的图片才会继续缓存,并且图片也是随机出现的,只是宽度一样,高度并不一样,高高低低就像瀑布一样,所以叫做瀑布流效果。下面我把代码给大家,大家随便下几张图片试试。<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"...
强大Vue.js组件浅析

强大Vue.js组件浅析

什么是组件:组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素的形式,以is特性扩展。如何注册组件?需要使用Vue.extend方法创建一个组件,然后使用Vue.component方法注册组件。Vue.extend方法格式如下:var MyComponent = Vue.extend({// 选项...后面再介绍}...
前端框架Vue.js构建大型应用浅析

前端框架Vue.js构建大型应用浅析

真正的模块化前端模块化很早就开始了,无论是 require.js,browserify 进行模块化打包, 还是 Angular 进行依赖注入,我们都可以把JS代码分成一个个小的模块并组装起来。然后我们还会通过 less 或者 sass 来把CSS文件也拆成一个个小的模块来写,甚至我们在CSS代码中感受到了 封装,继承,多态 等面向对象的特性。然而,在 webpack 出来之前,我们所谓的模块化根本不能算作模块化。为什么这么讲,因为我们存在一个重要的问题没有...
前端框架Vue.js中Directive知识详解

前端框架Vue.js中Directive知识详解

Directive看上去虽然和Angular中的定义类似,Directive 都是对DOM功能的一种拓展,但是 Vue 的 Directive 要弱的多。因为 Vue Component 其实本来就会包含对DOM的操作,所以大多数时候我们写一个通用组件都是一个Component 而不是一个 Directive,而 在 Angular 我们写一个通用的组件一般都是一个 Directive 。 所以我说 Vue 的 Directive 相比于 Angular ...
<< 111 112 113 114 115 116 117 118 119 120 >>