02 2014 档案

Web前端优化3-基础复习-Cookie篇，Css篇，JavaScript篇，图片篇，移动篇（转）
摘要：1. 缩小 Cookie (Reduce Cookie Size)每个客户端最多保持 300 个 Cookie，针对每个域名最多 20 个 Cookie (实际上多数浏览器现在都比这个多，比如 Firefox 是 50 个) ，每个 Cookie 最多 4K，注意这里的 4K 根据不同的浏览器可能不是严格的 4096 ，对于 Cookie 最重要的就是，尽量控制 Cookie 的大小，不要塞入一些无用的信息。2. 针对 Web 组件使用域名无关性的 Cookie (Use Cookie-free Domains for Components)Web 组件(Component)，多指静态文件，比 阅读全文
posted @ 2014-02-24 12:19 曹桦伟 阅读(256) 评论(0) 推荐(0)
Web前端优化2-基础复习-Server篇（转）
摘要：1. 使用 CDN (Use a Content Delivery Network)我们有独特的电信、网通之间的问题，如果针对这个作优化，基本上也算能收到 CDN 或类似的效果吧。2. 添加 Expires 或 Cache-Control 信息头 (Add an Expires or a Cache-Control Header)各个浏览器都有针对的方案, Apache 例子【注意：下面的说明例子还不够精细，具体的环境上还要加一些调整】:ExpiresActive OnExpiresByType image/gif "modification plus 1 weeks"Li 阅读全文
posted @ 2014-02-24 11:57 曹桦伟 阅读(168) 评论(0) 推荐(0)
Web前端优化1-基础复习-内容篇（转）
摘要：1. 尽量减少 HTTP 请求 (Make Fewer HTTP Requests)1) 合并js,css文件；2) CSS Sprites: 通过CSS的background-image和 background-position属性来显示图片的不同部分；3) 图片地图：图片地图只有在图片的所有组成部分在页面中是紧挨在一起的时候才能使用。 导航栏，确定图片的坐标和可能会比较繁琐且容易出错，同时使用图片地图导航也不具有可读性，因此不推荐这种方法；（类滑动门？？）4) 内联图象: 内联图像是使用data:URL scheme的方法把图像数据加载页面中。这可能会增加页面的大小。把内联图像放到样... 阅读全文
posted @ 2014-02-24 11:49 曹桦伟 阅读(177) 评论(0) 推荐(0)
php随笔6-基本复习-MySql
摘要：关于 MySQL 的一点很棒的特性是，可以对它进行缩减，来支持嵌入的数据库应用程序。也许正因如此，许多人认为 MySQL 仅仅能处理中小型的系统。事实上，对于那些支持巨大数据和访问量的网站，MySQL 是事实上的标准数据库（比如 Friendster, Yahoo, Google）。这个地址提供了使用 MySQL 的公司的概览：http://www.mysql.com/customers/。mysql_connect(servername,username,password);servername 可选。规定要连接的服务器。默认是 "localhost:3306"。user 阅读全文
posted @ 2014-02-24 01:35 曹桦伟 阅读(293) 评论(0) 推荐(0)
php随笔5-基本复习-XML
摘要：XML Expat 解析器在 PHP 中处理 XML 文档什么是 Expat？如需读取和更新 - 创建创建并处理 - 一个 XML 文档，您需要 XML 解析器。有两种基本的 XML 解析器类型：基于树的解析器：这种解析器把 XML 文档转换为树型结构。它分析整篇文档，并提供了 API 来访问树种的元素，例如文档对象模型 (DOM)。基于事件的解析器：将 XML 文档视为一系列的事件。当某个具体的事件发生时，解析器会调用函数来处理。Expat 解析器是基于事件的解析器。基于事件的解析器集中在 XML 文档的内容，而不是它们的结果。正因如此，基于事件的解析器能够比基于树的解析器更快地访问数据。作 阅读全文
posted @ 2014-02-23 22:48 曹桦伟 阅读(148) 评论(0) 推荐(0)
php随笔4-基本复习-Ajax
摘要：一般使用 XML 作为接收服务器数据的格式，尽管可以使用任何格式，包括纯文本。HTML 表单 First Name:Suggestions: JavaScript clienthint.jsvar xmlHttpfunction showHint(str){if (str.length==0) { document.getElementById("txtHint").innerHTML="" return }xmlHttp=GetXmlHttpObject()if (xmlHttp==null) { alert ("Browser does n 阅读全文
posted @ 2014-02-23 22:11 曹桦伟 阅读(255) 评论(0) 推荐(0)
php随笔3-基本复习-错误，异常
摘要：错误处理自定义错误处理器error_function(error_level,error_message,error_file,error_line,error_context)创建一个处理错误的函数：Error: [$errno] $errstr"; }//set error handlerset_error_handler("customError");//trigger errorecho($test);?>代码的输出:Error: [8] Undefined variable: test1){trigger_error("Value mus 阅读全文
posted @ 2014-02-23 18:25 曹桦伟 阅读(244) 评论(0) 推荐(0)
php随笔2-基本复习-表单
摘要：PHP 表单处理表单实例：Name: Age: welcome.phpWelcome .You are years old.表单验证应该在任何可能的时候对用户输入进行验证。客户端的验证速度更快，并且可以减轻服务器的负载。不过，任何流量很高以至于不得不担心服务器资源的站点，也有必要担心站点的安全性。如果表单访问的是数据库，就非常有必要采用服务器端的验证。在服务器验证表单的一种好的方式是，把表单传给它自己，而不是跳转到不同的页面。这样用户就可以在同一张表单页面得到错误信息。用户也就更容易发现错误了。$_GET 变量 $_POST 变量GET 方法的表单发送的信息，对任何人都是可见的（会显示在浏览. 阅读全文
posted @ 2014-02-23 18:22 曹桦伟 阅读(215) 评论(0) 推荐(0)
Php随笔1-基本复习-无技术内容
摘要：PHP：Hypertext Preprocessor（PHP，超文本预处理程序）。［这个定义的主要意思是PHP在数据变为HTML（HyperText Markup Language）之前先处理数据。］PHP是一种HTML内嵌式脚本语言。意思是它可以混杂在HTML代码中。PHP是一种脚本语言。也就是说PHP被设计成为仅当事件发生之后才会开始工作。例如在用户提交表单后，或者前往某个URL（Uniform Resource Locator，统一资源定位符，即Web地址）时，PHP才会开始工作。PHP是一种跨平台的技术，能够用在运行Unix、Windows、Macintosh和其他操作系统的机器上。当 阅读全文
posted @ 2014-02-21 14:47 曹桦伟 阅读(136) 评论(0) 推荐(0)
jQuery随笔6-基本复习-noConflict
摘要：jQuery noConflict() 方法noConflict() 方法会释放会 $ 标识符的控制，这样其他脚本就可以使用它了。实例当然，您仍然可以通过全名替代简写的方式来使用 jQuery：$.noConflict();jQuery(document).ready(function(){ jQuery("button").click(function(){ jQuery("p").text("jQuery 仍在运行！"); });});实例您也可以创建自己的简写。noConflict() 可返回对 jQuery 的引用，您可以把它 阅读全文
posted @ 2014-02-21 00:26 曹桦伟 阅读(165) 评论(0) 推荐(0)
jQuery随笔5-基本复习-Ajax
摘要："demo_test.txt"的内容：jQuery and AJAX is FUN!!!This is some text in a paragraph.$("#div1").load("demo_test.txt");$("#div1").load("demo_test.txt #p1");可选的 callback 参数规定当 load() 方法完成后所要允许的回调函数。回调函数可以设置不同的参数：responseTxt - 包含调用成功时的结果内容statusTXT - 包含调用的状态xhr 阅读全文
posted @ 2014-02-20 18:07 曹桦伟 阅读(158) 评论(0) 推荐(0)
jQuery随笔4-基本复习
摘要：parent() 直接父元素parents() 所有祖先元素parentsUntil()下面的例子返回介于 与 元素之间的所有祖先元素：实例$(document).ready(function(){ $("span").parentsUntil("div");});children() 所有直接子元素$("div").children("p.1") 所有直接子元素中类名为 "1" 的 find() 查找子元素siblings() siblings("p")next() 下一个 阅读全文
posted @ 2014-02-20 14:29 曹桦伟 阅读(161) 评论(0) 推荐(0)
jQuery随笔3-基本复习
摘要：text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容（包括 HTML 标记）val() - 设置或返回表单字段的值attr("href")-设置或返回属性值。均可赋值$("#btn1").click(function(){ $("#test1").text("Hello world!");});$("button").click(function(){ $("#w3s").attr({ "href" : "ht 阅读全文
posted @ 2014-02-20 14:02 曹桦伟 阅读(152) 评论(0) 推荐(0)
jQuery随笔2-基本复习-选择器
摘要：$(document).ready(function(){--- jQuery functions go here ----});这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。元素选择器$(this).hide()隐藏当前的 HTML 元素。$("#test").hide()隐藏 id="test" 的元素。$(".test").hide()隐藏所有 元素。$("p").hide()隐藏所有 class="test" 的元素。$("p.intro") 选取所 阅读全文
posted @ 2014-02-20 12:57 曹桦伟 阅读(147) 评论(0) 推荐(0)
jQuery随笔1-CDN加载
摘要：如果您不希望下载并存放 jQuery，那么也可以通过 CDN（内容分发网络） 引用它。谷歌和微软的服务器都存有 jQuery 。如需从谷歌或微软引用 jQuery，请使用以下代码之一：Google CDN:提示：通过 Google CDN 来获得最新可用的版本：如果您观察上什么的 Google URL - 在 URL 中规定了 jQuery 版本 (1.8.0)。如果您希望使用最新版本的 jQuery，也可以从版本字符串的末尾（比如本例 1.8）删除一个数字，谷歌会返回 1.8 系列中最新的可用版本（1.8.0、1.8.1 等等），或者也可以只剩第一个数字，那么谷歌会返回 1 系列中最新的可用 阅读全文
posted @ 2014-02-20 10:28 曹桦伟 阅读(153) 评论(0) 推荐(0)