展示层 html/css/javascript/jquery/jquery easyUI/ajax bootstrap
web层 varnish/haproxy/squid----lvs/keepalived----httpd/tomcat/nginx
应用层 php(thinkphp),java(SSH),python(Django)
数据层 memcached/redis/mongodb-----mysql/oracle
库,框架
前端框架,后端框架。
原生代码编程
thinkphp是一款免费开源的框架,基于MVC设计模式和面向对象开发
CakePHP这个框架使用了一些流行的设计模式比如: MVC 和ORM , CakePHP 可以有效地减少开发成本和帮助开发人员少写代码。
在个人项目开发中,使用框架比采用原生代码开发优势较为明显。效率高,安全性高,稳定性高
在公司团队项目开发中,使用主流框架比原生或自行开发框架优势较为明显
公司的核心是项目与业务,而非技术
是学框架还是学开源系统的二次开发呢?
discuz论坛系统,phpcms内容管理系统,shopex商城系统,对这些开源系统进行二次开发。
浏览器兼容与不兼容问题之争?,根据自己的项目而定。
就是说现在做的项目要不要兼容老的浏览器,有好几个考察点。
其实关键是学好基础即原生开发后,不管是框架还是二次开发都是很简单的。
html/css
注意: link 元素是空元素,它仅包含属性。
注意: 此元素只能存在于 head 部分,不过它可出现任意次数。
可以对同一个 <div> 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。
这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。
div默认是一个块元素,直接换行。
html语言的一个主要作用除了不同的内容显示不同的样子外,现在这部分功能已经转移到了css中,css可以让一个h1显示为一个p,
所以html展示的功能已经比较弱化了,而是标识内容的类型
html的tag表示这个tag中内容的类型。只是用来区分这个资源是一个图片,一个标题,一个段落等等。
html的tag用来标识不同的内容
JavaScript库
yui,prototype,jquery,dojo,mototools
jQuery
jquery已经集成了js,css,dom和ajax于一体,并兼容各大浏览器
为了简化javascript的开发,一些javascript库诞生了,javascript库封装了很多预定义对象与实用函数
直接引用微软的cdn,jquery库,不用下载到本地了
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
</script>
百度静态资源库
http://cdn.code.baidu.com/
bootstrap与jquery的百度cdn,就不用下载到本地了
<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
在jquery程序中,不管是页面元素的选择、内置的功能函数,都是$符号开始的
$是jquery对象
$(function(){}); 执行一个匿名函数
往$()传一个匿名函数function(){}
$('#box'); 进行执行的ID元素选择
$('#box').css('color','red'); 执行功能函数
由于$本身是jquery对象的缩写形式,所以上面三种形式可以写成下面形式
jQuery(function(){});
jQuery('#box');
jQuery('#box').css('color','red');
AJAX
asynchronous javascript and xml
异步javascript 和 xml
最重要的功能是无刷新状态更新页面,并实现异步提交,提升了用户体验。
只刷新页面的一部分。
不是发明出来的技术,是一个组合出来的技术
javascript,xmlhttprequest,...
并行,异步可以执行多条任务
串行,同步的话,下一步要等上一步的完成才能执行。
jQueryUI jquery的插件 ,实现了用户界面,有好多主题可供选择。
http://jqueryui.com/