摘要:
说到用JavaScript动态加载内容,一般都会想到AJAX。但AJAX所用的XML其实并非必须,还有其他类型的数据结构(例如JSON和HTML)也可以实现。而且AJAX有个很大的问题:由于JavaScript的安全限制,AJAX的跨域非常麻烦。但如果使用JSONP的话,问题就很容易搞定了。JSONP就是JSON with Padding的缩写,意思是JSON加上一些填充。那么究竟填充什么呢?这就要说下原理了。当使用script标签时,浏览器可以加载来自外域的JavaScript文件。而JSON本身就是一个JavaScript的对象,所以浏览器也可以直接加载它们。但单纯的加载毫无用处,因为JS 阅读全文
摘要:
国家气象局提供的天气预报接口接口地址:1 http://www.weather.com.cn/data/sk/101010100.html2 3 http://www.weather.com.cn/data/cityinfo/101010100.html4 5 http://m.weather.com.cn/data/101010100.html第三个接口,返回信息比较全面,下面使用第三个接口实例。返回值中图片链接我使用http://www.36wu.com/WeatherPic.aspx中的图标,天气图标名称与返回数据大致相符!<!DOCTYPE html PUBLIC "- 阅读全文
摘要:
随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad版本。这样做固然保证了效果,但是比较麻烦,同时要维护好几个版本,而且如果一个网站有多 阅读全文
摘要:
这段时间的项目工作接触了比较多的页面设计问题,现对图片和文字在DIV、Table中的水平、垂直居中问题做个总结。一般图片的居中问题容易解决,我的解决方法是通过样式设置:background-image:url(path) //链接图片的路径background-repeat:repeat; //设置图片是否是否水平、垂直延展。可用的参数有:repeat、repeat-X、repeat-Y和no-repeat。background-position:bottom center; //这个就是设置图片的具体位置,第一个是水平,第二就是垂直方向的。还可以使用具体的像素(为当前容器里的绝对像素)。文字 阅读全文
摘要:
如题:ie6/IE8/IE9/谷歌以及火狐等浏览器下li 高度一致解决办法: 1 ul li 2 { 3 width:220px; 4 margin:0 auto; 5 position:relative; 6 vertical-align:middle; 7 line-height:25px; 8 overflow:hidden; 9 height:25px; 10 border-bottom:1px dotted #333333; 11 f... 阅读全文
摘要:
用CSS控制滚动条样式1,Overflow内容溢出时的设置 overflow 水平及垂直方向内容溢出时的设置 overflow-x 水平方向内容溢出时的设置 overflow-y 垂直方向内容溢出时的设置 以上三个属性设置的值为visible、scroll、hidden、auto visible 默认值。使用该值时,无论设置的"width"和"height" 的值是多少,其中的内容无论是否超出范围都将被强制显示。 hidden 效果与visible相反。任何超出"width"和"height"的内 容都会不可见。 阅读全文
摘要:
自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的 white-space:normal ,当定义的宽度之后自动换行 html: <div id="wrap">正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义</div>css: #wrap{white-space:normal; width:200px; }1.(IE浏览器)连续的英文字符和阿拉伯数 阅读全文
摘要:
下面是一些快捷实用介绍,具体参见官网http://arshaw.com/fullcalendar/docs/1. 使用方式, 引入相关js, css后, $(‘#div_name’).fullCalendar({//options}); 接受的是一个option对象2. 普通属性2.1. year, month, date: 整数, 初始化加载时的日期.2.2. defaultView: 字符串类型, 默认是’month;2.2.1. 允许的views:2.2.1.1. month 一页显示一月, 日历样式2.2.1.2. basicWeek 一页显示一周, 无特殊样式2.2.1.3. bas 阅读全文
摘要:
用对称密钥为XML文件加密和解密xml文档如下1 <?xml version="1.0" encoding="utf-8" ?>2 <items>3 <name>wjl</name>4 <age>22</age>5 <pwd>wjl123456</pwd>6 </items>加密后文档1 <?xml version="1.0" encoding="utf-8"?>2 <EncryptedDa 阅读全文
摘要:
DataTable 添加列、设置主键、添加行、查询对于数据库的操作,资料太多,大家也比较熟悉。但有时数据量较少,但更新频繁的变量操作,通常采用自定义结构,但自定义结构的可维护性和灵活性就比不上临时表,我们可以先用DataTable做为内存临时表,以数据库操作的方式灵活添加列、行,完成 主键设置、查询、更新等操作,还可以保存为xml文件。假设在当前类作用域有全局对象Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->public static Da 阅读全文