LongSheng | Page 274

缓存Redis与Memcached的比较

Memcached是一个高性能的分布式内存对象缓存系统，用于动态Web应用以减轻数据库负载. 它通过在内存中缓存数据和对象来减少读取数据库的次数，从而提供动态、数据库驱动网站的速度. Memcached基于一个存储键/值对的hashmap。 Redis是一个key-value存储系统，和Memcached类似。但是它支持存储的value类型相对更多，包括string(字符串)、 list(链表)、set(集合)、zset(sorted set --有序集合)和hashs（哈希类型）。这些数据类型都支持push/pop、add/remove及取交集并集和差集及更丰富的操作，而且这些操作都是原子性的。在此基础上，redis支持各种不同方式的排序。与memcached一样，为了保证效率，数据都是缓存在内存中。区别的是redis会周期性的把更新的数据写入磁盘或者把修改操作写入追加的记录文件，并且在此基础上实现了master-slave(主从)同步。 Redis是一个高性能的key-value数据库。redis的出现，很大程度补偿了memcached这类key/value存储的不足，在部分场合可以对关系数据库起到很好的补充作用。它提供了Python，Ruby，Erlang，PHP客户端，使用很方便. 下面主要介绍一下Redis与Memcached的不同。 1.网络IO模型 Memcached是多线程，非阻塞IO复用的网络模型，分为监听主线程和worker子线程，监听线程监听网络连接，接受请求后，将连接描述字pipe 传递给worker线程，进行读写IO, 网络层使用libevent封装的事件库，多线程模型可以发挥多核作用，但是引入了cache coherency和锁的问题，比如，Memcached最常用的stats 命令，实际Memcached所有操作都要对这个全局变量加锁，进行计数等工作，带来了性能损耗。 Redis使用单线程的IO复用模型，自己封装了一个简单的AeEvent事件处理框架，主要实现了epoll、kqueue和select，对于单纯只有IO操作来说，单线程可以将速度优势发挥到最大，但是Redis也提供了一些简单的计算功能，比如排序、聚合等，对于这些操作，单线程模型实际会严重影响整体吞吐量，CPU计算过程中，整个IO调度都是被阻塞住的。 2.内存管理方面 Memcached使用预分配的内存池的方式，使用slab和大小不同的chunk来管理内存，Item根据大小选择合适的chunk存储，内存池的方式可以省去申请/释放内存的开销，并且能减小内存碎片产生，但这种方式也会带来一定程度上的空间浪费，并且在内存仍然有很大空间时，新的数据也可能会被剔除，原因可以参考Timyang的文章：http://timyang.net/data/Memcached-lru-evictions/ Redis使用现场申请内存的方式来存储数据，并且很少使用free-list等方式来优化内存分配，会在一定程度上存在内存碎片，Redis跟据存储命令参数，会把带过期时间的数据单独存放在一起，并把它们称为临时数据，非临时数据是永远不会被剔除的，即便物理内存不够，导致swap也不会剔除任何非临时数据(但会尝试剔除部分临时数据)，这点上Redis更适合作为存储而不是cache。 3.数据一致性问题 Memcached提供了cas命令，可以保证多个并发访问操作同一份数据的一致性问题。 Redis没有提供cas 命令，并不能保证这点，不过Redis提供了事务的功能，可以保证一串命令的原子性，中间不会被任何操作打断。 4.存储方式及其它方面 Memcached基本只支持简单的key-value存储，不支持枚举，不支持持久化和复制等功能 Redis除key/value之外，还支持list,set,sorted set,hash等众多数据结构，提供了KEYS 进行枚举操作，但不能在线上使用，如果需要枚举线上数据，Redis提供了工具可以直接扫描其dump文件，枚举出所有数据，Redis还同时提供了持久化和复制等功能。 5.关于不同语言的客户端支持在不同语言的客户端方面，Memcached和Redis都有丰富的第三方客户端可供选择，不过因为Memcached发展的时间更久一些，目前看在客户端支持方面，Memcached的很多客户端更加成熟稳定，而Redis由于其协议本身就比Memcached复杂，加上作者不断增加新的功能等，对应第三方客户端跟进速度可能会赶不上，有时可能需要自己在第三方客户端基础上做些修改才能更好的使用。根据以上比较不难看出，当我们不希望数据被踢出，或者需要除key/value之外的更多数据类型时，或者需要落地功能时，使用Redis比使用Memcached更合适。关于Redis的一些周边功能 Redis除了作为存储之外还提供了一些其它方面的功能，比如聚合计算、pubsub、scripting等，对于此类功能需要了解其实现原理，清楚地了解到它的局限性后，才能正确的使用，比如pubsub功能，这个实际是没有任何持久化支持的，消费方连接闪断或重连之间过来的消息是会全部丢失的，又比如聚合计算和 scripting等功能受Redis单线程模型所限，是不可能达到很高的吞吐量的，需要谨慎使用。总的来说Redis作者是一位非常勤奋的开发者，可以经常看到作者在尝试着各种不同的新鲜想法和思路，针对这些方面的功能就要求我们需要深入了解后再使用。总结： 1.Redis使用最佳方式是全部数据in-memory。 2.Redis更多场景是作为Memcached的替代者来使用。 3.当需要除key/value之外的更多数据类型支持时，使用Redis更合适。 4.当存储的数据不能被剔除时，使用Redis更合适。 from:http://bluenemo.iteye.com/blog/2157736

龙生 07 Apr 2016

View Details

如何在ASP.NET中用C#将XML转换成JSON

如何在ASP.NET中用C#将XML转换成JSON 本文旨在介绍如果通过C#将获取到的XML文档转换成对应的JSON格式字符串，然后将其输出到页面前端，以供JavaScript代码解析使用。或许你可以直接利用JavaScript代码通过Ajax的方式来读取XML，然后直接对其中的内容进行解析，这样或许更直接一些。但本文中给出的代码旨在说明如何通过原生的C#代码来完成这一转换。除此之外，你仍然可以借用一些第三方类库或者更高级一些的.NET库对象来实施转换。我们来看看这里介绍的一些较为简单的方法，但前提是你必须拥有可支持的类库和对象以备使用。使用Json.NET类库前提是需要首先下载和安装Json.NET类库，在这里可以找到http://json.codeplex.com/ 下面是一个例子：

using System;

using System.Collections.Generic;

using System.Linq; using System.Text;

using System.Xml;

using Newtonsoft.Json;

namespace JSonConverter

{

class Program

{

static void Main(string[] args)

{

string xml = "<Test><Name>Test class</Name><X>100</X><Y>200</Y></Test>";

XmlDocument doc = new XmlDocument();

doc.LoadXml(xml); string json = Newtonsoft.Json.JsonConvert.SerializeXmlNode(doc);

Console.WriteLine("XML -> JSON: {0}", json);

Console.ReadLine();

}

使用.NET Framework中的JavaScriptSerializer类首先需要确保你的工程或服务器支持.NET 4.0或以上版本的Framework，否则无法找到该类。下面是一个例子：

using System; using System.Linq; using System.Web.Script.Serialization; using System.Xml.Linq; class Program

{ static void Main()

{ var xml = @"<Columns>

<Column Name=""key2"" DataType=""String"">Hello World</Column>

</Columns>"; var dic = XDocument

.Parse(xml)

.Descendants("Column")

.ToDictionary(

c => c.Attribute("Name").Value,

c => c.Value

); var json = new JavaScriptSerializer().Serialize(dic);

Console.WriteLine(json);

}

其输出结果为：{"key1":"True","key2":"Hello World","key3":"999"} 可能还会有更多的方法，这里不一一列出了。那么如何使用原生的C#代码将XML转换成JSON格式字符串呢？或者说该C#代码在较低版本的.NET Framework中也可以运行呢？来看看下面的介绍吧。 Introduction JSON是一个轻量级的数据交换格式，它可以非常容易地被页面的JavaScript编码为对象的形式，从而方便数据操作。基于AJAX的页面使用XmlHttpRequest对象从服务端接收数据来响应用户的请求，当返回的数据是XML格式时，它可以被转换为JSON格式的字符串从而通过JavaScript更加容易地对数据进行处理。许多应用程序都将数据存储为XML的格式，而且会将数据以JSON的格式发送到客户端以做进一步处理。要实现这一点，它们必须将XML格式转换为JSON格式。下面的ASP.NET C#代码实现了这一过程。 Code Description 代码中提供了一个方法XmlToJSON，可以用来将XmlDocument对象转换为JSON字符串。代码通过迭代每一个XML节点、属性以及子节点，来创建对应的JSON对象。代码不会生成数字和布尔类型的值 Xml DocumentElement对象始终会被转换为JSON对象的member:object，它遵循下面这些规则。节点的属性会被对应地转换为JSON对象的成员"attr_name":"attr_value"。如： XML JSON <xx yy=’nn'></xx> { "xx" : { "yy" : "nn" } } <xx yy="></xx> { "xx" : { "yy" : "" } } 没有子节点、属性和内容的节点被转换为成员"child_name":null XML JSON <xx/> { "xx" : null } 没有子节点和属性，但是有内容的节点被转换为成员"child_name":"child_text" XML JSON <xx>yyy</xx> { "xx" : "yyy" } 其它节点和属性会被适当地转换为"child_name":对象或者"child_name":[elements]对象数组，节点的值会被转换为对象成员的"value"，如： XML JSON <xx yy=’nn'><mm>zzz</mm></xx> { "xx" : { "yy" : "nn", "mm" : "zzz" […]

龙生 01 Apr 2016

View Details

ASP.NET中XML和JSON互转

一、XML和JSON字符串的对应表格 1、节点的属性会被对应地转换为JSON对象的成员"attr_name":"attr_value"。如： XML JSON <xx yy=’nn'></xx> { "xx" : { "yy" : "nn" } } <xx yy="></xx> { "xx" : { "yy" : "" } } 2、没有子节点、属性和内容的节点被转换为成员"child_name":null XML JSON <xx/> { "xx" : null } 3、没有子节点和属性，但是有内容的节点被转换为成员"child_name":"child_text" XML JSON <xx>yyy</xx> { "xx" : "yyy" } 4、其它节点和属性会被适当地转换为"child_name":对象或者"child_name":[elements]对象数组，节点的值会被转换为对象成员的"value"，如： XML JSON <xx yy=’nn'><mm>zzz</mm></xx> { "xx" : { "yy" : "nn", "mm" : "zzz" } } <xx yy=’nn'><mm>zzz</mm><mm>aaa</mm></xx> { "xx" : { "yy" : "nn", "mm" : [ "zzz", "aaa" ] } } <xx><mm>zzz</mm>some text</xx> […]

龙生 01 Apr 2016

View Details

部署时，出现用户代码未处理 System.Security.Cryptography.CryptographicException 错误解决方法

在调用RSA加密的.pfx密钥时，在本地调试没有问题，可以布署到服务器，就会报以下的错误：用户代码未处理 System.Security.Cryptography.CryptographicException

<span style="line-height:1.5 !important;"> HResult</span>=-<span style="color:#800080;line-height:1.5 !important;">2146893792</span><span style="line-height:1.5 !important;"> Message</span>=<span style="line-height:1.5 !important;">出现了内部错误。

Source</span>=<span style="line-height:1.5 !important;">mscorlib

StackTrace:

在 System.Security.Cryptography.CryptographicException.ThrowCryptographicException(Int32 hr)

在 System.Security.Cryptography.X509Certificates.X509Utils._LoadCertFromFile(String fileName, IntPtr password, UInt32 dwFlags, Boolean persistKeySet, SafeCertContextHandle</span>&<span style="line-height:1.5 !important;"> pCertCtx)

在 System.Security.Cryptography.X509Certificates.X509Certificate.LoadCertificateFromFile(String fileName, Object password, X509KeyStorageFlags keyStorageFlags)

在 System.Security.Cryptography.X509Certificates.X509Certificate2..ctor(String fileName, String password, X509KeyStorageFlags keyStorageFlags)

在 xxxxx.API.Tools.RSA.Sign(String data, String keyPath, String keyPasswd)

在 xxxxx.API.Tools.Encrypt.signANDencrypt(MsgBean req_bean)

在 xxxxx.API.xxxxx.GetBankCardInfo(String orderId, String cardNo)

在 xxxxx.GetBankCardInfo(GetBankCardInfoReq request) 位置 d:\app_service\WHTR_SOA\WHTR.SOA.Services\OnlinePay\Yilian\OnlinePayService.cs:行号 </span><span style="color:#800080;line-height:1.5 !important;">108</span><span style="line-height:1.5 !important;"> 在 Castle.Proxies.Invocations.xxxxx.InvokeMethodOnTarget()

在 Castle.DynamicProxy.AbstractInvocation.Proceed()

在 xxxxx.CastleMethodInvocation.Proceed() 位置 d:\xxxxx.cs:行号 </span><span style="color:#800080;line-height:1.5 !important;">80</span><span style="line-height:1.5 !important;"> 在 xxxxx.Intercept(IMethodInvocation invocation) 位置 d:\xxxxx.cs:行号 </span><span style="color:#800080;line-height:1.5 !important;">56</span><span style="line-height:1.5 !important;"> InnerException: </span>

处理方法： IIS 应用程序池--选中你网站的所配置的应用程序池--右键选择 “高级配置” --将“加载用户配置文件” 设置为True 。问题解决 from:http://www.cnblogs.com/jys509/p/4499978.html

龙生 31 Mar 2016

View Details

微软的CryptoUtil.cs

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

//------------------------------------------------------------------------------

// <copyright file="CryptoUtil.cs" company="Microsoft">

// </copyright>

//------------------------------------------------------------------------------

namespace System.Web.Security.Cryptography {

using System;

using System.Runtime.CompilerServices;

using System.Security.Cryptography;

using System.Text;

using System.Web.Util;

// Contains helper methods for dealing with cryptographic operations.

internal static class CryptoUtil {

/// <summary>

/// Similar to Encoding.UTF8, but throws on invalid bytes. Useful for security routines where we need

/// strong guarantees that we're always producing valid UTF8 streams.

/// </summary>

public static readonly UTF8Encoding SecureUTF8Encoding = new UTF8Encoding(encoderShouldEmitUTF8Identifier: false, throwOnInvalidBytes: true);

/// <summary>

/// Converts a byte array into its hexadecimal representation.

/// </summary>

/// <param name="data">The binary byte array.</param>

/// <returns>The hexadecimal (uppercase) equivalent of the byte array.</returns>

public static string BinaryToHex(byte[] data) {

if (data == null) {

return null;

}

char[] hex = new char[checked(data.Length * 2)];

for (int i = 0; i < data.Length; i++) {

byte thisByte = data[i];

hex[2 * i] = NibbleToHex((byte)(thisByte >> 4)); // high nibble

hex[2 * i + 1] = NibbleToHex((byte)(thisByte & 0xf)); // low nibble

}

return new string(hex);

}

// Determines if two buffer instances are equal, e.g. whether they contain the same payload. This method

// is written in such a manner that it should take the same amount of time to execute regardless of

// whether the result is success or failure. The modulus operation is intended to make the check take the

// same amount of time, even if the buffers are of different lengths.

// !! DO NOT CHANGE THIS METHOD WITHOUT SECURITY

[MethodImpl(MethodImplOptions.NoOptimization)]

public static bool BuffersAreEqual(byte[] buffer1, int buffer1Offset, int buffer1Count, byte[] buffer2, int buffer2Offset, int buffer2Count) {

Debug.ValidateArrayBounds(buffer1, buffer1Offset, buffer1Count);

Debug.ValidateArrayBounds(buffer2, buffer2Offset, buffer2Count);

bool success = (buffer1Count == buffer2Count); // can't possibly be successful if the buffers are of different lengths

for (int i = 0; i < buffer1Count; i++) {

success &= (buffer1[buffer1Offset + i] == buffer2[buffer2Offset + (i % buffer2Count)]);

}

return success;

}

/// <summary>

/// Computes the SHA256 hash of a given input.

/// </summary>

/// <param name="input">The input over which to compute the hash.</param>

/// <returns>The binary hash (32 bytes) of the input.</returns>

public static byte[] ComputeSHA256Hash(byte[] input) {

return ComputeSHA256Hash(input, 0, input.Length);

}

/// <summary>

/// Computes the SHA256 hash of a given segment in a buffer.

/// </summary>

/// <param name="buffer">The buffer over which to compute the hash.</param>

/// <param name="offset">The offset at which to begin computing the hash.</param>

/// <param name="count">The number of bytes in the buffer to include in the hash.</param>

/// <returns>The binary hash (32 bytes) of the buffer segment.</returns>

public static byte[] ComputeSHA256Hash(byte[] buffer, int offset, int count) {

Debug.ValidateArrayBounds(buffer, offset, count);

using (SHA256 sha256 = CryptoAlgorithms.CreateSHA256()) {

return sha256.ComputeHash(buffer, offset, count);

}

/// <summary>

/// Returns an IV that's based solely on the contents of a buffer; useful for generating

/// predictable IVs for ciphertexts that need to be cached. The output value is only

/// appropriate for use as an IV and must not be used for any other purpose.

/// </summary>

/// <remarks>This method uses an iterated unkeyed SHA256 to calculate the IV.</remarks>

/// <param name="buffer">The input buffer over which to calculate the IV.</param>

/// <param name="ivBitLength">The requested length (in bits) of the IV to generate.</param>

/// <returns>The calculated IV.</returns>

public static byte[] CreatePredictableIV(byte[] buffer, int ivBitLength) {

// Algorithm:

// T_0 = SHA256(buffer)

// T_n = SHA256(T_{n-1})

// output = T_0 || T_1 || ... || T_n (as many blocks as necessary to reach ivBitLength)

byte[] output = new byte[ivBitLength / 8];

int bytesCopied = 0;

int bytesRemaining = output.Length;

using (SHA256 sha256 = CryptoAlgorithms.CreateSHA256()) {

while (bytesRemaining > 0) {

byte[] hashed = sha256.ComputeHash(buffer);

int bytesToCopy = Math.Min(bytesRemaining, hashed.Length);

Buffer.BlockCopy(hashed, 0, output, bytesCopied, bytesToCopy);

bytesCopied += bytesToCopy;

bytesRemaining -= bytesToCopy;

buffer = hashed; // next iteration (if it occurs) will operate over the block just hashed

}

return output;

}

/// <summary>

/// Converts a hexadecimal string into its binary representation.

/// </summary>

/// <param name="data">The hex string.</param>

/// <returns>The byte array corresponding to the contents of the hex string,

/// or null if the input string is not a valid hex string.</returns>

public static byte[] HexToBinary(string data) {

if (data == null || data.Length % 2 != 0) {

// input string length is not evenly divisible by 2

return null;

}

byte[] binary = new byte[data.Length / 2];

for (int i = 0; i < binary.Length; i++) {

int highNibble = HttpEncoderUtility.HexToInt(data[2 * i]);

int lowNibble = HttpEncoderUtility.HexToInt(data[2 * i + 1]);

if (highNibble == -1 || lowNibble == -1) {

return null; // bad hex data

}

binary[i] = (byte)((highNibble << 4) | lowNibble);

}

return binary;

}

// converts a nibble (4 bits) to its uppercase hexadecimal character representation [0-9, A-F]

private static char NibbleToHex(byte nibble) {

return (char)((nibble < 10) ? (nibble + '0') : (nibble - 10 + 'A'));

}

龙生 30 Mar 2016

View Details

wx.onMenuShareTimeline使用注意事项

我在开发测试过程中,发现使用wx.onMenuShareTimeline无效果,没有显示我定义的图片、title和链接,经过调试发现原因如下： 1.图片大小要大于300pix才能显示 2.这个方法必须先config成功，然后再wx.ready里才能调用。我直接放到$(function(){})里执行，实践证明是不行的。

wx.config({

debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。

appId: '{$appid}', // 必填，公众号的唯一标识 timestamp: "{$signPackage.timestamp}", // 必填，生成签名的时间戳

nonceStr: '{$signPackage.nonceStr}', // 必填，生成签名的随机串

signature: '{$signPackage.signature}',// 必填，签名，见附录1

jsApiList: ['checkJsApi', 'onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2

});

wx.ready(function () {

wx.onMenuShareTimeline({

title: '--{$info.name}', // 分享标题

link: '{$url}__URL__/index?pid={$pid}&puid={$uid}', // 分享链接,将当前登录用户转为puid,以便于发展下线

imgUrl: '{$url}__PUBLIC__/Uploads/{$goodsvo.image}', // 分享图标

success: function () { // 用户确认分享后执行的回调函数

alert('分享成功');

cancel: function () { // 用户取消分享后执行的回调函数

}

});

wx.error(function (res) { // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。

alert("errorMSG:" + res);

});

from:http://www.cnblogs.com/zhouyu629/p/4496065.html

龙生 30 Mar 2016

View Details

WIN2003服务器防火墙开放FTP服务

WIN2003的服务器，打开系统自带的防火墙后，用FLASHFXP连接FTP时出现沟通困难,无法列表数据，FTP无法连接，通过检查后发现WIN2003在默认情况下，该防火墙是禁止开放本机FTP服务的。通过一系列的试验发现解决该问题的方法，希望对大家有所帮助，步骤如下所述：第1步，点击开始菜单，进入控制面板，选择WINDOW防火墙，进入防火墙设置窗口，选择例外菜单，进入防火墙例外窗口，之后点击下方的添加端口，出现添加端口对话框，在此设置名称FTP，和开启端口21后，点击确定，如图1所示：图1防火墙例外中添加端口设置第2步，在桌面上右键单击“网上邻居”图标，选择“属性”命令。在打开的“网络连接”窗口中右键单击“本地连接”图标，选择“属性”命令，之后选择高级按钮，点击设置进入WINDOW防火墙设置窗口，如图2所示：图2本地连接属性进入防火墙设置第3步，打开“防火墙设置”对话框，切换到“高级”选项卡。单击本地连接对话框右侧的“设置”按钮，打开“高级设置”对话框。图3本地连接高级设置窗口第4步，在默认的“服务”选项卡中，用户可以设置在开启防火墙功能的前提下本机开放的服务类别。由于需要提供FTP服务，因此只需开放该服务即可。在服务列表中选中“FTP服务器”选项，随之打开的“服务设置”对话框要求填写计算机名称。保持默认内容并连续单击“确定”完成设置即可，如图4所示。 from:http://blog.pynet.net/u/pyxyp/archives/2011/99.html

龙生 25 Mar 2016

View Details

Navigator 对象

Navigator 对象 Navigator 对象包含有关浏览器的信息。注释：没有应用于 navigator 对象的公开标准，不过所有浏览器都支持该对象。 Navigator 对象集合集合描述 plugins[] 返回对文档中所有嵌入式对象的引用。该集合是一个 Plugin 对象的数组，其中的元素代表浏览器已经安装的插件。Plug-in 对象提供的是有关插件的信息，其中包括它所支持的 MIME 类型的列表。虽然 plugins[] 数组是由 IE 4 定义的，但是在 IE 4 中它却总是空的，因为 IE 4 不支持插件和 Plugin 对象。 Navigator 对象属性属性描述 appCodeName 返回浏览器的代码名。 appMinorVersion 返回浏览器的次级版本。 appName 返回浏览器的名称。 appVersion 返回浏览器的平台和版本信息。 browserLanguage 返回当前浏览器的语言。 cookieEnabled 返回指明浏览器中是否启用 cookie 的布尔值。 cpuClass 返回浏览器系统的 CPU 等级。 onLine 返回指明系统是否处于脱机模式的布尔值。 platform 返回运行浏览器的操作系统平台。 systemLanguage 返回 OS 使用的默认语言。 userAgent 返回由客户机发送服务器的 user-agent 头部的值。 userLanguage 返回 OS 的自然语言设置。 Navigator 对象方法方法描述 javaEnabled() 规定浏览器是否启用 Java。 taintEnabled() 规定浏览器是否启用数据污点 (data tainting)。 from:http://www.w3school.com.cn/jsref/dom_obj_navigator.asp

龙生 24 Mar 2016

View Details

HTML5 WebStorage(HTML5本地存储技术)

WebStorage是HTML5中本地存储的解决方案之一，在HTML5的WebStorage概念引入之前除去IE User Data、Flash Cookie、Google Gears等看名字就不靠谱的解决方案，浏览器兼容的本地存储方案只有使用cookie。有同学可能会问，既然有了cookie本地存储，为什么还要引入WebStorage的概念？ Cookie肿么了 cookie的缺陷是非常明显的 1. 数据大小：作为存储容器，cookie的大小限制在4KB左右这是非常坑爹的，尤其对于现在复杂的业务逻辑需求，4KB的容量除了存储一些配置字段还简单单值信息，对于绝大部分开发者来说真的不知指望什么了。 2. 安全性问题：由于在HTTP请求中的cookie是明文传递的（HTTPS不是），带来的安全性问题还是很大的。 3. 网络负担：我们知道cookie会被附加在每个HTTP请求中，在HttpRequest 和HttpResponse的header中都是要被传输的，所以无形中增加了一些不必要的流量损失。 WebStorage WebStorage是HTML新增的本地存储解决方案之一，但并不是为了取代cookie而制定的标准，cookie作为HTTP协议的一部分用来处理客户端和服务器通信是不可或缺的，session正是依赖于实现的客户端状态保持。WebStorage的意图在于解决本来不应该cookie做，却不得不用cookie的本地存储。 WebStorage提供两种类型的API：localStorage和sessionStorage，两者的区别看名字就有大概了解，localStorage在本地永久性存储数据，除非显式将其删除或清空，sessionStorage存储的数据只在会话期间有效，关闭浏览器则自动删除。两个对象都有共同的API。复制代码代码如下: interface Storage { readonly attribute unsigned long length; DOMString? key(unsigned long index); getter DOMString getItem(DOMString key); setter creator void setItem(DOMString key, DOMString value); deleter void removeItem(DOMString key); void clear(); }; 1、length:唯一的属性，只读，用来获取storage内的键值对数量。 2、key：根据index获取storage的键名 3、getItem：根据key获取storage内的对应value 4、setItem：为storage内添加键值对 5、removeItem：根据键名，删除键值对 6、clear：清空storage对象 WebStorage如何使用在实现了WebStorage的浏览器中，页面有两个全局的对象localStorage和sessionStorage 以localStorage为例，看一段简单的操作代码复制代码代码如下: var ls=localStorage; console.log(ls.length);//0 ls.setItem('name',’Byron'); ls.setItem('age',’24'); console.log(ls.length);//2 //遍历localStorage for(var i=0;i<ls.length;i++){ /* age : 24 […]

龙生 24 Mar 2016

View Details

js移动设备手机跳转地址代码

if(/AppleWebKit.*mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){

if(window.location.href.indexOf("?mobile")<0){

try{

if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){

window.location.href="手机页面";

}else if(/iPad/i.test(navigator.userAgent)){

window.location.href="平板页面";

}else{

window.location.href="其他移动端页面"

}

}catch(e){}

}

另外的三种：版本1

//平台、设备和操作系统

var system ={

win : false,

mac : false,

xll : false

};

//检测平台

var p = navigator.platform;

system.win = p.indexOf("Win") == 0;

system.mac = p.indexOf("Mac") == 0;

system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);

//跳转语句，如果是手机访问就自动跳转到caibaojian.com页面

if(system.win||system.mac||system.xll){

}else{

window.location.href="http://caibaojian.com";

}

</script>

版本2

function is_mobile() {

var u = navigator.userAgent;

if (null == u) {

return true;

}

var result = regex_match.exec(u);

if (null == result) {

return false

} else {

return true

}

if (is_mobile()) {

document.location.href= 'http://caibaojian.com'; //修改http://caibaojian.com为你所需跳转目标页地址

}

</script>

版本3 百度webapp版

(function(){

var res = GetRequest();

var par = res['index'];

if(par!='gfan'){

var ua=navigator.userAgent.toLowerCase();

var contains=function (a, b){

if(a.indexOf(b)!=-1){return true;}

};

//将下面的http://caibaojian.com改成你的wap手机版页面地址如我的 http://caibaojian.com

var toMobileVertion = function(){

window.location.href = 'http://caibaojian.com/'

}

if(contains(ua,"ipad")||(contains(ua,"rv:1.2.3.4"))||(contains(ua,"0.0.0.0"))||(contains(ua,"8.0.552.237"))){return false}

if((contains(ua,"android") && contains(ua,"mobile"))||(contains(ua,"android") && contains(ua,"mozilla")) ||(contains(ua,"android") && contains(ua,"opera"))

||contains(ua,"ucweb7")||contains(ua,"iphone")){toMobileVertion();}

}

})();

function GetRequest() {

var url = location.search; //获取url中"?"符后的字串

var theRequest = new Object();

if (url.indexOf("?") != -1) {

var str = url.substr(1);

strs = str.split("&");

for(var i = 0; i < strs.length; i ++) {

theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);

}

return theRequest;

}

</script>

龙生 23 Mar 2016

View Details

« Previous 1 … 273 274 275 … 418 Next »