jQuery实现的超链接提示效果示例【附demo源码下载】 2016年09月19日 14 阅读 本文实例讲述了jQuery实现的超链接提示效果。分享给大家供大家参考,具体如下:<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title></head><body><style type="text/css">*{margin:0...
JavaScript设计模式之单体模式全面解析 2016年09月19日 18 阅读 单体是一个用来划分命名空间并将一些相关的属性与方法组织在一起的对象,如果她可以被实例化的话,那她只能被实例化一次(她只能嫁一次,不能二婚)。单体模式是javascript里面最基本但也是最有用的模式之一。特点:1. 可以用来划分命名空间,从而清除全局变量所带来的危险或影响。2. 利用分支技术来来封装浏览器之间的差异。3. 可以把代码组织的更为一体,便于阅读和维护。单体模式的基本写法:/* 最基本的单体模式 */ var her = {name: "Anna...
Bootstrap菜单按钮及导航实例解析 2016年09月19日 15 阅读 下拉菜单特别声明:因为Bootstrap的组件交互效果都是依赖于jQuery库写的插件,所以在使用bootstrap.min.js之前一定要先加载jquery.min.js才会生效果。<div class="dropdown"><button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">...
jQuery动态修改字体大小的方法【测试可用】 2016年09月19日 14 阅读 本文实例讲述了jQuery动态修改字体大小的方法。分享给大家供大家参考,具体如下:运行效果截图如下:完整代码如下:<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><style>* { margin:0; padding:0; }.msg {wi...
Three.js快速入门教程 2016年09月19日 16 阅读 引言本文主要是讲解Three.js的相关概念,帮助读者对Three.js以及相关知识形成比较完整的理解。近年来web得到了快速的发展。随着HTML5的普及,网页的表现能力越来越强大。网页上已经可以做出很多复杂的动画,精美的效果。 但是,人总是贪的。那么,在此之上还能做什么呢?其中一种就是通过WebGL在网页中绘制高性能的3D图形。OpenGL,WebGL到Three.jsOpenGL大概许多人都有所耳闻,它是最常用的跨平台图形库。 WebGL是基于Open...
JavaScript实现输入框与清空按钮联动效果 2016年09月19日 17 阅读 废话不多说了,直接给大家贴关键代码了,具体代码如下所示:<!DOCTYPE html><html><head><metacharset="UTF-8"><title>输入框清空按钮</title><scriptsrc="js/jquery1.8.3.min.js"></script><script>/*** 校验当前输入框的值,如果不为空显示清空按钮...
javascript数组常用方法汇总 2016年09月19日 20 阅读 本文为大家总结了javascript数组常用方法,具体内容如下1、join()方法:Array.join()方法将数组中所以元素都转化为字符串链接在一起,返回最后生成的字符串。也可以指定可选的字符串在生成的字符串中来分隔数组的各个元素。如果不指定分隔符,默认使用逗号。案例如下: var a=[1,2,3]; a.join();//=> "1,2,3" 因为没有指定分隔符,默认为逗号。 a.join("+");//=> "1+2+3" 指定分隔符...
简单分析javascript中的函数 2016年09月19日 17 阅读 在脚本语言JavaScript中,函数的定义是由事件驱动或者当它被调用时可重复使用的代码块。在JavaScript的标准ECMAscript中,把函数表述为可以随时随地运行的语句。我个人是不认同ECMA的说法的,因为函数只有在发生调用的时候才会执行,否则就是一段毫无生气的代码。我们来具体认识认识函数。(一)首先是函数的定义: 在ECMAscript函数的定义是 关键字function 函数名( 参数){主体;return(返回值)};这四部分组成的,但是在...
最全面的百度地图JavaScript离线版开发 2016年09月19日 16 阅读 项目要求web版百度地图要离线开发。这里总结下自己的开发过程和经验。大概需求是:每辆车上安装有公司接收机,会实时反馈车辆的坐标、速度、转向等信息,接收到各车辆信息后在百度地图上实时画出车辆位置。作业点不一定都有网络,所以要求离线开发。此过程主要有三个技术点:1. 如何获取离线的API2. 如何获取离线瓦片图3. 如何在离线状态下将WGS坐标转换成百度地图坐标解决问题过程:1. 既然百度地图官方不支持离线地图,那么我们需要想办法把在线的代码改成离线的代码。这...
JS实现六边形3D拖拽翻转效果的方法 2016年09月19日 12 阅读 效果图实例代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ...
JavaScript中Array的实用操作技巧分享 2016年09月19日 18 阅读 一、关于ArrayArray的创建很灵活,可以使用Array构造函数,也可以直接创建数组“字面量”。var arr = new Array(); //[]var brr = Array();//[] 两者等效var arr = Array(3); //[]arr.length; //3 长度为3的空数组var arr = Array(22,33,"qq",{}); //[22, 33, "qq", Object]var brr = [22,33,"qq",...
Javascript实现前端简单的路由实例 2016年09月19日 15 阅读 前言前端路由在很多开源的js类库框架中都得到支持,如angularJS,Backbone,Reactjs等等。前端路由和后端路由原理一样,是让所有的交互和展现在一个页面运行以达到减少服务器请求,提高客户体验的目的,越来越多的网站特别是web应用都用到了前端路由。HTML页面中有一个导航菜单ul,和一个div#result用来显示结果,当点击导航菜单时,#result中会显示不同的结果内容。<ul><li><a href="#/...
JavaScript常用代码书写规范的超全面总结 2016年09月19日 16 阅读 一、全局命名空间污染总是将代码包裹在一个立即的函数表达式里面,形成一个独立的模块。不推荐var x = 10, y = 100;console.log(window.x + " " + window.y);推荐;(function(window){ "use strict"; var x = 10,y = 100; console.log(window.x + " " + window.y);}(window));二、立即执行函数在立即执行函数里面,如果有...
关于vue.js弹窗组件的知识点总结 2016年09月19日 17 阅读 首先在开发时需要考虑以下三点: 1、进入和弹出的动画效果。 2、z-index 的控制 3、overlay 遮盖层关于动画vue 对于动画的处理相对简单,给组件加入css transition 动画即可<template><div class="modal" transition="modal-scale"> <!--省略其它内容--></div></template><script>...
JavaScript制作简单分页插件 2016年09月19日 39 阅读 简介兼容IE6+及现代浏览器的简单分页,支持同一页面多个分页。使用Browser<link rel="stylesheet" href="css/GB-paging.css"><script src="js/GB-paging.js"></script>普通分页HTML<div id="gbpaging" class="gb-paging">JSgbPaging({total: 101,paramName: ...
Javascript6中字符串的四个新用法分享 2016年09月19日 18 阅读 以下就是JavaScript6中字符串的四个新用法:一、Unicode字符的新表示方法Unicode字符通常是21个bit的,而普通的JavaScript字符(大部分)是16bit的,可以编码成UTF-16。超过16bit的字符需要用2个常规字符表示。比如,下面的的代码将会输出一个Unicode小火箭字符(‘uD83DuDE80"),你可以在浏览器的console里试一下:console.log("uD83DuDE80");在 ECMAScript 6 里...
基于AngularJS实现iOS8自带的计算器 2016年09月19日 21 阅读 前言首先创建angularjs的基本项目就不说了,最好是利用yeoman这个脚手架工具直接生成,如果没有该环境的,当然也可以通过自行下载angularjs的文件引入项目。实例详解main.js是项目的主要js文件,所有的js都写在这个文件中,初始化之后,该文件的js代码如下angular .module("calculatorApp", [ "ngAnimate", "ngCookies", "ngResource", "ngRoute", "ngSani...
关于javascript的一些知识以及循环详解 2016年09月19日 18 阅读 javascript的一些知识点:1.常用的五大浏览器:chrome,firefox,Safari,ie,opera2.浏览器是如何工作的简化版:3.Js由ECMAjavascript;DOM;BOM组成;4.js是弱类型语言(即需要游览器解析了才知道是什么类型的);5.js是脚本语言(边解析边执行);6.script也分行内样式,嵌套样式和外联样式。外联样式一般写在body的最后,因为放在前面会先加载js代码然后再干其他的,影响用户体验。7.同步和异步同...
使用JS实现图片展示瀑布流效果的实例代码 2016年09月19日 17 阅读 不知大家有没有发现,一般的图片展示网站都会使用瀑布流效果,所谓的瀑布流就是网站内的图片不会一下子全缓存出来,而是等你滚动到一定的距离的时候,下面的图片才会继续缓存,并且图片也是随机出现的,只是宽度一样,高度并不一样,高高低低就像瀑布一样,所以叫做瀑布流效果。下面我把代码给大家,大家随便下几张图片试试。<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"...
超详细的JS弹出窗口代码大全 2016年09月19日 15 阅读 如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下:1.弹启一个全屏窗口 代码如下:<html> <body http://www.jb51.net","脚本之家","fullscreen");">; <b>www.jb51.net</b> </body> </html> 2.弹启一个被F11化后的窗口 代码如下:&...