01 2014 档案

HTML5 drag & drop 拖拽与拖放简介
摘要：byzhangxinxufromhttp://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=1419一、前面的话HTML5提供专门的拖拽与拖放的API，以后实现这类效果就不必乱折腾了。但是，考虑到Opera浏览器似乎对此不感冒，在通用性上有待商榷，所以这里也就简单说一说。二、相关重点DataTransfer对象：退拽对象用来传递的媒介，使用一般为Event.dataTransfer。draggable属性：就是标签元素要设置draggable=true，否则不会有效果，例如：列表1ondragstart事件：当拖拽 阅读全文
posted @ 2014-01-27 11:28 郑文亮 阅读(709) 评论(0) 推荐(0) 编辑
html5 文件拖拽上传
摘要：本文首先发表在 码蜂笔记 ：http://coderbee.net/index.php/web/20130703/266html5 文件拖拽上传是个老话题了，网上有很多例子，我一开始的代码也是网上找来改的，只是踩了几个坑之后就想把过程记录下来。功能实现下面主要介绍从浏览器外拖拽文件到浏览器进行上传的实现。 首先会介绍一些必须的基础。拖拽事件拖拽事件有下面这些：dragstart：当用户开始拖动对象时触发。dragenter： 当鼠标第一次经过目标元素，且有拖动发生时触发。此事件的监听者应指明在这个位置上是否允许drop，或者监听者不执行任何操作，那么drop默认是不允许的。dragover：当 阅读全文
posted @ 2014-01-27 11:09 郑文亮 阅读(2013) 评论(0) 推荐(0) 编辑
弹出窗口zDialog的使用
摘要：因为没有元素可以显示到Frameset上面去，所以重新定义了，一个index.htm，对其的操作是：Index.htm//引入相应的界面再定义一个iframe来引入相应的界面：在它的需要调用弹出窗口的界面中可以这样写：functionb(URL,title,id){set_current(id);top.openDialog(title,URL);//此处调用的是index.htm中的js方法}其中在其他的子页面中，弹出一个提示框的：top.Dialog.alert(“提示成功”);//只进行提示top.Dialog.close();//关闭窗口top.Dialog.alert(“提示成功”, 阅读全文
posted @ 2014-01-26 16:14 郑文亮 阅读(20960) 评论(0) 推荐(0) 编辑
ajaxPro用法
摘要：一.AjaxPro的使用1.在项目中添加引用，浏览找到AjaxPro.2.dll文件2.在Web.config中的system.web里面写入以下代码 3.在加载事件中，加入 AjaxPro.Utility.RegisterTypeForAjax(typeof(类名));4.写的方法都要用 [AjaxPro.AjaxMethod]开头，然后在写方法5.调用时必须写清楚 命名空间名.类名.方法，例:WebUI._Default.getData();6.调用可分两中方法(同步调用，异步调用) //在后台写的无参方法 [AjaxPro.AjaxMethod] public st... 阅读全文
posted @ 2014-01-26 10:12 郑文亮 阅读(437) 评论(0) 推荐(0) 编辑
天猫浏览型应用的CDN静态化架构演变
摘要：双11流量的大幅增加，给天猫浏览型系统带来容量评估、硬件扩容、性能优化等技术挑战。本文阐释其如何通过静态化技术实现动静态信息分离、利用缓存技术存放静态化内容、利用少量动态数据异步加载填充，解决以上问题。在天猫双11活动中，商品详情、店铺等浏览型系统，通常会承受超出日常数倍甚至数十倍的流量冲击。随着历年来双11流量的大幅增加，每年这些浏览型系统都要面临容量评估、硬件扩容、性能优化等各类技术挑战。因此，架构方面的重点在于，如何能够利用合理成本应对瞬间飙高的峰值请求，并确保活动完整周期中系统容量的可伸缩性、用户响应时间的稳定性，以及外部依赖系统出现问题时的高可用性。此外，作为最主要的页面流量承载体系 阅读全文
posted @ 2014-01-23 10:51 郑文亮 阅读(817) 评论(0) 推荐(0) 编辑
HTML5简易在线画图工具
摘要：继上次学习了HTML5的路径画圆做了动态时钟、异次元空间的反转做了运动的太阳系，这两天将画线、画圆、填充等知识点结合起来做了一个简易的在线画图工具：查看DEMO：HTML5简易在线画图工具功能包括自由画笔、橡皮擦、文字填充、画三角形、画圆等，相对我这个新手来说，感觉挺难的，不过还是参考了资料慢慢“拼”出来了。自由画笔的思路：1234567891011121314151617181920212223242526272829303132333435/******* 自由画笔 *******/function dBrush(n){setStatus(actions,n,1);//鼠标按下的时候var 阅读全文
posted @ 2014-01-23 09:57 郑文亮 阅读(35449) 评论(0) 推荐(0) 编辑
HTML Canvas 鼠标画图
摘要：原文来自:http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app(已被墙)译文:http://fatkun.com/2011/02/html5-canvas-paint.html我也不打算全部翻译了…大部分也看的懂,就算看不懂,代码也能看懂….o(╯□╰)o原谅我非常懒…很久没写博客了.——————-以下是一个简单的例子————————————-html容器首先，准备个容器,也就是画板了。但是，由于IE部分版本还是不支持HTML5，那我们可以借用exCanvas兼容IE..初始化js代码如 阅读全文
posted @ 2014-01-22 17:19 郑文亮 阅读(14875) 评论(1) 推荐(2) 编辑
[转]javascript中style.left和offsetLeft的使用
摘要：如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相对于父div的值，这同offsetLeft是相同的，区别在于：1. style.left 返回的是字符串，如28px，offsetLeft返回的是数值28，如果需要对取得的值进行计算，还用offsetLeft比较方便。2. style.left是读写的，offsetLeft是只读的，所以要改变div的位置，只能修改style.left。3. style.left的值需要事先定义，否则取到的值为空。而且必须要定义在html里，我做过试验，如果定义在cs 阅读全文
posted @ 2014-01-22 13:24 郑文亮 阅读(734) 评论(0) 推荐(0) 编辑
margin:0 auto 与 text-align:center 的区别
摘要：基本概念：1.text-align: 属性规定元素中的文本的水平对齐方式; 该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式; 一般情况下设置文本对齐方式的时使用此属性。支持值 justify。 Example:div{text-align:left;} //文本居左对齐 注释：所有浏览器都支持 text-align 属性；任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。2.margin 是设置对象四边的外延边距，被称为外补丁或外边距。 Example:div{margin:20px10px30... 阅读全文
posted @ 2014-01-22 11:34 郑文亮 阅读(21842) 评论(1) 推荐(5) 编辑
div页面居中(上下左右)
摘要：Special Layout lefttop leftbottom righttop rightbottom 阅读全文
posted @ 2014-01-22 11:18 郑文亮 阅读(1425) 评论(0) 推荐(0) 编辑
jquery 实现页面拖拽并保存到cookie
摘要：实现的效果就是页面内的图片可拖拽到任意位置,并将所在位置保存.下次打开页面依然可见.本文是作demo用,实际开发中,位置的数据应保存到数据库中.好了,开始.1.准备工作.a.jquery(1.7.2),ui,cookie插件,json插件.一些图片(本文是5张).2.页面.上代码1234567接下,先为每个img的父元素增加draggable,并且动态改变id,这样便于记录时减少工作量.当然,先得给它来2个事件,mouseenter,mouseleave.代码如下.1234567891011$("#img_list div").on({mouseenter:function 阅读全文
posted @ 2014-01-22 08:32 郑文亮 阅读(2263) 评论(1) 推荐(0) 编辑
移动开发框架，第【一】弹：QuoJs 官方文档（汉化版）
摘要：作者：一只猿原文地址：http://www.92ez.com转载请注明出处，谢谢帮助说明如果您认为QuoJS只是一个触摸事件管理器，那你就错了，它是一个功能丰富的类库，无需第三方JavaScript库（例如 jQuery, Prototype, Kendo ...）来创建基于浏览器应用程序的复杂项目。项目地址:http://quojs.tapquo.com/ 如何使用QuoJS使用的命名空间是$$,所以如果你需要的话,你还可以使用其它的JavaScript类库例如(jQuery,Zepto...)使用通用符号$。1234567891011// Find all elements in ... 阅读全文
posted @ 2014-01-21 14:16 郑文亮 阅读(524) 评论(0) 推荐(0) 编辑
javascript 匿名函数的理解，js括号中括function 如(function(){})
摘要：代码如下: (function(){ //这里忽略jQuery所有实现 })(); (function(){ //这里忽略jQuery所有实现 })(); 半年前初次接触jQuery的时候，我也像其他人一样很兴奋地想看看源码是什么样的。然而，在看到源码的第一眼，我就迷糊了。为什么只有一个匿 名函数又没看到运行（当然是运行了……），就能有jQuery这么个函数库了？于是，我抱着疑问来到CSDN。结果相信现在很多人都很清楚了（因为在我之 后也不乏来者，呵呵~）。当一个匿名函数被括起来，然后再在后面加一个括号，这个匿名函数就能立即运行起来！真神奇哦！ 嘿嘿！胡闹到此为止。在这一节，我们碰到的j... 阅读全文
posted @ 2014-01-21 13:54 郑文亮 阅读(1578) 评论(2) 推荐(0) 编辑
百度，淘宝，腾讯三大巨头HTML页面规范分解
摘要：【兼容html5方案】百度贴吧，百度图片的实现腾讯isux研究院的实现 淘宝- 我的淘宝页实现同上，只不过是不同版本不得不提的一个插件https://github.com/aFarkas/html5shiv在github 上达到了3453 星的高度，获得了国内外的广泛认可，如果你厌烦了满页面的div 想尽早拥抱html5 元素，就使用它吧。【兼容模式的选择】关于兼容模式百度首页使用的是百度搜索页使用的是百度图片，腾讯isux研究院，淘宝收藏页使用的是X-UA-Compatible 这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式chrome=1写法可以达到 阅读全文
posted @ 2014-01-21 09:56 郑文亮 阅读(704) 评论(0) 推荐(0) 编辑
Javascript触屏手势库-JTouch(更新V1.1)
摘要：作者：痞子|时间：2013-05-21|分类目录：js,javascript,jquery教程|Tag标签： javascript、jTouch|阅读（857）7 条评论 Javascript触屏手势库-jTouch触屏手势库--JTouch封装的代码有不足支出，以及bug等欢迎大家多多指正。Github地址：https://github.com/liutian1937/JTouch（大家可以fork项目跟踪最新进展）JTouch的介绍JTouch是针对触屏浏览器提供的一个手势集合，由于我的测试环境主要是ipad，所以对于其他触屏设备的支持情况可能会有所不足。这个在后期版本升级过程中会修复。J 阅读全文
posted @ 2014-01-20 13:06 郑文亮 阅读(1782) 评论(1) 推荐(0) 编辑
移动设备、手机浏览器Javascript滑动事件代码
摘要：以下经过本人测试成功。测试平台：三星S5830I操作系统：Android 2.3.6浏览器：UC浏览器HTML标准：HTML5测试了三个事件：touchstart、touchmove 和 touchend，并获取了触摸时触点在页面上的坐标，根据坐标进行了左右滑动、上下滑动判断。代码如下：[html] view plaincopyTouchEvent测试TouchEvent测试未触发事件！测试条目1测试条目2测试条目3测试条目4测试条目5测试条目6测试条目7测试条目8测试条目9测试条目10测试条目11测试条目12测试条目13测试条目14测试条目15测试条目16测试条目17测试条目18测试条目19 阅读全文
posted @ 2014-01-20 09:39 郑文亮 阅读(6032) 评论(0) 推荐(1) 编辑
jQuery 实现上下,左右滑动
摘要：前几天的任务:http://t.sina.com.cn/ 的下滑效果.渐变移动出足够的空白 -> 淡出最后一个 ->渐变移动出足够的空白我们要做的是向左移动效果.这个效果用时需添加一个DIV设置超出部分不显示,这样就可以用了.闲话不多说,上码Js代码 //isw2zhouxianglh2010.07.07//移动ulvarslideOperate={slideUlId:"",//ULid用于操作UlfadeInTime:2000,//淡出淡入时间slideDownTime:2000,//滑动时间nextLeft:function(){//往右滑动varlastL 阅读全文
posted @ 2014-01-20 09:37 郑文亮 阅读(4539) 评论(0) 推荐(0) 编辑
VS2012的安装项目只能用InstallShield Limited Edition[附资源下载]
摘要：以前版本的Visual Stuido中安装项目都可以使用微软自家的Visual Studio Installer，但是到了VS2012这一切都变了,只能用InstallShield Limited Edition。为这个鬼东西折腾了几天，把经验分享出来，留个脚印，以免同样上当。1.VS2012及更高版本的安装项目首先，从VS2012开始，以前的Visual Studio Installer不复存在，打开VS2012，新建项目中的“安装和部署”项目模版，多了一个“启用InstallShield Limited Edition”，双击可以得到这个东东的下载页面，直接用邮箱进行注册后，会发下载地址和 阅读全文
posted @ 2014-01-18 18:00 郑文亮 阅读(1356) 评论(0) 推荐(1) 编辑
web app 开发必不可少的滑动插件 Flipsnap
摘要：http://www.beardnote.com/?p=5 阅读全文
posted @ 2014-01-18 16:45 郑文亮 阅读(391) 评论(0) 推荐(0) 编辑
flipsnap--手机屏幕水平滑动框架
摘要：在很多手机应用中，大家都会见过这样一种效果：当手指横向滑动屏幕时，屏幕上的页面会向左或向右滑动。 下面介绍一下当用HTML5+CSS3开发手机应用时解决这类效果的一款js框架：flipsnap。 flipsnap.js的源码大家可以到flipsnap官网：http://pxgrid.github.com/js-flipsnap/下载。 下面列出我写的小例子，大家一看应该就看明白了。水平切换 demo 1 2 3 4 5 6... 阅读全文
posted @ 2014-01-18 16:38 郑文亮 阅读(2613) 评论(0) 推荐(0) 编辑
移动开发框架，第【二】弹：Hammer.js 移动设备触摸手势js库
摘要：hammer.js是一个多点触摸手势库，能够为网页加入Tap、Double Tap、Swipe、Hold、Pinch、Drag等多点触摸事件，免去自己监听底层touchstart、touchmove、touchend事件并且写一大堆判断逻辑的痛苦。hammer.js不但支持触摸屏设备的浏览器，在桌面浏览器上，也能将鼠标的点击当做触摸，方便开发人员在桌面浏览器上调试。这是一个专为触摸手势而生的js库，对有需要的朋友非常有帮助，奉上常用的一些方法调用文档。使用方法：1234567891011121314151617181920// 先要对监听的DOM进行一些初始化varhammer = newHa 阅读全文
posted @ 2014-01-18 16:35 郑文亮 阅读(21860) 评论(2) 推荐(1) 编辑
<WEB>平板_手机开发_13 个处理触摸事件和多点触摸的JS 库
摘要：触摸屏是现在所有智能手机的标配，还包括各种平板设备，而且很多桌面也慢慢在开始支持触摸操作。要开发支持触摸屏设备的 Web 应用，我们需要借助浏览器的触摸事件来实线。下图是各种触摸事件说明：本文我们介绍 11 个用来处理触摸事件以及支持多点触摸的 JS 库：QUO JSEvents:Touch, Tap, Double tap, Hold, Fingers, Swipe, Swipe Up, Swipe Right, Swipe Down, Swipe Left, DragOther features:Built-in jQuery-like methods. It uses $$ to avo 阅读全文
posted @ 2014-01-18 16:33 郑文亮 阅读(3159) 评论(0) 推荐(2) 编辑
开发库比较(3) - Mobile Web 开发 - Sencha, jquerymobiel, phonejs, jqtouch, jqmobi
摘要：我们一直坚信Html/css在界面上最终会一统江湖，因为在众多的界面编写中，qt,gtk,wpf,win form, wxwidgets等等，只有Html/CSS是真正拥有统一标准，只有这个有潜力作用一次编写，到处长得一样。 回归正题，我们要编写android和ios的手机客户端程序，要使用定制界面，如果使用原生的Java和objective-c开发，要开发两套界面，并且更要维护两套代码，考虑开发成本太高。而web application+phonegap更适合我们的情况。 然后就有以下框架：我们主要比较android平台，版本2.2-4.3，ios平台优化较好，各个框架运行良好。 1. Jq 阅读全文
posted @ 2014-01-18 15:22 郑文亮 阅读(1651) 评论(0) 推荐(0) 编辑
手把手教学：详解HTML5移动开发框架PhoneJS
摘要：摘要：HTML/JavaScript的优势自不必说，但却也并非完美，相比之下，原生App占内存更少、响应更快。本文详解了HTML5移动开发框架PhoneJS的使用全过程，通过它，能够让Web应用在移动设备的浏览器上像原生App一样运行。移动App开发框架可谓是数不胜数，而如今，基于HTML5的框架也变得越来越多。这些新一代的开发工具让开发者们无需精通原生SDK和Objective-C、Java等编程语言，即可直接进行移动应用开发。为什么HTML5会如此大受开发者欢迎？HTML5之所以被广泛应用，其中一条非常重要的原因就是BYOD的出现。BYOD来袭意味着开发者不需要再局限于某个单一平台，因为用 阅读全文
posted @ 2014-01-18 15:08 郑文亮 阅读(789) 评论(0) 推荐(0) 编辑
jquery 手机 图片切换 例子 网址
摘要：http://m.swdhy.com/page/ShowCompany.aspx?cid=388481&name=山东潍坊金城服装有限公司 阅读全文
posted @ 2014-01-18 11:41 郑文亮 阅读(278) 评论(0) 推荐(0) 编辑
css属性速查
摘要：http://ued.ctrip.com/blog/wp-content/webkitcss/prop/user-select.html 阅读全文
posted @ 2014-01-18 10:01 郑文亮 阅读(186) 评论(0) 推荐(0) 编辑
slides 带手势的图片滑动效果（用于移动终端）
摘要：slidesjs 是基于jQuery开发的一款功能强大,是简单的幻灯片插件，但是需要要应用于移动终端的话，还需要考虑手势滑动时候图片切换功能。 此次，我就在slidesjs基础上扩展了两个swipe属性"swiperight","swipeleft"。[html]view plaincopy//swiperightif(option.swiperight){control.bind('swiperight',function(){if(option.play){pause();}animate('prev',effect) 阅读全文
posted @ 2014-01-18 08:31 郑文亮 阅读(3531) 评论(0) 推荐(0) 编辑
WCF：如何将net.tcp协议寄宿到IIS
摘要：1 部署IIS1.1 安装WASIIS原本是不支持非HTTP协议的服务，为了让IIS支持net.tcp，必须先安装WAS(Windows Process Activation Service)，即windows进程激活服务。打开控制面板--程序和功能--打开或关闭windows功能，安装WAS，如图：安装完毕后在Services窗口中可以到到如下服务:Windows Process Activation Service;Net.Msmq Listener Adapter;Net.Pipe Listener Adapter;Net.Tcp Listener Adapter;Net.Tcp Por 阅读全文
posted @ 2014-01-17 17:31 郑文亮 阅读(748) 评论(0) 推荐(0) 编辑
使用iScroll和photoswipe写手机浏览图片的插件的几点经验
摘要：首先，当我知道我得到一个任务需要写一个在手机上能浏览图片的插件时，我第一想到了iScroll。它的左右滑动，上下滑动的效果在安卓手机上也能让用户有良好的体验，自己写也能方便控制。我的需求是，插件要能左右滑动图片，当图片很长的时候要能上下滑动浏览全部图片，还要支持手势缩放，特别是较长或者较宽的图片。1.当最开始的时候，我做了一个本地缓存，把图片保存起来，为了加载滑动图片能更加流畅。js代码：var json=new Array(); for(var i=0;i 其中的li为动态加载生成，然后将li标签设置屏幕宽度，让li中的img标签宽度为100%，这样就可以全宽展示图片，实现左右一滑一... 阅读全文
posted @ 2014-01-17 16:46 郑文亮 阅读(9596) 评论(5) 推荐(0) 编辑
MongoDB 聚合
摘要：聚合操作过程中的数据记录和计算结果返回。聚合操作分组值从多个文档，并可以执行各种操作，分组数据返回单个结果。在SQL COUNT（*）和group by 相当于MongoDB的聚集。aggregate() 方法对于在MongoDB中聚集，应该使用aggregate()方法。语法:aggregate()方法的基本语法如下>db.COLLECTION_NAME.aggregate(AGGREGATE_OPERATION)例子:在集合中，有以下的数据：{ _id:ObjectId(7df78ad8902c) title:'MongoDB Overview', descripti 阅读全文
posted @ 2014-01-17 09:01 郑文亮 阅读(6468) 评论(0) 推荐(0) 编辑
jquery手机模拟器
摘要：http://www.jqmapi.com/index.html 阅读全文
posted @ 2014-01-15 15:04 郑文亮 阅读(620) 评论(0) 推荐(0) 编辑
jQuery 中 attr() 和 prop() 方法的区别
摘要：前几天，有人给Multiple Select 插件提了问题：setSelects doesn't work in Firefox when using jquery 1.9.0一直都在用 jQuery 1.8.3 的版本，没有尝试过 jQuery 1.9.0 的版本。于是，开始调试代码，在 1.9.0 的版本中：点击 checkbox，结果都是 undefined而在 1.8.3 的版本中，结果是 checked 和 undefined到这里，问题答案找到了，就是使用 attr() 方法的问题，于是查看官方文档， 才知道从 jQuery 1.6 开始新增了一个方法 prop()，但是一 阅读全文
posted @ 2014-01-15 09:08 郑文亮 阅读(61029) 评论(6) 推荐(25) 编辑
Form认证导致登陆页面的样式无效和图片不能显示的原因
摘要：最近在做企业内门户网站，一切进展还算顺利，部署到生产环境的时候也能没有什么大问题，只是登录页面的样式不起作用，不知为何，因为是使用了login控件，最初以为是此控件有内置默认样式或者什么原因，于是就不使用login控件进行尝试，结果还是一样，使用开发人员工具进行调试，发现页面自带的样式显示没有问题，如果使用了css或者image文件夹下的图片就显示不出，于是我恍然大悟，应该是权限的问题, 解决办法如下：因为： 导致所有该网站下的资源受控把如下代码放在和同级，节点下一级 原因：图片、脚本、css等资源文件也受权限，把图片放置到不需要登录验证的目录中。 阅读全文
posted @ 2014-01-14 13:19 郑文亮 阅读(822) 评论(1) 推荐(0) 编辑
NoSql数据库使用半年后在设计上面的一些心得
摘要：NoSql数据库这个概念听闻许久了，也陆续看到很多公司和产品都在使用，优缺点似乎都被分析的清清楚楚。但我心里一直存有一个疑惑，它的出现究竟是为了解决什么问题？这个疑惑非常大，为此我看了很多分析文章，但却总感觉是隔靴搔痒。为了一探究竟，半年前我决定用Mongodb这个著名的NoSql数据库做个产品试试。只有在真实的使用环境中才能得到最贴切的感受。一晃眼，半年过去了，现在我能用亲身的体会来谈谈NoSql数据库存在的理由和试图解决的问题了。就像所有的哲学思考都来源于对日常活动的观察一样，我们也从最基本的东西说起吧。来看这样一个业务要求，用户可以为一本书打分，并且写评论。熟悉数据库结构设计的人看到这一 阅读全文
posted @ 2014-01-14 11:45 郑文亮 阅读(1109) 评论(1) 推荐(0) 编辑
PhoneGap应用开发的那些坑爹事儿
摘要：子曾经曰过：如果你恨一个人，让他去开发PhoneGap应用；如果你爱一个人，让他去开发PhoneGap应用。去年这个时候我很烦恼，因为我觉得我OUT了。起因是我买了一台Android系统的手机。当我用自己的google账号登录上去后，我发现通讯录被同步了，Gtalk实时通知了，Gmail随身能看了。还有成百数千的应用，让我足足玩了一周。电脑占据了用户每天8小时的时间，网站创造了巨大的价值。但是，手机这东西却能够24小时不间断的陪着用户，消息推送机制更是让用户变得永久在线，随时可响应。我很兴奋，但是却高兴不起来。我是一个Web程序员。我喜欢写PHP，喜欢处理Mysql，我能用CSS和JavaSc 阅读全文
posted @ 2014-01-10 11:56 郑文亮 阅读(770) 评论(0) 推荐(0) 编辑
利用Asp.net MVC处理文件的上传下载
摘要：如果你仅仅只有Asp.net Web Forms背景转而学习Asp.net MVC的，我想你的第一个经历或许是那些曾经让你的编程变得愉悦无比的服务端控件都驾鹤西去了.FileUpload就是其中一个，而这个控件的缺席给我们带来一些小问题。这篇文章主要说如何在Asp.net MVC中上传文件，然后如何再从服务器中把上传过的文件下载下来.在Web Forms中,当你把一个FileUpload控件拖到设计器中，你或许没有注意到在生成的HTML中会在form标签中加入一条额外属性enctype="multipart/form-data". 而FileUpload控件本身会生成为，在 阅读全文
posted @ 2014-01-10 08:22 郑文亮 阅读(647) 评论(0) 推荐(0) 编辑
c# MongoDB插入和批量插入，插入原理
摘要：在开发之前，选择MongoDb驱动是件很重要的事情。如果选择不好，在后期的开发的是件很费力的事情，因为我就遇到这样的问题。MongoDb驱动有几种比较流行驱动，官方驱动和samus是两种使用比较多的。 好了，接着说今天的内容了。 首先从MongoDb的官方网站上下载CSharp驱动(https://github.com/mongodb/mongo-csharp-driver/downloads)。我使用的是CSharpDriver-1.1.0.4184,里面还包含一个CSharpDriverDocs.chm的文档。MongoDb插入原理：使用驱动程序进行插入的时候，会将数据转换成BSON格式。 阅读全文
posted @ 2014-01-07 09:10 郑文亮 阅读(2518) 评论(3) 推荐(0) 编辑
必胜宅急送Web app设计背后的思考
摘要：O2O模式是餐饮业在移动消费趋势下主动拥抱互联网的方向，迎合餐饮消费者从以往经验判断为主转变为依靠移动设备、lbs、社交网络进行立体决策的过程。继App客户端之后，手机web app也逐渐成为O2O中联系消费者和餐饮业的纽带，通过Html5的技术支持，web app设计可以直接适配不同平台的手机屏幕并实现类似App客户端的体验，在O2O双向流程的闭环中加深消费者对品牌的认同和感情认知。日前必胜宅急送推出的手机订餐web正是其O2O模式的策略补充和深化。FaceUI提供的web app设计包含了对产品背后动机的挖掘和把握，随着项目团队对动机的理解和可用性测试的加深，设计思路也随之发生着变化。产品 阅读全文
posted @ 2014-01-07 09:09 郑文亮 阅读(381) 评论(0) 推荐(0) 编辑
C#图片处理示例(裁剪,缩放,清晰度,水印)
摘要：前言需求源自项目中的一些应用，比如相册功能，通常用户上传相片后我们都会针对该相片再生成一张缩略图，用于其它页面上的列表显示。随便看一下，大部分网站基本都是将原图等比缩放来生成缩略图。但完美主义者会发现一些问题，比如显示排版时想让相片缩略图列表非常统一、整齐、和美观，比如要求每张缩略图大小固定为120 x 90且不拉伸变形怎么办？再比如用户头像如何让缩略图比原图更清晰？或是如何在上传的图片下加一个半透明的LOGO水印？OK，本文根据自己的项目代码描述以上问题的解决方案，全部基于.Net Framework类库完成，代码中包含了C#图片处理的一些基础知识，与大家分享，个人能力有限，不足之处还请及时 阅读全文
posted @ 2014-01-03 09:10 郑文亮 阅读(673) 评论(0) 推荐(0) 编辑