Welcome 微信登录

首页 / 脚本样式 / JavaScript

JavaScript设计模式之单体模式全面解析

JavaScript设计模式之单体模式全面解析

单体是一个用来划分命名空间并将一些相关的属性与方法组织在一起的对象,如果她可以被实例化的话,那她只能被实例化一次(她只能嫁一次,不能二婚)。单体模式是javascript里面最基本但也是最有用的模式之一。特点:1. 可以用来划分命名空间,从而清除全局变量所带来的危险或影响。2. 利用分支技术来来封装浏览器之间的差异。3. 可以把代码组织的更为一体,便于阅读和维护。单体模式的基本写法:/* 最基本的单体模式 */ var her = {name: "Anna...
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"...
<< 1471 1472 1473 1474 1475 1476 1477 1478 1479 1480 >>