diaoku2639-CSDN博客

转载虚拟主机配置

Apache的虚拟主机分为两种：基于IP地址的虚拟主机，基于域名的虚拟主机基于域名的虚拟主机：通过域名来是的Apache区分对应的网站（文件夹） Apache提供了多个位置可以用来配置虚拟主机，httpd.conf 和 /extra/httpd_vhost.conf httpd.conf配置之后，只需要直接重启Apache即可生效 /extra/httpd_vhost....

2015-08-29 22:19:00 137

转载 WAMP运行原理

Apache运行原理 Apache的诸多功能都是通过模块进行加载的，自己本身并不具备那么多功能. php文件动态网页请求原理请求步骤： 1. 用户在浏览器中输入需要访问的网站的域名以及具体要请求的网页文件 2. 域名解析：先找本地hosts文件，再找互联网上的DNS 3. web服务器接收请求，获取请求文件index.php 4. 将index.php文件交给p...

2015-08-29 21:55:00 348

转载 WAMP配置

配置Apache：让Apache能够识别PHP 1. 在Apache中加载PHP模块（把PHP当做Apache的一个模块来运行）。/apache/conf/httpd.conf 注意：修改之后必须重启Apache才能生效 2. 在Apache中指定将PHP文件交给PHP模块处理配置PHP：让PHP能够充当mysql的客户端去连接mysql服务器 PHP本身没有能...

2015-08-29 21:44:00 138

转载 web前端开发-博客目录

web前端开发是一个新的领域，知识连接范围广，处于设计与后端数据交互的桥梁，并且现在很多web前端相关语言标准，框架库都在高速发展。在学习过程中也常常处于烦躁与迷茫，有时候一直在想如何能够使自己更加系统化学习和积累，在看了很多对于web前端开发知识技能树总结图的时候有一个想法，自己根据理解总结一个web前端开发知识技能树，并且建立一个与之相匹配的博客文章目录，以后这就...

2015-08-13 08:54:00 269

转载 web前端性能优化总结

根据web访问流程的各个阶段进行总结： 1. 浏览器缓存 2.查询DNS 3.建立连接 4.发送请求 5.等待响应 6.接收数据 7.处理元素 8.渲染元素 1. 浏览器缓存查询cache: 读取cache或发送304请求。优化规则-- 添加Expire或Cache-Control 应用于不经常变化的组件，包括脚本、样式表、...

2015-08-12 23:38:00 130

转载 HTML&CSS兼容性总结

对目前所遇见的兼容性笔记进行整理分类: 不兼容浏览器问题概要问题描述解决方法 IE6，IE7 3px 并列一行的元素左侧第一个元素没浮动，第二个元素左浮动，则两个元素之间会多3像素空隙并在一行的元素如果有一个元素有浮动，则都加浮动 IE6，IE7 下折行并列一行的元素左侧元素没浮动，右侧元素右浮动，则右侧浮动元素向下折行并在一行的元素如果有一个元素...

2015-08-12 23:34:00 77

转载 javaScript-事件

1. 事件流事件流描述的是从页面中接收事件的顺序。整个事件流的顺序可以理解为从window顶层最上端开始到DOM树下指定元素，然后又返回到window Netscape事件流是事件捕获流，IE事件流是事件冒泡流（IE8及更早版本只支持事件冒泡） 2. 事件处理程序—绑定与解除绑定解...

2015-08-12 22:01:00 88

转载 DOM-文档对象模型

文档对象模型DOM（Document Object Model）：是针对HTML和XML文档的一个API，现在已经成为表现和操作页面标记的真正的跨平台、语言中立的一种标准。 1. DOM的组成组成说明核心DOM 用于任何结构化文档和标准模型 XML DOM 用于XML文档的标准模型,定义了所有XML元素的对象和属性,以及访问它们的方法 HTML DOM...

2015-08-12 21:22:00 93

转载 BOM浏览器对象模型

访问和操作浏览器窗口的模型称为浏览器对象模型BOM（Browser Object Model）。 BOM整体对象图。核心是window对象；以下有特殊双重身份： window对象既是ECMAScript规范中的Global对象，也是BOM中的顶级对象； document对象既是BOM顶级对象的一个属性，也是DOM模型中的顶级对象 locat...

2015-08-12 20:57:00 99

转载内建对象

内建对象是指由ECMAScript事先提供的、不依赖于宿主环境的对象，这些对象在程序运行之前就已经存在了。可以直接在程序中任何地方任何时候拿来使用。1. 内建全局单例对象 Global、Math、JSON。在整个执行环境中只有一个对象实例，这些对象没有内部属性[[Construct]]和[[Call]]，所以不能使用new来创建，也不能作为函数来调用，而...

2015-08-10 16:27:00 259

转载正则表达式

ECMAScript通过RegExp类型来支持正则表达式。在编写处理字符串的程序或网页时，经常会有查找符合某些复杂规则的字符串的需要。正则表达式就是用于描述这些规则的工具。换句话说，正则表达式就是记录文本规则的代码。 1. 正则表达式基础 1.1 普通字符：字母、数字、下划线、汉字以及所有没有特殊意义的字符，如1234abcd。在匹配时，匹配与之相同的字符。 1.2 特殊字符：（使用反...

2015-08-09 22:08:00 72

转载对象

1 对象类型定义 2 对象实例 3 对象表示方式(对象字面量) 4 对象属性和方法，及属性特性 5. 原型与原型链 6. 面向对象设计编程 1 对象类型定义：无序属性的集合，其属性可以包含简单数据类型值，函数或者对象。 2 对象实例：(对象类型的值) 每种数据类型都有相应的值，比如数字8是Number类型的一个值。对于对象类型，...

2015-08-09 20:40:00 77

转载函数

1. 函数定义 2. 函数保存 3. 函数创建 4. JS预解析，函数参数变量提升申明 5. 函数执行环境和作用域 6. 函数内部属性 arguments 和 this 7. 闭包 1. 函数定义：函数也是一种对象，内置的Function()函数用于创建函数对象实例。 2. 函数保存函数名：是指向函数对象的引用类型变量，函数名变量保存在栈内存，函数对...

2015-08-09 20:37:00 97

转载 JavaScript常用语句

JavaScript常用语句语句语法说明简单语句；语句以；分号结束语句块 {} 将一组语句组成语句块，ES中没有语句块作用域，也可用作对象字面量添加标签语句 label 给代码添加标签供其它语句使用。 (例如break和continue,中断指定标签语句) 分支结构语句 if 条件选择，在条件表达式中，会将结果隐式转换为Boolean类型。 s...

2015-08-06 14:37:00 181

转载 javaScript常用运算符和操作符总结

javaScript常用运算符和操作符总结类别操作符算术操作符 +、 –、 *、 /、 %（取模）字符串操作符 + 字符串连接 +=字符串连接复合布尔操作符！、 &&、 || 一元操作符 ++ 、 -- 、 +（一元加）、 -（一元减）关系比较操作符 < 、 <= 、 > 、>=、 !...

2015-08-06 10:46:00 111

转载 JavaScript-基本语法和数据类型

前奏：在HTML中使用JavaScript 1_推荐src引用外部JavaScript文件，方便管理与维护，标签位置在页面最下面，使浏览器更优先加载页面内容。 2_HTML页面需要有标准的文档类型申明DOCTYPE,否则会触发混杂模式，页面非常容易出错。 3_考虑禁用JavaScript的场景。 <body> ...

2015-08-05 22:21:00 115

转载 javascript基本特点，组成和应用

JavaScript 是一种基于客户端浏览器、面向（基于）对象和事件驱动式的网页脚本语言。 1. 基于客户端浏览器：静态语言，跨平台； 2. 面向（基于）对象：本身是没有类class和对象这个概念，但是我可以通过js代码去模拟实现这个过程； 3. 事件驱动：在网页中执行了某种操作所产生的动作，就称为“...

2015-08-05 15:02:00 217

转载常用布局-列宽度是固定宽度还是自适应

如何去理解一个页面需要仔细分析,页面结构形式再怎么变化,最终都还是基于两列布局结构的演变. 不同布局之间最大的区别是：列宽度是固定宽度还是自适应布局思路：主要利用浮动和定位方式，借助负边距宽度值与浮动的关系：盒模型宽度默认auto，宽度撑满浏览器窗口宽...

2015-08-05 13:24:00 346

转载 web设计之无懈可击

无懈可击的web设计旨在尽可能地考虑页面元素在各个情况下都能够呈现最好的效果。 1. 思路总览 2. 灵活的文字 3. 可伸缩的导航栏 4. 可扩展的行 5. 自由的框式组件 6. 图片/标题/说明文字布局 7. 页面缺失图片或CSS的情况下仍然易写...

2015-08-05 11:22:00 125

转载 CSS布局定位基础-盒模型和定位机制

1. 盒模型 2. 外边距合并 3. 定位机制 4. Float 5. Position：属性有哪些取值，它们的行为是什么？无依赖绝对定位？ 6. Display：常见属性值有哪些取值？ 7. 对BFC规范的理解？ 1. 盒模型盒模型从内向外包括content,padd...

2015-08-05 10:03:00 116

转载页面呈现-文字修饰

文字基本样式段落美化文本信息特殊处理文字链接样式利用字体库fontAwesome替换常用图标 1.文字基本样式字体 font-family: "微软雅黑"、Arial、Verdana、"Times New Roman"; 中文或字体中有空格需双引号括起大小 font-size: px em 颜色 color: #000; ...

2015-08-04 20:28:00 92

转载 CSS和html如何结合起来——选择符及优先级

1.选择符兼容性统配选择符 * 元素选择符 body 类选择符 .class id选择符 #id 包含原则符 p strong (所有后代）子代选择符 p>strong (紧跟子代) lte IE7 相邻选择符 h1+p (h1后面第一个p元素...

2015-08-04 19:21:00 89

转载浏览器如何加载和解析CSS——CSS样式来源与层叠规则

关于CSS样式首先得理解浏览器如何加载它们，最终的页面样式是如何呈现的？ CSS层叠样式表的关键在于”层叠“，会根据选择符的使用而将样式相互叠加或者覆盖。 CSS样式表之所有有”层叠”的概念，因为有多个样式来源，不同样式设置来源不同权重，优先顺序为：1到5权重依次降低 1 HTML标签头内的样式（不建议使用，结构样式分离） 2 <sty...

2015-08-04 19:15:00 216

转载 HTML5-新增语义化结构标签

总结目录结构： 1.简洁的DOCTYPE声明 2.新的布局结构标签 header,article,section,aside,footer 3.新的其它常用标签： nav,hgroup,figure,figcaption,datalist,details,summary… ...

2015-08-04 15:37:00 199

转载 HTML 知识点总结

常用知识点总结： 0. HTML与XHTML有什么区别 1. <!DOCTYPE> 作用和写法及注意事项 2. <header>中<meta>标签的组成及作用？<header>中常用设置？ 3. HTML中常用块级标签、行内标签和空元素有哪些?块级和行内有什么区别？ 4...

2015-08-04 13:23:00 81

转载 HTML结构语义化思想

总体思想：用正确的标签做正确的事情！根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。主要体现： 1. 对用户而言，更好的用户体验，例如：在没有样式CCS或图片的情况下也以一种文档格式显示；title、alt用于解释名词或...

2015-08-03 11:18:00 81

转载 Web标准的理解

生活中各行各业都有着自己相应的标准与规范，比如有了“银行卡的标准”，你就不用担心不同银行的卡大小不一样，所有提款机的入卡口都一样。所以可以看出标准对于社会的交流，协作和效率有着非常重要的意义。 1.什么是web标准？为了实现大量HTML信息向XML标准的过渡，W3C和ECM...

2015-08-03 09:55:00 89

转载确保Web安全的HTTPS

HTTP在安全方面主要有以下不足： 1. 通信使用明文不加密，内容可能会被窃听；（TCP/IP就是可能被窃听的网络） 2. 不验证通信方的身份，因此有可能遭遇伪装；（无法判断请求或响应是否正确，是否有权限，是否有意义） 3. 无法证明报文的完整...

2015-08-01 23:17:00 73

转载 HTTP协议

HTTP学习总结: 1.HTTP协议简介; 2.与HTTP协作的web服务器； 3.HTTP报文; 4.HTTP报文首部; 5.HTTP报文首部字段; ...

2015-08-01 21:13:00 162

转载浏览器渲染页面原理

当了解web访问原理后，与前端工程师或页面重构师工作更为关系密切的应该是浏览器，WEB 页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验，特别是浏览器渲染页面的原理，页面渲染就是浏览器将 HTML 代码根据 CSS 定义的规则显示在浏览器窗口中的这个过程，理解了原理就更会容易理解前端优化的一些准则。 ...

2015-07-29 20:20:00 193

转载 Web访问原理-从输入URL到页面加载完成的过程中都发生了什么事情？

从输入URL到页面加载完成的过程中都发生了什么事情？--这是一个经典的面试题；主要是关于计算机网络方面的知识基础，对于非科班计算机自学web开发的同学可能理解起来就很困难。 StackOverFlow上有一个简要回答： http://stackoverflow.com/questions/209...

2015-07-29 16:39:00 100

转载 JSON

JSON的全称是”JavaScript Object Notation”，就是一个有特殊规则的字符串，按照这个规则我们就可以把这个字符串解析成JS对象，是一种基于文本，独立于语言的轻量级数据交换格式。 XML也是一种数据交换格式，为什么JSON更适合JS使用呢？因为XML在JS中处理XML不方便，同时XML标记比数据多,JSON无附加的标...

2015-07-29 16:24:00 99

转载 AJAX缓存问题

Ajax页面缓存是ajax处理数据时对一些重复相同数据进行一个缓存操作，这种设计使客户端对一些静态页面内容的请求，比如图片，css文件，js脚本等，变得更加快捷，提高了页面的响应速度，也节省了网络通信资源。但有时候如果通过Ajax对一些后台数据进行更改的时候，虽然数据在后台已经发生改变，但是页面缓存中并没有改变，对于相同的URL，Ajax提交过去...

2015-07-28 20:04:00 67

转载 AJAX

AJAX : Asynchronous JavaScript and XML 异步JavaScript和XML （XML更多的是被JSON格式替代使用） AJAX 只做一件事情：异步获取数据，更为重要的是还是JS对返回的数据进行操作。异步获取数据极大地改善web与用户的数据交互（如下图左侧为传统web,右侧为借助AJAX...

2015-07-28 16:54:00 140

转载 web设计_9_CSS常用布局，响应式

一个完整的页面和其中的组件该如何具备灵活性。怎么样利用CSS来实现无论屏幕、窗口以及字体的大小如何变化，都可以自由扩展和收缩的分栏式页面。要决定使用流动布局、弹性布局还是固定宽度的布局，得由项目的特点和需求来决定。流体布局 <div id="wrap"><header role="banner"><h1>Header Goe...

2015-07-13 22:38:00 105

转载 web设计_8_数据表格内容样式分离

1.页面需要用到table的时候，样式重置CSS要设置： table{border-collapse: collapse;border-spacing: 0;}2. HTML结构 <table><caption>标题</caption> <thead> <tr> <t...

2015-07-13 22:37:00 190

转载 web设计_7_页面缺失图片或CSS的情况下仍然易读

1. 在任何可能使用背景图片的地方应设置同样的颜色的背景色。防止图片不能加载的情况下，页面内容同样保持较好可读性。例如文字为白色，背景图为深色，如果不设置背景色，当背景图未成功加载，而浏览器多数默认背景为白色，那么这是文字内容无法可读。 2.当禁用CSS样式后，web仍然能够呈现很好地内容页面。需要能够较好的保证页面核心内容与样式很好的分离。做到清晰易...

2015-07-13 22:36:00 110

转载 web设计_6_图片/标题/说明文字布局

这个web中常见的单元布局，最好的布局方式就是利用float布局。其中有个很关键的问题是需要清浮动。子集浮动是无法撑开父级的高度。目前较完善的清浮动解决方案：在浮动的父级上添加.clear，达到清楚浮动的效果。 .clear{ *zoom:1; /*利用CSS hack 触发IE6，7haslayout 解决bug */}.clear:after{ ...

2015-07-13 22:35:00 483

转载 web设计_5_自由的框式组件

1. CSS3 border-radius 圆角矩形框圆角矩形框组件是页面布局中常常用到的，利用CSS3的border-radius可非常方便的创建。并且在横向纵向上面都有很好的扩展性和灵活性。 border-radius需要针对不用浏览器做兼容，-webkit-和-moz-部分语法还有些区别。推荐http://border-radius.com/ 直接设置圆角，自动生成代码。 ...

2015-07-13 22:34:00 82

转载 web设计_4_可扩展的行

不要指定横向页面组件的高度，要让它们能够在纵向自由扩展。常见的包含文章正文或大段文字的区域，应该适应任何篇幅和大小的文字。但是例如文章标题、登陆信息栏等也要考虑文字内容数量及高度的变化。例如：下图中标题文字数量过多时固定高度就会破坏样式如何修改： 1.HTML结构为:利用H5的header标签 role属性，标题采用h1，对搜索引擎友好 <header role="b...

2015-07-13 22:33:00 102

空空如也

空空如也