var | 易学教程

浏览器名称和版本判断

阅读更多关于浏览器名称和版本判断

通过Js获取浏览器信息 Navigator 对象包含有关浏览器的信息。 Navigator 对象属性和方法： IE的测试结果： FireFox的测试结果：获取具体IE版本号： Java代码 function checkIEVersion() { var ua = navigator.userAgent; var s = "MSIE"; var i = ua.indexOf(s) if (i >= 0) { //获取IE版本号 var ver = parseFloat(ua.substr(i + s.length)); alert( "你的浏览器是IE"+ver); } else { //其他情况，不是IE alert( "你的浏览器不是IE"); } } 获取浏览器名称和版本 Java代码 function appInfo(){ var browser = {appname: 'unknown', version: 0}, userAgent = window.navigator.userAgent.toLowerCase(); //IE,firefox,opera,chrome,netscape if ( /(msie|firefox|opera|chrome|netscape)\D+(\d[\d.]*)/.test( userAgent ) ){ browser

js基础笔记 javascript数据类型

阅读更多关于 js基础笔记 javascript数据类型

在javascript中有5中基本数据类型分别是：Undefined、Null、Boolean、Number、String。和一个复杂数据类型：Object。一、Undefined 1. Undefined类型只有一个值undefined。当用var声明一个值并未对其进行初始化的时候，这个变量的值就是undefined。 var boss; alert(typeof boss); 2. 包含undefined值得变量与尚未定义的变量是不一样的。 var boss; alert(boss); // undefined alert(message); // 报错 Uncaught ReferenceError: message is not defined 3.对为声明的变量执行typeof 也会返回undefined // var message; alert(typeof message); // undefined 4. 我们要尽可能的在声明变量的时候对其赋予初始值，如果每一个变量都被赋予了初始值，那么当typeof 某个变量返回undefined时我们就知道被检测的变量是没有被声明而不是没有没初始化了。二、Null 1. Null 类型只有一个值null。从逻辑角度来看空值是标识一个空对象指针，而这也是使用typeof 检测null 返回对象的原因 var a =

7.HTML5--飞机大战

阅读更多关于 7.HTML5--飞机大战

3 月，跳不动了？>>> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>飞机大战</title> </head> <body> <canvas id="myCanvas" width="320" height="480" style="border: solid"> 你的浏览器不支持canvas画布元素，请更新浏览器获得演示 </canvas> <div id="message_txt" style="display: block;">飞机大战</div> <div id="score_txt" style="display: block;">分数:0分</div> <script type="text/javascript"> var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); document.addEventListener("keydown",onkeydown); var Plan = function (image,x,y,n) { this.image = image; this.x = x; this.y = y; this.originX = x; this

8.HTML5--拼图系列

阅读更多关于 8.HTML5--拼图系列

3 月，跳不动了？>>> var context = document.getElementById('puzzle').getContext('2d'); var img = new Image(); img.src = 'defa.jpg'; img.addEventListener('load',drawTiles,false); var boardSize = document.getElementById('puzzle').width; var tileCount = document.getElementById('scale').value; var titleSize = boardSize / tileCount; var clickLoc = new Object; clickLoc.x = 0; clickLoc.y = 0; var emptyLoc = new Object; emptyLoc.x = 0; emptyLoc.y = 0; var solved = false; var boardParts = new Object; setBoard(); document.getElementById('scale').onchange = function() { tileCount = this.value; titleSize =

6.HTML5--制作Flappy Bird

阅读更多关于 6.HTML5--制作Flappy Bird

3 月，跳不动了？>>> var canvas = document.getElementById("canvas"); var c = canvas.getContext("2d"); //三个类，Bird类，Obstacle类，FlappyBird类（游戏主要函数） function Bird(x, y, image) { this.x = x, this.y = y, this.width = image.width / 2, this.height = image.height, this.image = image; this.draw = function(context, state) { if (state === "up") context.drawImage(image, 0, 0, this.width, this.height, this.x, this.y, this.width, this.height); else{ context.drawImage(image, this.width, 0, this.width, this.height, this.x, this.y, this.width, this.height); } } }; function Obstacle(x, y, h, image) { this.x = x, this.y =

HTML5拼图游戏

阅读更多关于 HTML5拼图游戏

3 月，跳不动了？>>> 拼图游戏介绍拼图游戏将一幅图片分割成若干拼块并将它们随机打乱顺序。当将所有拼块都放回原位置时，就完成了拼图（游戏结束）。在“游戏”中，单击滑块选择游戏难易，“容易”为3行3列拼图游戏，中间为一个4行4列拼图游戏，“难”为5行5列拼图游戏。拼块以随机顺序排列，玩家用鼠标单击空白块的四周来交换它们的位置，直到所有拼块都回到原位置。拼图游戏运行结果如图所示。 sliding.js代码: var img = new Image(); img.src = 'defa.jpg'; img.addEventListener('load',drawTiles,false); var boardSize = document.getElementById('puzzle').width; var tileCount = document.getElementById('scale').value; var titleSize = boardSize / tileCount; var clickLoc = new Object; clickLoc.x = 0; clickLoc.y = 0; var emptyLoc = new Object; emptyLoc.x = 0; emptyLoc.y = 0; var solved = false; var

Ganglia安装

阅读更多关于 Ganglia安装

需要安装httpd和php 一. 安装监控端 0. 安装依赖库 1）apr, apr-util 2）安装rrdtool-1.4.7 # tar zxvf rrdtool-1.4.7.tar.gz # cd rrdtool-1.4.7 # ./configure --prefix=/opt/ rrdtool-1.4.7 # make # make install 3）安装confuse(confuse-2.7.tar.gz) #tar zxvf confuse-2.7.tar.gz #cd confuse-2.7 #./configure CFLAGS=-fPIC #make #make install 4）安装libexpat #yum install expat-devel.x86_64 5）安装libpcre #yum install pcre-devel.x86_64 1. 编译安装ganglia 下载ganglia-3.4.0.tar #tar zxvf ganglia-3.4.0.tar.gz #cd ganglia-3.4.0 #./configure --prefix=/opt/ganglia-3.4.0 \ --sysconfdir=/etc/ganglia \ --with-libapr=/opt/apr-1.3.2/bin/apr-1-config \ -

Swift3.0 iOS获取当前时间 - 年月日时分秒星期

阅读更多关于 Swift3.0 iOS获取当前时间 - 年月日时分秒星期

Swift3.0 iOS获取当前时间 - 年月日时分秒星期func getTimes() -> [Int] { var timers: [Int] = [] // 返回的数组 let calendar: Calendar = Calendar(identifier: .gregorian) var comps: DateComponents = DateComponents() comps = calendar.dateComponents([.year,.month,.day, .weekday, .hour, .minute,.second], from: Date()) timers.append(comps.year! % 2000) // 年，后2位数 timers.append(comps.month!) // 月 timers.append(comps.day!) // 日 timers.append(comps.hour!) // 小时 timers.append(comps.minute!) // 分钟 timers.append(comps.second!) // 秒 timers.append(comp.weekday! - 1) //星期 return timers; } 来源： https://www.cnblogs.com/PLA-Artillery

瀑布流

阅读更多关于瀑布流

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> *{margin:0;padding:0} ul,li{list-style: none} #list{ margin:30px auto; width:830px; position: relative; } #list>li{ width:200px; border:1px solid #ccc; box-shadow: 3px 3px 3px #ccc; } #list>li>img{ width:100%; } </style> </head> <body> <ul id="list"> </ul> </body> </html> <script> /* 瀑布流的思路将N列的初始高度存放在一个数组中，对比数组中最新的一个高度，然后将下一条数据插入最小的那一列中 */ var str = ""; for(var i=0;i<70;i++){

谷歌浏览器chrome console 发送POST/GET请求

阅读更多关于谷歌浏览器chrome console 发送POST/GET请求

打开chrome 开发者工具登录你访问的系统，复制你后台系统提供的url 在Console中输入如下代码可发送http post/get请求 POST请求： //方法一： var url = "/dict/test"; var params = {advertiserUid: 1232131, advertiserWeiboNickname: "18"}; var xhr = new XMLHttpRequest(); xhr.open("POST", url, true); xhr.setRequestHeader("Content-Type", "application/json"); xhr.onload = function (e) { if (xhr.readyState === 4) { if (xhr.status === 200) { console.log(xhr.responseText); } else { console.error(xhr.statusText); } } }; xhr.onerror = function (e) { console.error(xhr.statusText); }; xhr.send(JSON.stringify(params)); //方法二： var url = "/dict/test"; var params

订阅 var