14
2014
01

Div在Position:absolute下居中设置

Div在绝对位置下如何才能位于屏幕的中央呢?


Left/Top设为50%;然后将Margin-Left/Top:-(宽/高 ÷ 2)即可。

例如:


<div style="position: absolute; width: 380px; height: 500px; left:50%; top:50%; margin-left:-190px; margin-top:-250px; "></div>


13
2014
01

两个和尚的故事

        有两个和尚分别住在相邻的两座山上的庙里。两山之间有一条溪,两个和尚每天都会在同一时间下山去溪边挑水。不知不觉已经过了五年。 突然有一天,左边这座山的和尚没有下山挑水,右边那座山的和尚心想:“他大概睡过头了。”便不以为然。哪知第二天,左边这座山的和尚,还是没有下山挑水,第三天也一样,直到过了一个月,右边那座山的和尚想:“我的朋友可能生病了。”于是他便爬上了左边这座山去探望他的老朋友。当他看到他的老友正在庙前打太极拳时。他十分好奇地问:“你已经一个月没有下山挑水了,难道你可以不喝水吗?”左边这座山的和尚指着一口井说:“这五年来,我每天做完功课后,都会抽空挖这口井。如今,终于让我挖出水,我就不必再下山挑水,我可以有更多时间练我喜欢的太极拳了。”  

13
2014
01

background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQ


有时候在 CSS 中会看到这样的内容

background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQC 后面是N多字符省略


这是什么呢?这是Data URI scheme
  Data URI scheme是在RFC2397中定义的,目的是将一些小的图片,直接嵌入到网页中,从而不用再从外部文件载入。比如上面那串字符,其实是一张小图片,将这些字符复制黏贴到火狐的地址栏中并转到,就能看到它了,一张1X36的白灰png图片。
  在上面的Data URI中,data表示取得数据的协定名称,image/png 是数据类型名称,base64 是数据的编码方法,逗号后面就是这个image/png文件base64编码后的数据。
  目前,Data URI scheme支持的类型有:
data:,文本数据
data:text/plain,文本数据
data:text/html,HTML代码
data:text/html;base64,base64编码的HTML代码
data:text/css,CSS代码
data:text/css;base64,base64编码的CSS代码
data:text/javascript,Javascript代码
data:text/javascript;base64,base64编码的Javascript代码
data:image/gif;base64,base64编码的gif图片数据
data:image/png;base64,base64编码的png图片数据
data:image/jpeg;base64,base64编码的jpeg图片数据
data:image/x-icon;base64,base64编码的icon图片数据
  base64简单地说,它把一些 8-bit 数据翻译成标准 ASCII 字符,网上有很多免费的base64 编码和解码的工具,在PHP中可以用函数base64_encode() 进行编码,如echo base64_encode(file_get_contents(‘wg.png’));
目前,IE8、Firfox、Chrome、Opera浏览器都支持这种小文件嵌入。
举个图片的例子:
  网页中一张图片可以这样显示:
<img src=“http://www.uuxin.com/images/wg.png”/>
也可以这样显示:
HTML语言: 知蚁博客 程序设计
<img src=“data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/LCKuVgz5BDCSb13ZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg%3D%3D”/>
  我们把图像文件的内容直接写在了HTML 文件中,这样做的好处是,节省了一个HTTP 请求。坏处呢,就是浏览器不会缓存这种图像。


09
2014
01

.NET MVC3 使用MSChart图表

添加引用System.Web.DataVisualization.(若是VS2010开发环境,则添加引用C:\Program Files\Microsoft Chart Controls\Assemblies文件夹下System.Web.DataVisualization.dll)

1 在头文件中添加:

using System.Web.UI.DataVisualization.Charting;
using System.IO;
2 在model中添加类,作为数据源
public class StaticModel
  {
    public static List createStaticData()
    {
      
List c_data = new List();
      c_data.Add(1);
      c_data.Add(6);
      c_data.Add(4);
      c_data.Add(3);
      return c_data;
    }
  }
3 在控制器中添加方法
public FileResult GetChart()
    {
      List data  = Models.StaticModel.createStaticData();//获取数据
      Chart Chart1 = new Chart();
      Chart1.Width = 412;
      Chart1.Height = 296;
      Chart1.RenderType = System.Web.UI.DataVisualization.Charting.RenderType.ImageTag;
      Chart1.Palette = ChartColorPalette.BrightPastel;
      Title t = new Title("IMG source streamed from Controller", Docking.Top, new                 System.Drawing.Font("Trebuchet MS", 14, System.Drawing.FontStyle.Bold),              System.Drawing.Color.FromArgb(26, 59, 105));
      Chart1.Titles.Add(t);//添加标题
   //创建一个显示图表的区域。series 2也可以,只要有一个就可以
      Chart1.ChartAreas.Add("Series 1");
      //往创建好的区域中添加图表,这里添加两个  
      Chart1.Series.Add("Series 1");
      Chart1.Series.Add("Series 2");
      //往图表1添加具体内容   
      foreach (int value in data)
      {
        Chart1.Series["Series 1"].Points.AddY(value);
      }
      // 往图表2添加具体内容    
      foreach (int value in data)
      {
        Chart1.Series["Series 2"].Points.AddY(value + 1);
      }
      Chart1.BorderSkin.SkinStyle = BorderSkinStyle.Emboss;
      Chart1.BorderlineWidth =2;
      Chart1.BorderColor = System.Drawing.Color.Black;
      Chart1.BorderlineDashStyle = ChartDashStyle.Solid;
      Chart1.BorderWidth = 2;
      Chart1.Legends.Add("Legend1");
      MemoryStream imageStream = new MemoryStream();
      Chart1.SaveImage(imageStream, ChartImageFormat.Png);
      imageStream.Position = 0;
      return new FileStreamResult(imageStream, "image/png");
    }
4 在视图中添加
////<img src="/Home/GetChart" alt="Chart" />


09
2014
01

jquery实现div可拖动

<!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>  

09
2014
01

js实现DIV拖动



<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>reg</title>

</head>

08
2014
01

Extjs的优缺点


文章来源于百度文档,个人觉的写到很好,就粘贴过来了


由于Ext JS的布局设计,基本上是持开箱即用,HTML-FREE的布局方式,开发人员,几乎不需要知道CSS的布局技术,也不用写HTML代码,就能做出可伸缩的、跨浏览器的、看起来还不错的界面来。

很多人很推崇,更多的是盲从。

我觉得EXT的UI中需要慎重的一些地方:

1)HTML Free, 并不代表工作量的FREE,清晰的HTML结构被繁杂的Javascript所代替,从Form、Grid到Menu,武装到牙齿了,打开页面,看到的是一排排的Javascript代码,彻底打破了结构与行为分离的前端设计思想,维护这样的页面,并不轻松,考虑到界面是用户最容易变动的部分,这个成本不能不考虑。

07
2014
01

10个免费的图表生成代码(转)

 

推荐下面10个免费的图表生成代码。

26
2013
11

ReportViewer 网页错误信息: Sys.ArgumentNullException: Value cannot be null. Parameter name: panelsCreated


asp.net 中调用ReportViewer 网页错误信息: Sys.ArgumentNullException: Value cannot be null.

Parameter name: panelsCreated[2]



原因可能有三个:


1、ReportService版本太低,所以可以升级Sql Server 2008 R2 SP2.

 

24
2013
11

iis 中后台调用exe文件

 < DOCTYPE html PUBLIC -WCDTD XHTML StrictEN httpwwwworgTRxhtmlDTDxhtml-strictdtd>