Ubuntu下安装PHP
安装必要的软件:
1 |
sudo apt-get install php5-cgi |
修改配置:
注意:Web服务器下编写info.php可以获知php.ini位置
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
vim /etc/php5/apache2/php.ini #根据需要修改以下内容: #最大上传文件的大小 upload_max_filesize = 20M #错误报告相关配置 error_reporting = E_ALL display_errors = On display_startup_errors = Off log_errors = On log_errors_max_len = 1024 error_log = /var/log/php_errors.log ignore_repeated_errors = Off report_memleaks = On track_errors = On |
安装必要的软件:
修改配置文件:
现在调试客户端可以连接并进行调试了,需要注意的是,服务器必须能够连接到调试客户端。在调试位于外网服务器的PHP页面时,处于内网的调试客户端可能无法被直接访问,这时候最简单的方式就是使用VPN连接到服务器,上面的xdebug.remote_host填写VPN…
阅读全文CSS3学习笔记
只有基于Webkit的浏览器才支持此特性,Firefox不支持:
1 2 3 4 5 |
selector { background: -webkit-linear-gradient(#3ADB69, #059CF7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } |
注意:不能和背景颜色一起使用,但是可以和渐变背景一起使用:
1 2 3 4 5 6 7 8 9 |
selector { /* 不能和background-color配合 */ background: -webkit-linear-gradient(0deg, #3ADB69, #059CF7, #3ADB69); background: -o-linear-gradient(0deg, #3ADB69, #059CF7, #3ADB69); background: -moz-linear-gradient(0deg, #3ADB69, #059CF7, #3ADB69); background: linear-gradient(0deg, #3ADB69, #059CF7, #3ADB69); background-repeat: no-repeat; background-size: 3px 100%; /* 背景宽度3像素,高度100% */ } |
CSS格式说明:
从左向右的渐变:
你可以为direction指定任意的渐变角度:
要设置表单元素placeholder的样式,需要为不同浏览器设置伪元素/类的样式:
我们知道CSS由一…
阅读全文HTML5学习笔记
HTML5文件的扩展名仍然是html或者htm,内容类型仍然是text/html,但是文档类型、编码格式等信息的声明有所简化:
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <!-- HTML DocType声明--> <html lang="en"> <head> <meta charset="UTF-8"><!-- 编码格式声明,推荐UTF-8 --> <title>HTML5 Study</title> </head> <body> <!-- body元素可以省略 --> </body> </html> |
HTML5在语法方面充分考虑了对HTML4的兼容性,以及便利性。
类型 | 说明 |
不允许结束标记 | 这类元素不得书写结束标记,仅支持 <br/> 或者 <br> 的形式。大部分不包含文本节点的元素在此类中,例如img、br、input、link、meta、param等 |
可选结束标记 | 结束标记可有可无,均合法。例如p、li、option、t… |
jQuery知识集锦
jQuery的核心是对DOM的封装。jQuery提供的所有方法,都是针对数组风格的jQuery元素集的。
本文中列出jQuery API时,所有以 .开头的,表示此API是元素集对象的一个方法,所有以 $开头的,表示此API是jQuery提供的静态函数。
该函数可以用于:
- 根据指定的CSS选择器查找匹配的元素
- 将一个元素DOM元素封装为jQuery元素集
- 根据传入的HTML文本创建新的元素集
主要和ready()不一样。这是一个Thenable对象,其在文档加载完毕…
阅读全文PHP5学习笔记
C方式:
/**/ 这是一个C风格的注释 *它可以跨越多行 *直到关闭标记
C++方式:
// 这是一个C++风格的注释,它在行的末尾结束
Shell方式:
# 这是一个Shell风格的注释,它在行的末尾结束
- 变量不需要声明直接使用,可以自动改变类型,用 $ 标志当变量名的前缀
- 主脚本中定义的变量,若在函数中使用,需要 方式引用
- 不支持全局变量,除了预定义的超全局变量:
超全局变量 | 说明 |
包含所有PHP从客户浏览器接收的GET参数的数组,包括通过URL发送的数据 | |
包含所有PHP从客户浏览器接收的POST参数的数组 | |
包含所有请求参数的数组 | |
包含所有PHP从客户浏览器接收的cookies的数组 | |
包含环境变量的数组 | |
存放服务器变量的数组 | |
存放会话变量的数组 |
在PHP5中,允许在声明函数时,为对象、接口、数组或者callable类型的入参强制声明类型。对于字符串、整型等标量类型,不支持类型提示:…
阅读全文ExtJS知识集锦
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
var myDiv1 = Ext.get( 'div1' ); //根据ID获取DOM元素 myDiv1.createChild( 'Child from a string' ); //创建要给子节点 myDiv1.createChild( '<div>Element from a string</div>' ); //创建一个子元素 myDiv1.createChild( { //使用对象配置方式添加子元素 tag : 'div', html : 'Child from a config object' } ); //添加多个子代元素 myDiv1.createChild( { tag : 'div', id : 'nestedDiv', style : 'border: 1px dashed; padding: 5px;', children : { tag : 'div', html : '...a nested div', style : 'color: #EE0000; border: 1px solid' } } ); //在最前面插入子元素 myDiv1.insertFirst( { tag : 'div', html : 'Child inserted as node 0 of myDiv1' } ); //在某个子元素之前插入 myDiv1.createChild( { tag : 'div', id : 'removeMeLater', html : 'Child inserted as node 2 of myDiv1' }, myDiv1.dom.childNodes[3] ); //删除一个元素 var myDiv1 = Ext.get( 'div1' ); myDiv1.remove(); |
1 2 3 4 5 |
var me = currentBorderContainer; //根据Region在border布局中导航 var northChild = me.down( '*[region=north]' ); //遍历所有子组件 Ext.each( me.items.items, function( cmp ) {}); |
使用模板可以很方便的创建复杂的DOM结构。模板中的占位符使用花括号{}包围,可以应用一个上下文对象以替换模板生成最终结果。
XTemplate支持循环、选择等基础程序结构,支持任意表达式的计算。可用于表达式的内置变量包括:
- out:模板结果添加到的输出数组对象
- values:当前上下文对象
- parent:使用…
JavaScript知识集锦
ECMAScript 5.1目前已经受到现代浏览器的广泛支持,本章内容介绍其新特性。
在脚本文件或者函数体的第一行添加 'use strict'; 可以切换到严格模式。在此模式下JavaScript变得更加严谨、禁用某些特效、执行更多的检查、抛出更多的异常。严格模式造成的改变包括:
禁止全局变量的隐式声明 在正常模式下,不使用var声明的变量,… |
HTML知识集锦
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<!-- 内容类型声明 --> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!--样式表--> <style type="text/css"> <!-- body { margin: 0; padding: 0; } --> </style> <!--外联样式表--> <link rel="stylesheet" type="text/css" href="style.css" /> |
1 2 3 4 5 6 7 8 9 10 11 12 |
<object id="FlashID" width="50" height="50" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> <param name="movie" value="flash-file.swf" /> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="flash-file.swf" width="50" height="50"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <!--[if !IE]>--> </object> <!--<![endif]--> |
内容安全策略(CSP,Content Security Policy)是一个附加的安全层,用于帮助检测和缓解某些类型的攻击,包括跨站脚本(XSS)和数据注入等攻击。
使用标签 属性的格式为:
使用策略指令可以在多种策略范围配置安全策略:
策略指令 | 说明 |
default-src | 定义了那些没有被更精确指令指定的安全策略,相当… |