2015年7月29日
Web访问原理-从输入URL到页面加载完成的过程中都发生了什么事情？
摘要： 从输入URL到页面加载完成的过程中都发生了什么事情？--这是一个经典的面试题； 主要是关于计算机网络方面的知识基础，对于非科班计算机自学web开发的同学可能理解起来就很困难。 StackOverFlow上有一个简要回答： http://stackoverflow.com/questions/2092527/... 阅读全文
posted @ 2015-07-29 16:39 331415706 阅读(7232) 评论(0) 推荐(0) 编辑
JSON
摘要： JSON的全称是”JavaScript Object Notation”，就是一个有特殊规则的字符串，按照这个规则我们就可以把这个字符串解析成JS对象，是一种基于文本，独立于语言的轻量级数据交换格式。 XML也是一种数据交换格式，为什么JSON更适合JS使用呢？ 因为XML在JS中处理XML不方便，同时XML标记比数据多,JSON无附加的标记，在JS... 阅读全文
posted @ 2015-07-29 16:24 331415706 阅读(307) 评论(0) 推荐(0) 编辑
2015年7月28日
AJAX缓存问题
摘要： Ajax页面缓存是ajax处理数据时对一些重复相同数据进行一个缓存操作，这种设计使客户端对一些静态页面内容的请求，比如图片，css文件，js脚本等，变得更加快捷，提高了页面的响应速度，也节省了网络通信资源。 但有时候如果通过Ajax对一些后台数据进行更改的时候，虽然数据在后台已经发生改变，但是页面... 阅读全文
posted @ 2015-07-28 20:04 331415706 阅读(4571) 评论(0) 推荐(1) 编辑
AJAX
摘要： AJAX : Asynchronous JavaScript and XML 异步JavaScript和XML （XML更多的是被JSON格式替代使用） AJAX 只做一件事情：异步获取数据，更为重要的是还是JS对返回的数据进行操作。 异步获取数据极大地改善web与用户的数据交互（如下图左侧为传统... 阅读全文
posted @ 2015-07-28 16:54 331415706 阅读(359) 评论(0) 推荐(0) 编辑
2015年7月13日
web设计_9_CSS常用布局，响应式
摘要： 一个完整的页面和其中的组件该如何具备灵活性。 怎么样利用CSS来实现无论屏幕、窗口以及字体的大小如何变化，都可以自由扩展和收缩的分栏式页面。 要决定使用流动布局、弹性布局还是固定宽度的布局，得由项目的特点和需求来决定。 流体布局 Header Goes Here ...content goes here... ...sidebar goes here... ...... 阅读全文
posted @ 2015-07-13 22:38 331415706 阅读(603) 评论(0) 推荐(0) 编辑
web设计_8_数据表格内容样式分离
摘要： 1.页面需要用到table的时候，样式重置CSS要设置： table{ border-collapse: collapse; border-spacing: 0; } 2. HTML结构 标题 ... /*tfoot在tbody之前，这样浏览器就可以在收到所有数据前呈现页脚了*/ ... ... 阅读全文
posted @ 2015-07-13 22:37 331415706 阅读(564) 评论(0) 推荐(0) 编辑
web设计_7_页面缺失图片或CSS的情况下仍然易读
摘要： 1. 在任何可能使用背景图片的地方应设置同样的颜色的背景色。 防止图片不能加载的情况下，页面内容同样保持较好可读性。 例如文字为白色，背景图为深色，如果不设置背景色，当背景图未成功加载， 而浏览器多数默认背景为白色，那么这是文字内容无法可读。 2.当禁用CSS样式后，web仍然能够呈现很好地内容页面。 需要能够较好的保证页面核心内容与样式很好的分离。做到清晰易读的结构代... 阅读全文
posted @ 2015-07-13 22:36 331415706 阅读(251) 评论(0) 推荐(0) 编辑
web设计_6_图片/标题/说明文字布局
摘要： 这个web中常见的单元布局，最好的布局方式就是利用float布局。 其中有个很关键的问题是需要清浮动。子集浮动是无法撑开父级的高度。 目前较完善的清浮动解决方案：在浮动的父级上添加.clear，达到清楚浮动的效果。 .clear{ *zoom:1; /*利用CSS hack 触发IE6，7haslayout 解决bug */ } .clear:after{ conten:'... 阅读全文
posted @ 2015-07-13 22:35 331415706 阅读(354) 评论(0) 推荐(0) 编辑
web设计_5_自由的框式组件
摘要： 1. CSS3 border-radius 圆角矩形框 圆角矩形框组件是页面布局中常常用到的，利用CSS3的border-radius可非常方便的创建。 并且在横向纵向上面都有很好的扩展性和灵活性。 border-radius需要针对不用浏览器做兼容，-webkit-和-moz-部分语法还有些区别。 推荐http://border-radius.com/ 直接设置圆角，自动生成代码。 注意：IE... 阅读全文
posted @ 2015-07-13 22:34 331415706 阅读(201) 评论(0) 推荐(0) 编辑
web设计_4_可扩展的行
摘要： 不要指定横向页面组件的高度，要让它们能够在纵向自由扩展。 常见的包含文章正文或大段文字的区域，应该适应任何篇幅和大小的文字。 但是例如文章标题、登陆信息栏等也要考虑文字内容数量及高度的变化。 例如：下图中标题文字数量过多时固定高度就会破坏样式 如何修改： 1.HTML结构为:利用H5的header标签 role属性，标题采用h1，对搜索引擎友好 Sample Blog 2.避免代... 阅读全文
posted @ 2015-07-13 22:33 331415706 阅读(130) 评论(0) 推荐(0) 编辑