为 Web 设计师准备的 25+ 款扁平 UI 工具包
Flat UI Kit by Riki Tanone (free) Flat UI Kit (PSD) by Devin Schulz (free) Eerste UI Kit (free) Metro UI kit (free) Ui Kit by Abhimanyu Rana (free) Flat Ui Kit by Zachary VanDeHey (free) FREE flat UI kit by Visualcreative.cz (free) UI Kit (PSD) by Piotr Kwiatkowski (free) Vertical Infinity (free) Flat/UI Kit by Sebastiaan Scheer (free) Flat UI Kit by Jan Dvorak (free) Flat Design UI Concepts (free) UI/UX Kit (free) Flat Bold UI Kit by Simon Eramo (free) UI Kit by Huseyin Yilmaz (free) […]
View Details使用 WebSockets 的 9 个应用场景
WebSockets支持及时数据交换，并被所有现代浏览器支持。请直接在你的web apps上使用它吧。 至所有我的读者：幸运的是我目前在巴西进行Scaling systems项目，享受32度的气温，吃着咸八宝饭还有凯匹林纳鸡尾酒。同时根据你们的要求更新着博客，我邀请了我主要的成员侨纳琛弗里曼在我离开的时间指导你们。 没有其他技术能够像WebSocket一样提供真正的双向通信，许多web开发者仍然是依赖于ajax的长轮询来实现。（注：我认为长轮询是富于创造性和多功能性的，虽然这只是一个不太完美的解决办法（hack））对Websocket缺少热情，也许是因为多年前他的安全性的脆弱，抑或者是缺少浏览器的支持，不管怎样，这两个问题都已经被解决了。 决定手头的工作是否需要使用WebSocket技术的方法很简单： 你的应用提供多个用户相互交流吗？ 你的应用是展示服务器端经常变动的数据吗？ 如果你的回答是肯定的，那么请考虑使用WebSocket。如果你仍然不确定，并想要更多的灵感，这有一些杀手锏的案例。 1.社交订阅 对社交类的应用的一个裨益之处就是能够即时的知道你的朋友正在做什么。虽然听起来有点可怕，但是我们都喜欢这样做。你不会想要在数分钟之后才能知道一个家庭成员在馅饼制作大赛获胜或者一个朋友订婚的消息。你是在线的，所以你的订阅的更新应该是实时的。 2.多玩家游戏 网络正在迅速转变为游戏平台。在不使用插件（我指的是Flash）的情况下，网络开发者现在可以在浏览器中实现和体验高性能的游戏。无论你是在处理DOM元素、CSS动画，HTML5的canvas或者尝试使用WebGL，玩家之间的互动效率是至关重要的。我不想在我扣动扳机之后，我的对手却已经移动位置。 3.协同编辑/编程 我们生活在分布式开发团队的时代。平时使用一个文档的副本就满足工作需求了，但是你最终需要有一个方式来合并所有的编辑副本。版本控制系统，比如Git能够帮助处理某些文件，但是当Git发现一个它不能解决的冲突时,你仍然需要去跟踪人们的修改历史。通过一个协同解决方案，比如WebSocket，我们能够工作在同一个文档，从而省去所有的合并版本。这样会很容易看出谁在编辑什么或者你在和谁同时在修改文档的同一部分。 4.点击流数据 分析用户与你网站的互动是提升你的网站的关键。HTTP的开销让我们只能优先考虑和收集最重要的数据部分。然后，经过六个月的线下分析，我们意识到我们应该收集一个不同的判断标准——一个看起来不是那么重要但是现在却影响了一个关键的决定。与HTTP请求的开销方式相比，使用Websocket，你可以由客户端发送不受限制的数据。想要在除页面加载之外跟踪鼠标的移动？只需要通过WebSocket连接发送这些数据到服务器，并存储在你喜欢的NoSQL数据库中就可以了（MongoDB是适合记录这样的事件的）。现在你可以通过回放用户在页面的动作来清楚的知道发生了什么。 5.股票基金报价 金融界瞬息万变——几乎是每毫秒都在变化。我们人类的大脑不能持续以那样的速度处理那么多的数据，所以我们写了一些算法来帮我们处理这些事情。虽然你不一定是在处理高频的交易，但是，过时的信息也只能导致损失。当你有一个显示盘来跟踪你感兴趣的公司时，你肯定想要随时知道他们的价值，而不是10秒前的数据。使用WebSocket可以流式更新这些数据变化而不需要等待。 6.体育实况更新 现在我们开始讨论一个让人们激情澎湃的愚蠢的东西——体育。我不是运动爱好者，但是我知道运动迷们想要什么。当爱国者在打比赛的时候，我的妹夫将会沉浸于这场比赛中而不能自拔。那是一种疯狂痴迷的状态，完全发自内心的。我虽然不理解这个，但是我敬佩他们与运动之间的这种强烈的联系，所以，最后我能做的就是给他的体验中降低延迟。如果你在你的网站应用中包含了体育新闻，WebSocket能够助力你的用户获得实时的更新。 7.多媒体聊天视频会议并不能代替和真人相见，但当你不能在同一个屋子里见到你谈话的对象时，视频会议是个不错的选择。尽管视频会议私有化做的“不错”，但其使用还是很繁琐。我可是开放式网络的粉丝，所以用WebSockets getUserMedia API和HTML5音视频元素明显是个不错的选择。WebRTC的出现顺理成章的成为我刚才概括的组合体，它看起来很有希望，但其缺乏目前浏览器的支持，所以就取消了它成为候选人的资格。 8.基于位置的应用越来越多的开发者借用移动设备的GPS功能来实现他们基于位置的网络应用。如果你一直记录用户的位置(比如运行应用来记录运动轨迹)，你可以收集到更加细致化的数据。如果你想实时的更新网络数据仪表盘(可以说是一个监视运动员的教练)，HTTP协议显得有些笨拙。借用WebSocket TCP链接可以让数据飞起来。 9.在线教育上学花费越来越贵了，但互联网变得更快和更便宜。在线教育是学习的不错方式，尤其是你可以和老师以及其他同学一起交流。很自然，WebSockets是个不错的选择，可以多媒体聊天、文字聊天以及其它优势如与别人合作一起在公共数字黑板上画画… 转自:http://www.oschina.net/translate/9-killer-uses-for-websockets
View Details解决SQLServer中变更海量数据表结构时产生【无法修改表. Timeout 时间已到. 在操作完成之前超时时间已过或服务器未响应. 】
【解决办法】： 工具->选项>设计器->表设计器和数据库设计器->右侧勾选“为表设计器更新重写连接字符串的超时值”，在它下面的“事务超时时间”默认应该是 30 秒，改得稍微大一些，不过好像不能超过65535. 转自：http://blog.csdn.net/abandonship/article/details/8516541
View DetailsASP.NET实现二维码（QRCode）的创建和读取
QR二维码比其他二维码相比，具有识读速度快、数据密度大、占用空间小的优势。QR码的三个角上有三个寻象图形，使用CCD识读设备来探测码的位置、大小、倾斜角度、并加以解码，实现360度高速识读。每秒可以识读30个含有100个字符QR码。QR码容量密度 大，可以放入1817个汉字、7089个数字、4200个英文字母。QR码用数据压缩方式表示汉字，仅用13bit即可表示一个汉字，比其他二维条码表示汉字的效率提高了20%。QR具有4个等级的纠错功能，即使破损也能够正确识读。QR码抗弯曲的性能强，通过QR码中的每隔一定的间隔配置有校正图形，从码的外形来求得推测校正图形中心点与实际校正图形中心点的误差来修正各个模快的中心距离，即使将QR码贴在弯曲的物品上也能够快速识读。QR码可以分割成16个QR码，可以一次性识读数个分割码，适应于印刷面积有限及细长空间印刷的需要。此外微型QR码可以在1厘米的空间内放入35个数字或9个汉字或21个英文字母，适合对小型电路板对ID号码进行采集的需要。（From：http://tuqiang9999.blog.163.com/blog/static/33241320111115103159542/） QRCode下载地址：ThoughtWorks.QRCode（支持中文） 一、项目引用QRCode的DLL文件（ThoughtWorks.QRCode.dll） 二、ASPX页面（两个jquery的js文件请自行去官网下载）： <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>二维码工具测试</title> <script type="text/javascript" src="../../Scripts/Jquery/jquery-1.6.2.js"></script> <script type="text/javascript" src="../../Scripts/Jquery/jquery.form.js"></script> <script type="text/javascript" src="js/test.js"></script> <style type="text/css"> .style1 { width: 100%; } #txt_qr { width: 632px; } </style> </head> <body> <div> <table class="style1"> <tr> <td> 输入文字： </td> <td> <input type="text" id="txt_qr" name="txt_qr" /> </td> </tr> <tr> <td> 二维码图片 </td> <td> <img id="qrimg" alt="二维码图片" /> </td> </tr> <tr> <td> 生成选项 </td> <td> Encoding:<select id="Encoding"> <option value="Byte">Byte</option> <option value="AlphaNumeric">AlphaNumeric</option> <option value="Numeric">Numeric</option> </select> Correction Level:<select id="Level"> <option value="M">M</option> <option value="L">L</option> <option value="Q">Q</option> <option value="H">H</option> </select> Version:<input id="txt_ver" type="text" value="7" />(1-40) Size:<input id="txt_size" type="text" value="4" /> </td> </tr> <tr> <td colspan="4"> <input type="button" onclick="getQrImg();" value="生成二维码" /> </td> </tr> <tr> <td> <form id="qrForm" action="Ashx/test.ashx" method="post" enctype="multipart/form-data"> <input type="file" id="file_qr" name="file_qr" /><input type="submit" value="读取二维码" /> </form> </td> <td colspan="1"> <img id="img_qr" alt="要读取的图片" /><br /> <input id="txt_readqr" type="text" /> </td> </tr> </table> </div> </body> </html> 三、test.js文件 [javascript] $(document).ready(function () { var options = { beforeSubmit: showRequest, […]
View DetailsMVC Razor模板引擎 @RenderBody、@RenderPage、@RenderSection及Html.RenderPartial、Html.RenderAction
一、Views文件夹 -> Shared文件夹下的 _Layout.cshtml 母版页 @RenderBody 当创建基于_Layout.cshtml布局页面的视图时，视图的内容会和布局页面合并，而新创建视图的内容会通过_Layout.cshtml布局页面的@RenderBody()方法呈现在标签之间。 @RenderPage 从名称可以猜出来这个方法是要呈现一个页面。比如网页中固定的头部可以单独放在一个共享的视图文件中，然后在布局页面中通过这个方法调用，用法如下： @RenderPage(“~/Views/Shared/_Header.cshtml”) 带参数 @RenderPage(“~/Views/Shared/_Header.cshtml”,new{parm="my",parm2="you") 调用页面获取参数： //获取 RenderPage() 传递过来的参数 @PageData["param"] @RenderSection 布局页面还有节（Section）的概念，也就是说，如果某个视图模板中定义了一个节，那么可以把它单独呈现出来 为了防止因缺少节而出现异常，可以给RenderSection()提供第2个参数： @RenderSection("head", false) 或 @if (IsSectionDefined("head")) { @RenderSection("head", false) } else { <p>SubMenu Section is not defined!</p> } 代码如下： [html] view plaincopy <!DOCTYPE html> <html> <head> <title>@ViewBag.Title</title> <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" /> <script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script> @RenderSection("head", required: true)@*View页面自定义特定js/css使用*@ </head> <body> @RenderPage("~/Views/Shared/_Header.cshtml") @RenderBody() </body> </html> 二、创建视图，使用母版页 代码如下： [html] view plaincopy @{ ViewBag.Title = "Index"; Layout = "~/Views/Shared/_Layout.cshtml"; } <h2>Index</h2> @section Head{ <script type="text/javascript"> $(function () { alert("hello jquery"); }); </script> } <p>执行C#普通语法</p><br /> @DateTime.Now.Date.ToShortDateString() <p>执行C#语句段</p> @{ List<string> list = new List<string> { "Mvc3", "Razor" }; list.Add(".Net4"); } <ul> @foreach(string s in list) { if (string.IsNullOrEmpty(s)) { <li>空</li> } else […]
View Detailsasp.net获取当前网址url的各种属性(文件名、参数、域名 等)的代码
设当前页完整地址是：http://www.jb51.net/aaa/bbb.aspx?id=5&name=kelli "http://"是协议名 "www.jb51.net"是域名 "aaa"是站点名 "bbb.aspx"是页面名（文件名） "id=5&name=kelli"是参数 【1】获取 完整url （协议名+域名+站点名+文件名+参数） 复制代码代码如下: string url=Request.Url.ToString(); url= http://www.jb51.net/aaa/bbb.aspx?id=5&name=kelli 【2】获取 站点名+页面名+参数： 复制代码代码如下: string url=Request.RawUrl; (或 string url=Request.Url.PathAndQuery;) url= /aaa/bbb.aspx?id=5&name=kelli 【3】获取 站点名+页面名： 复制代码代码如下: string url=HttpContext.Current.Request.Url.AbsolutePath; (或 string url= HttpContext.Current.Request.Path;) url= aaa/bbb.aspx 【4】获取 域名： 复制代码代码如下: string url=HttpContext.Current.Request.Url.Host; url= www.jb51.net 【5】获取 参数： 复制代码代码如下: string url= HttpContext.Current.Request.Url.Query; url= ?id=5&name=kelli 复制代码代码如下: Request.RawUrl：获取客户端请求的URL信息（不包括主机和端口）——>/Default2.aspx Request.ApplicationPath：获取服务器上ASP.NET应用程序的虚拟路径。——>/ Request.CurrentExecutionFilePath：获取当前请求的虚拟路径。——>/Default2.aspx Request.Path：获取当前请求的虚拟路径。——>/Default2.aspx Request.PathInfo：取具有URL扩展名的资源的附加路径信息——> Request.PhysicalPath：获取与请求的URL相对应的物理文件系统路径。——>E:\temp\Default2.aspx Request.Url.LocalPath：——>/Default2.aspx Request.Url.AbsoluteUri：——>http://localhost:8080/Default2.aspx Request.Url.AbsolutePath：—————————->/Default2.aspx 转自：脚本无忧
View Details关闭WindowsServer2008 R2 关闭事件跟踪程序
1.打开开始--运行--键入gpedit.msc 2.管理模版--系统，“显示‘关闭事件跟踪程序’” by:wangbin5542 家园原文： http://www.wowpc.cn/thread-14932-1-1.html
View Details文件头信息
根据文件的后缀名识别文件类型并不准确，可以使用文件的头信息进行识别： 以下是各类文件的头： JPEG (jpg)，文件头：FFD8FFE1 PNG (png)，文件头：89504E47 GIF (gif)，文件头：47494638 TIFF (tif)，文件头：49492A00 Windows Bitmap (bmp)，文件头：424D CAD (dwg)，文件头：41433130 Adobe Photoshop (psd)，文件头：38425053 Rich Text Format (rtf)，文件头：7B5C727466 XML (xml)，文件头：3C3F786D6C HTML (html)，文件头：68746D6C3E Email [thorough only] (eml)，文件头：44656C69766572792D646174653A Outlook Express (dbx)，文件头：CFAD12FEC5FD746F Outlook (pst)，文件头：2142444E MS Word/Excel (xls.or.doc)，文件头：D0CF11E0 MS Access (mdb)，文件头：5374616E64617264204A WordPerfect (wpd)，文件头：FF575043 Postscript (eps.or.ps)，文件头：252150532D41646F6265 Adobe Acrobat (pdf)，文件头：255044462D312E Quicken (qdf)，文件头：AC9EBD8F Windows Password (pwl)，文件头：E3828596 ZIP Archive (zip)，文件头：504B0304 RAR Archive (rar)，文件头：52617221 Wave (wav)，文件头：57415645 AVI (avi)，文件头：41564920 Real Audio (ram)，文件头：2E7261FD Real Media (rm)，文件头：2E524D46 MPEG (mpg)，文件头：000001BA MPEG (mpg)，文件头：000001B3 Quicktime (mov)，文件头：6D6F6F76 Windows Media (asf)，文件头：3026B2758E66CF11 MIDI (mid)，文件头：4D546864 转自：http://hi.baidu.com/eggpai/item/8f212b2485917f899c63d100?qq-pf-to=pcqq.c2c
View DetailsC#的Byte[]和stream
1、Byte[] ===== 1. BitConverter 将基础数据类型与字节数组相互转换。注意string不是基础类型，而且该方法在不同平台间传递可能有误。 int i = 13; byte[] bs = BitConverter.GetBytes(i); Console.WriteLine(BitConverter.ToInt32(bs, 0)); 2. Encoding 注意慎用Encoding.Default，其值取自操作系统当前的设置，因此在不同语言版本的操作系统是不相同的。建议使用UTF8或者GetEncoding(”gb2312″)。 string s = "abc"; byte[] bs = Encoding.UTF8.GetBytes(s); Console.WriteLine(Encoding.UTF8.GetString(bs)); 3. BinaryFormatter 以二进制格式将对象或整个连接对象图形序列化和反序列化。 using System.Runtime.Serialization; using System.Runtime.Serialization.Formatters.Binary; [Serializable] class Data { private int x = 13; public void Test() { Console.WriteLine(x); } } static void Main(string[] args) { Data data = new Data(); MemoryStream stream = new MemoryStream(); BinaryFormatter formatter = new BinaryFormatter(); formatter.Serialize(stream, data); byte[] bs = stream.ToArray(); MemoryStream stream2 = new MemoryStream(bs); Data data2 = (Data)formatter.Deserialize(stream2); data2.Test(); } […]
View Details谷歌员工吐槽对公司不满:优秀人才从事无聊工作
导语：美国社交问答网站Quora上近期发起讨论，多名谷歌员工对于在谷歌的工作提出多方面的不满。美国科技博客Business Insider今天刊文，总结了谷歌员工的这些不满。 以下为文章全文： 1.所有人都很优秀，因此谷歌可以招聘最杰出的人才从事最无聊的工作 “对许多人来说，在谷歌工作最糟糕的是，他们的能力远远超出所从事的的工作。由于品牌效应、薪酬和福利，以及非常积极的工作文化，因此谷歌有着极高的招聘门槛。所以，谷歌可以选择最优秀的候选人，即使是一些低级别职位。” “美国前10名大学的一些学生为谷歌的广告产品提供技术支持，或人工下线一些YouTube内容，或是为网站一个按钮的配色撰写基本的A/B测试代码。” 2.谷歌员工非常杰出，谷歌内部甚至出现了相关的笑话 “我曾经和同事开玩笑说，佩奇和布林乘着游艇出游，将游艇靠在一起，躺在与喷气式飞机上相同的躺椅上，抽着雪茄，拿起谷歌员工的照片说：‘他曾 经是跨国电信公司的总经理，拥有哈佛大学MBA学位，而现在则在解答Orkut的问题。’随后他们放声大笑，并拿起雪茄和苏格兰威士忌庆祝。当然这一部分 不太可能，因为他们两人都不会抽雪茄或是喝苏格兰威士忌。但其他部分可能是真的。” 3.谷歌已不再是创业公司，而是一家非常庞大的公司 “当我离职时，谷歌已不再具备创业公司的氛围。同样出现了办公室政治。如果你从事适当的项目，并以正确的方式进行自己的工作，那么很容易得到晋升。” 4.许多工程师都很傲慢 “不幸的是，尽管有着共同的信念，但我发现一般的谷歌工程师都很平庸，同时也非常傲慢。所有人都认为，他比自己的同事更好。因此除非是和朋友， 否则很难讨论任何问题。由于每个人的领域不同，因此客观的讨论非常少，而除非对方是‘重要的上帝’，所有人都对其他人的意见不感兴趣。” 5.谷歌非常庞大，你无法对其施加任何影响 “我在谷歌工作了3年。离开非常困难，但一个重要因素使我做出了这一决定：作为一个个人，我对谷歌业务可能产生的影响非常小。与之前的一些回答 类似，谷歌是一架不可思议的机器，依靠AdWords印刷钞票。除非你是极具才能的工程师，能创造一些新东西，否则你只是给这台机器加油的人。” 6.中层管理者很平庸 “我只能说，中层管理者总是保持中庸的思想，只关注指标而没有其他任何东西。他们不想打破现状，不知道如何激励下属，非常依赖谷歌的名声为自己谋取利益。” 7.谷歌可能懂工程，但不懂设计 “谷歌缺乏对产品和视觉设计的足够专注。这带来了许多被放弃，或是只取得一半成功的产品，例如Wave、谷歌视频、Buzz、Dodgeball、Orkut、Knol和Friend Connect。谷歌过于关注纯工程。” 8.办公室空间太小 “如果你只能在4栋主要园区大楼之一工作，那么可能会感到空间很挤。3到4名员工共用一个隔间，或几名经理共用一间办公室很常见。由于所有开开放空间都提供食物、游戏、电视或科技谈话，因此很难找到一个安静、私密的空间用于思考。” 9.事情一定要写在纸面上 “如果你正在与谷歌进行招聘谈判，那么要确保所有一切都必须写在纸面上，谷歌开出了太多空头支票，最终都没有兑现。” 10.谷歌员工可能被琐事困扰 “在苏黎世的办公室有一个安静的房间，员工可以在那里休息或午睡。那里有着非常漂亮的鱼缸，你可以将工作时间花在那里。超过100个邮件讨论搬走房间中的按摩椅，因为许多人抱怨按摩椅太吵，影响了他们的睡眠。” 11.文化并不成熟 “这里就像是世外桃源，人们永远不会长大。他们整天都在喝东西，社交，玩游戏，但工作做得很少。” 12.你无法远程办公 “对我来说问题在于无法远程办公，而过去5到6年中我一直都这样做。” 13.谷歌员工不尊重临时工 “我曾在谷歌从事临时工的工作，最糟糕的是谷歌正式员工自以为是的态度。他们似乎认为，非正式员工在精神上要低他们一等。” 转自：http://www.oschina.net/news/45645/google-employees-are-not-satisfied-with-the-company
View Details