var | 易学教程

单张图片上传预览【超简洁，未完待续】

阅读更多关于单张图片上传预览【超简洁，未完待续】

http://www.cnblogs.com/ordinaryk/p/6277451.html 1.单张图片上传之前前端预览 <!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-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <form> <input type="file" name="mingzi" id="pic"/> <input id="tijiao" type="button" value="提交"> </form> <div id="tu" style=" width:200px; height:300px; background-color:#0FF; background-image:url(y1.png)"></div> <body> <script> var y = document.getElementById("pic"

N皇后问题求解

阅读更多关于 N皇后问题求解

用js递归了个算法： // queenNum 为皇后个数, showResult为function(arr){}函数指针 function queen(queenNum, showResult){ var arr = (function(){ var arr = new Array(queenNum); for(var i=0; i<arr.length; i++){ arr[i] = 0; } return arr; })(); var isSafe = function(colIndex, rowValue){ for(var i = 0; i<colIndex; i++){ if(arr[i] == rowValue || colIndex - i == rowValue - arr[i] || colIndex - i == arr[i] - rowValue){ return false; } } return true; }; var placeQueen = function(colIndex){ var rowValue = 0; while(rowValue < arr.length){ if(isSafe(colIndex, rowValue)){ arr[colIndex] = rowValue; if(colIndex == arr.length - 1){

大战border的0.5px

阅读更多关于大战border的0.5px

前言这个问题之前就遇到过了，参考了很多资料，因为怕改动太多，后面采取了通过js判断dpr,修改viewport的scale值。本以为解决了，没想到最近UI提出了安卓手机上线很粗的问题。我认真回去看了代码，发现确实没注意到。之前的代码是这样的： ; (function(f, i) { var b = i.documentElement; var e = f.navigator.appVersion; var g = e.match(/android/gi); var c = e.match(/iphone/gi); var k = f.devicePixelRatio; var j = 1, d = 1; if (c) { if (k >= 3) { j = 3 } else { if (k >= 2) { j = 2 } else { j = 1 } } } else { j = 1 } d = 1 / j; var h = i.querySelector('meta[name="viewport"]'); if (!h) { h = i.createElement("meta"); h.setAttribute("name", "viewport"); if (b.firstElementChild) { b.firstElementChild.appendChild

JavaScript检测浏览器

阅读更多关于 JavaScript检测浏览器

Detect Browser <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>detect browser</title> </head> <body> <div id="welcome"> <p>欢迎使用 <b></b> detect browser</p> </div> //使用whatismybrowser网站检测 <iframe src ="https://www.whatismybrowser.com/feature/iframe?size=small&bgcolor=BFBFB0&color=3E4759&bordercolor=8C7268&capabilities=true&screen=true&ip_address=true&viewmore=true" width ="340" height ="330" style ="border：none;"></iframe> <script type="text/javascript"> window.onload=function(){ console.log("start:"); //检测无头浏览器 if (/HeadlessChrome/.test(window.navigator.userAgent)) { console.log(

几道web前端练习题目

阅读更多关于几道web前端练习题目

在 HTML 语言中，以下哪个属性不是通用属性？ A]<class> B]<title> C]<href> D]<style> 在线练习： http://hovertree.com/tiku/bjaf/qi1g37nf.htm 在 CSS 样式定义中，以下哪种 RGB 颜色值是 Web 安全色？ A]#111111 B]#222222 C]#333333 D]#444444 查看答案： http://hovertree.com/tiku/bjaf/72jaf1n0.htm 在下列的HTML中，哪个可以产生超链接? A. <a url="http://hovertree.com">hovertree.com</a> B. <a href="http://hovertree.com">hovertree.com</a> C. <a>http://www.hovertree.com</a> D. <a name="http://www.hovertree.com">hovertree.com</a> 参考答案： http://hovertree.com/tiku/bjaf/poxbsuuh.htm 定义 JavaScript 数组的正确方法是： A、var txt ={"Keleyi","Hewenqi","Hovertree"} B、var txt = new Array(1:

计算两个坐标点之间的点的坐标

阅读更多关于计算两个坐标点之间的点的坐标

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>计算两个坐标点之间的点的坐标</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div id="msg" style="font-size: 24px;margin-top: 5rem;margin-left: 5rem;"></div> <script type="text/javascript"> // 计算两个坐标点之间的点的坐标，是多少？ var m = 5500;//桩号 //武汉植物园 var x1 = 114.421482;//经度 var y1 = 30.544003;//纬度 var m1 = 0;//桩号 //光谷天地 var x2 = 114.410152;//经度 var y2 = 30.477451;//纬度 var m2 = 10000;//桩号 var x3 = (x2-x1)*Math.abs(m/(m2-m1))+x1; var y3 = (y2-y1)*Math.abs(m/(m2-m1))+y1; document.getElementById("msg").innerHTML = x3+

datagrid带查询带分页

阅读更多关于 datagrid带查询带分页

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>历史数据</title> <script type="text/javascript" src="../Scripts/easyui/jquery.min.js"></script> <script type="text/javascript" src="../Scripts/easyui/jquery.easyui.min.js"></script> <script type="text/javascript" src="../Scripts/easyui/locale/easyui-lang-zh_CN.js"></script> <script src="../Scripts/method.js"></script> <link href="../Scripts/easyui/themes/default/easyui.css" rel="stylesheet" /> <link href="../Scripts/easyui/themes/icon.css"

session存储到MongoDB

阅读更多关于 session存储到MongoDB

1. 基于session的注册、登录、登出 session存储到数据库新建 user.js ，添加 users mongoose model var mongoose = require('mongoose') var Schema = mongoose.Schema var User = new Schema({ username: { type: String, required: true, unique: true }, password: { type: String, required: true }, admin: { type: Boolean, default: false } }) module.exports = mongoose.model('User', User) 实现注册、登录、登出功能新建 users.js 文件 var express = require('express') const bodyParser = require('body-parser') var User = require('user.js') var router = express.Router() router.use(bodyParser.json()) router.get('/', function(req, res, next) { res.send(

Authenticate

阅读更多关于 Authenticate

Authentication 1. Basic Authentication 老王，你家的狗咋还咬我呢？那不是大黄没见过你嘛。 HTTP提供了用于权限控制和认证的通用框架，最常用的认证方案就是 Basic Authentication 认证的步骤：接收到客户端的未认证请求后，服务端向客户端发送 challenge (质询信息)，提供如何验证客户端输入用户名和密码，发送经过 Base64 编码后的用户名密码组合字符串服务端检查证书(credentials)，通过返回 200 ，否则返回 403 . 响应头质询信息状态码 401 表示 Unauthorized WWW-Authenticate 字段，提供如何进行验证的信息，一般为 WWW-Authenticate: Basic realm="xxxxxx" ，表示用Basic HTTP验证方案请求头 Authorization字段以用户名 admin 密码 password 为例将用户名密码用 : 联结 admin:password 通过 Base64 算法将联结后的字符串编码将认证方法和空格添加到编码结果前，得到 Authorization 字段 Express实现Basic Auth 新建 app.js function basicAuth(req, res, next) { //

前端学PHP之数据类型

阅读更多关于前端学PHP之数据类型

前面的话　　同javascript一样，php也是一门弱类型语言，或者说成类型松散的语言。在强类型语言中，变量要先指定类型，然后才可以对应指定类型的值。而php则不必告知变量的数据类型，会根据它的值，自动把变量转换成正确的数据类型。下面将详细介绍php的数据类型总括　　PHP数据类型包括8种：其中包括四种标量类型、两种复合类型和两种特殊类型。具体是：字符串、整数、浮点数、布尔、数组、对象、NULL、资源　　如果想查看某个表达式的值和类型，可以使用函数var_dump() <?php $var = 1; //int 1 echo var_dump($var); echo '<br>'; $var = 1.0; //float 1 echo var_dump($var); echo '<br>'; $var = true; //boolean true echo var_dump($var); echo '<br>'; $var = '1'; //string '1' (length=1) echo var_dump($var); echo '<br>'; ?> 布尔型　　布尔型是最简单的类型。boolean表达了真值，可以为TRUE或FALSE 　　要指定一个布尔值，使用关键字 TRUE 或 FALSE。两个都不区分大小写 <?php $foo = True; //

订阅 var