2016年11月_pdsu_zhao

12月 11月 10月 09月 08月 06月 05月 04月 03月 01月

原创 flex与布局（基本网格布局、百分比布局、一侧固定一侧自适应、圣杯布局）

1、基本网格布局分情况讨论：（1）如果所有的项目有相同的结构 flex-shrink压缩 .container{ padding-top:20px; display: flex; width: 500px;/*当容器container的宽度200<项目item的宽度150*2 */ height: 400px;

2016-11-13 21:34:16 16379 1

原创 9.字符串处理

1、字符串格式化（1）整理字符串第一步是处理空格<?php$str=' php ';echo $str;?>由于php编辑器文本上的空格在网页上并不存在，所以在这里要清理空格需要用到函数——ltrim()——清理左边的空格rtrim()——清理右边的空格 trim()——清理左右两边的空格<?php$str=' php ';ech

2016-11-30 21:06:41 395

原创 Javascript高级程序设计——10.函数Function类型

定义Function（函数）是一个对象1、函数声明（1）普通函数声明function box(num1,num2){return num1+num2;}alert(box(1,2));（2）使用变量初始化var box=function(num1,num2){return num1+num2;};alert(box(1,2));

2016-11-30 18:13:12 330

原创 Javascript高级程序设计——9.正则表达式（2）

1、exec返回数组（1）字符串var pattern=/^[a-z]+\s[0-9]{4}$/;var str='google 2012';alert(pattern.exec(str));//返回一个包含字符串的数组；（2）字母var pattern=/^[a-z]+/; //只匹配到字母；var str='google 2012';alert(patter

2016-11-29 20:17:37 464

原创 Javascript高级程序设计——9.正则表达式（1）

1、正则表达式（1）定义：描述字符模式的对象ECMAScript的RegExp类表示正则表达式（2）作用：验证客户端的输入函数，即在用户填写完表单单击按钮后，表单被发送到服务器，在服务器端通常用php，asp.net语言对其进行进一步的验证。2、创建正则表达式（2种）（1）new关键字（2）采用字面量方式（打印出来的为字面量）var box=new R

2016-11-27 20:56:21 419

原创 PS处理——Photoshop CS6案例导学

1、图像处理（1）魔法棒——快速选择工具+魔棒工具进行对图像的选择（2）油漆工具——对图像的背景颜色进行更改（3）返回之前的历史记录窗口——历史记录（4）图章工具——仿制图章工具+图章工具a、吸取前按住Alt键（有指针工具）b、Ctrl+“+”——使得图像变大（右击选中亮度）作用：按住Alt键，使得图像吸取（5）模糊工具——“类似于火焰”作用

2016-11-27 19:45:09 598

原创 8.自定义函数

1、标准函数即系统内置函数2、自定义函数（1）采用function创建函数，不能跟系统内置函数重名（2）函数有个特性，即必须被调用，才可以执行（3）对无参数函数而言，无返回就是return公式——function functionName(){ echo '我是一个无参数无返回的函数；';}functionName();（4）包含参数

2016-11-27 17:56:45 328

原创 7.目标和文件

1、目标路径首先，将文件的目标路径赋值给一个目录，采用path变量其次，（1）basename(变量)返回路径中文件名部分（2）用dirname(变量)返回路径中目录部分（3）用pathinfo(变量)获取文件的信息<?php$path='C:\APP\www\PHP\demo.php'; //绝对路径；//获取文件名信息；//print_

2016-11-27 16:12:45 266

原创 Javascript高级程序设计——8.时间与日期

1、Date类型（1）创建一个日期对象——不传递参数var box=new Date(); 上述创建对象没有传递任何的参数，则会自动获取当前的时间和日期若要alert(box);则会打印出类似于“Wed NOV 2016 12：12：23 GMT”（2）创建一个日期对象——传递参数（两种静态方法）a、Date.parse()b、Date.UTC()

2016-11-27 12:26:11 325

原创 Javascript高级程序设计——7.对象和数组

要点1、Object类型2、Array类型3、对象中的方法对象定义——其实是一种类型，即引用类型。对象的值，即引用类型的实例。ECMAScript中引用类型时一种数据结构，用于将数据和功能组织在一起，该引用类型常称为“类”，但并没这东西。此外，虽说ECMAScript是一种面型对象的语言，但并不具备面向对象语言所支持的类和接口技术。1、Obj

2016-11-24 18:06:39 476

原创 Javascript高级程序设计——6.函数

1、函数定义函数是定义一次却可以调用或执行任意多次的JS代码。函数有时会有参数，即当函数被调用的时候指定了值的局部变量。2、函数声明以function来声明，函数本身并没有返回值，通过函数可以封装任意多条语句，而且可以在任何地方、任何时候调用执行。（1）带参数 function box(){ //不带参数的函数； alert('只有函数被调用，我只会被之执行

2016-11-23 17:10:08 275

原创 Javascript高级程序设计——5.流程控制语句

1、if条件判断语句ECMAScript中会把if语句括号里的表达式自动变为布尔值，若为true，执行；反之，不执行。a、if语句（1）简单语句（只会执行一句if后的语句）var box=100;if(box>50) alert("box大于50");alert("都执行");（2）复杂语句（可执行多条语句）var box=100;if(box>50)

2016-11-21 17:58:55 417

原创 6.数组（2）——数组中的排序、指针操作、统计个数、转换标量变量

内容要点——1、什么是数组2、自定义键数组3、数组中的数组4、数组的排序5、数组中指针操作6、统计数组个数7、将数组转换为标量变量3、数组中的数组第一种：传统意义上（较复杂）<?php //创建一个新数组；$products=array( array('苹果1',6,28.8); array('苹果

2016-11-20 21:08:15 711

原创 6.数组（1）——数组定义、自定义键数组

内容要点——1、什么是数组2、自定义键数组3、数组中的数组4、数组的排序5、数组中指针操作6、统计数组个数7、将数组转换为标量变量1、什么是数组定义一组有某种共同特性的元素，叫做数组。且下标对应的是一个键（key），每个键对应一个值。（1）创建数组——采用new关键字a、array()函数该函数是索引函数初始化 $userNa

2016-11-20 19:40:42 1957

原创 5.数学函数、数据类型、格式化数据、随机数

1、数值数据类型（1）两种：浮点数、整数C语言内部——double、int PHP中——类C由于PHP是一种松散类型脚本语言，变量可根据计算徐秋改变数据类型，即可以引擎动态的完成类型转换，若在计算中包含数值和字符串，字符串会在完成操作之前转换为数值，而数值会在字符串连接之前转换为字符串。 <?php $a='5'; $b=7+'$a'; echo "7+$

2016-11-20 16:41:35 428

原创 Javascript高级程序设计——4.运算符

运算符1、一元运算符2、算术运算符（+、-、*、/）3、关系运算符4、相等运算符、全等运算符5、逻辑运算符6、位运算符（省略，不详细介绍）7、赋值运算符8、其他运算符9、运算符优先级在ECMAScript与众不同之处在于运算符可以适用于很多值，例如字符串、数字值、布尔值，甚至对象。不过，在运用对象时，会调用对象的两种方法，以便获得可操作的值，如下

2016-11-20 13:04:09 460

原创 Javascript高级程序设计——3.数据类型（2）string、object

1、string类型用于表示0或多个16位Unicode字符组成的字符序列，即字符串字符串可以由双引号（"）或单引号（'）表示，var firstName="Jack";var lastName='Amy';上述代码的两种表现形式都是有效的（1）字符字面量String数据类型包含了特殊的字符字面量，也叫转义序列，用于表示非打印字符\n——换行\t——制表\b——推

2016-11-19 20:39:15 352

原创 Javascript高级程序设计——3.数据类型（1）typeof、null、undefined、boolean、number

1、数据类型种类（6种）（1）ECMAScript有5种简单的数据类型——undefined、null、boolean、string、number（2）ECMAScript有1种复杂的数据类型——object——本质由一组无序的名值对组成。2、typeof操作符——var message="some string";alert(typeof message); /

2016-11-19 18:07:36 441

原创 Javascript高级程序设计——2.语法、关键保留字、变量

1、语法构成（1）区分大小写解析：在ECMAScript中的一切，包括变量、函数名、操作符都是区分大小写的示例1——text、Text是两种不同的变量。（2）标识符定义：所谓标识符，就是指变量、函数、属性的名字，或者函数的参数，标识符都可以是下列格式规格组合起来的一个或多个字符a、第一字符必须是一个字母、下划线“_”或美元符号“$”b、其他

2016-11-19 16:34:18 440

原创 4.操作符与控制结构（2）——控制结构

1、控制语句——如果我们希望有效的响应用户的输入，代码就需要具有判断能力，即能让程序进行判断的结构成为条件。（1）if条件判断语句a、if（条件）b、if（条件1）——else（条件2省略）c、if（条件1）——else if（条件2）——else（条件3省略）（2）switch、case条件判断语句switch（n）{case 1: ...;

2016-11-19 12:08:54 316

原创 4.操作符与控制结构（1）——字符串插入、操作符

z1、字符串的插入（1）双引号 \"——为php插入字面和内容提供了最大的灵活性原因是变量和转移序列都会得到相应的解析。注意——a、当有中文时，会出现错误，可采用字符串点“.”连接来解决；b、当出现转义字符时，也可以得到解析（2）单引号 \'——会按照声明的原样解释，解析字符串时，变量和转义字符都不会得到解析。<?php echo '吴琦的变量名：$user

2016-11-19 11:33:10 405

原创 Javascript高级程序设计——1.Javascript基础（定义、DOM分级、组成）

1、想要全面理解和掌握javascript，关键在于——它的本质、历史、局限性2、Javascript实现一个完整的javascript实现应该由三个不同部分组成（1）核心（ECMAScript）（2）文档对象类型（DOM）（3）浏览器对象模型（BOM）DOM对象有三级标准a、DOM1级——目标是映射文档的结构b、DOM2级——原有基础上扩充了鼠

2016-11-18 20:33:06 453

原创 3.PHP基本语法（2）——常量、define()、访问表单变量

1、常量（1）一般采用define()来定义常量约定，一般采用“大写”来进行定义；同时，常量一旦被定义之后，就不能在此更改。define("TOTAL",199);（2）与变量的不同是，a、变量一般用小写来定义b、常量值可以保存布尔值、整数、浮点数或字符串数据，这些类型都是标量。除自定义常量外，php还预定了许多常量，了解这些常量的简单方法，就是运行phpinfo()命

2016-11-18 20:01:11 736

原创 3.PHP基本语法（1）——标识符、变量、isset、settype、数值转换

1、第一个php程序两种方式写入php程序，正常情况下<?php //echo表示向浏览器输出，echo其实是一个函数； echo "第一个php程序";?>扩展：将上述php文件转换为简短的风格2、php注释A.深入理解echo，echo为一个函数（1）echo功能：向浏览器输出字符串（2）echo返回值：void 无返回值B.p

2016-11-18 18:07:36 692

原创 2.PHP开发工具——Zend Studio

1、Zend Studio的下载百度搜索“zend studio”，可下载zend stuio最新版zend studio 13.5（但在实际操作过程中，我下载的是Zend studio 12.0.1），步骤1：可到zend studio相对应的官网进行下载，并选择相对应的版本号按照上述操作，可以找到zend studio 12.0.1类似后缀名的(32位).msi安装包

2016-11-18 16:43:09 515

原创 1.PHP基础知识

1.PHP特性（1）开放的源代码：所有的php源代码事实上都可以得到（2）php是免费的（3）php便捷性——十分便捷（4）基于服务器端由于php是运行在服务器的脚本，可以运行在Unix、Linux、Windows下（5）嵌入HTML因为php可以嵌入html，所以并不那么困难（6）简单的语言坚持脚本语言为主，与java、c++不同（7）效率高——消耗相当少

2016-11-17 20:17:14 408

原创 1.Ajax基础——XMLHttpRequest、Get/Post、封装Ajax

1、XMLHttpRequestAjax技术核心是XMLHttpRequest对象，简称XHR。背景：在XHR出现之前，Ajax式通信必须借助hack手段来实现，大多数是使用隐藏的框架和内嵌的框架。

2016-11-17 18:58:29 366

原创 2.Node.js的安装及小案例——实现Hello World

1、编辑器初期：记事本Ediplus、Nodepad++后期：Webstrom、Hbuilder2、Node.js的下载、安装、测试（1）下载：http://nodejs.cn（2）安装：在windows版本操作系统下，直接点击“下一步”即可完成安装（3）测试：a、dos窗口下——输入npmb、查看npm版本——输入npm -vc

2016-11-17 17:17:24 401

原创 1.Node.js引入

1、与PHP的关系Node.js可以作为虚拟后台服务器使用，在PHP面试时，可能问到相关的问题：（1）PHP并不支持多线程，但由于Apache的ISO线程，会引发潜在的多线程（2）PHP是一种并发的运行机制，由“池子”储存（3）在高并发、大数据的情况下，怎么处理？围绕线程，使其更快的结束，已达到提高性能的目的方法：优化sql，用主键，缓存

2016-11-17 16:09:56 465

原创 Javascript运动概念2——多物体运动框架

1、多个物体同时运动例子：多个div，鼠标移入变宽（1）单定时器，存在问题（2）每个div一个定时器2、多物体运动运动框架（1）多物体运动框架a、定时器作为物体的属性b、参数的传递：物体、目标值c、例子：多个div淡入淡出所有东西都不能共用属性与运动对象绑定：速度、其他属性值（如透明度等）（2）任意值运动框架a、offset属性的bug

2016-11-16 10:02:00 360

原创 Javascript运动概念1——缓冲运动、匀速运动、运动框架

概念——A、运动基础：（1）让div运动起来（2）速度——物体运动的快慢（3）运动中的Buga、不会停止b、速度取某些值会无法停止c、到达位置后再点击还会运动d、重复点击速度加快B、匀速运动关键：速度不变 C、运动框架及应用（1）运动框架在开始运动时，关闭已有定时器把运动和停止隔开（if-else）（2）运动框架实例例1：“分

2016-11-16 09:46:09 542

原创 Flex布局应用（1）——为什么flex只能做移动端APP开发？

1、APP的分类（1）原生APP（2）混合APP（3）WEB APP2、PC端和移动端的差别（1）用户交互方式不同：表现在鼠标、手指（2）呈现的数据量不同：PC端——屏幕大、内容多移动端——内容少（3）用户体验上不同移动端——用户会注意“流量”，即要求代码的体积要小，即在使用框架时，第三方插件时，就与PC端有不同的选择。Jquery

2016-11-15 17:10:46 8781

原创 Flex入门基础——项目item的属性（order、flex-grow、flex-shrink、flex-basis、flex、align-self）

1、order取值：数值功能：（1）容器中有多个项目，（2）项目的默认摆放时沿主轴（纵向）方向，即按文档中dom元素的书写顺序进行排列的；应用：order属性用于更改在主轴方向上排列顺序。order数值越小，排列越靠前，默认为0，可以为负数。注意：order它与主轴的方向有关系（默认情况为主轴的方向）.container{width:100px;h

2016-11-12 12:39:18 5934

原创 Flex布局——色子的小案例

制作色子，即制作相对应的1-6的几个点1、运用知识点a、容器——containerb、项目——item代码示例：>2、主要采用上述两个的属性值进行编辑例如：flex-direction方向——row、column、row-reverse、column-reversejusitfy-content:center——水平居中flex-wrap：wra

2016-11-12 11:33:52 753

原创 Flex入门基础——Flex布局、容器container的属性

1、作用：利用Flex可实现完美居中效果；例（1）——display:flex;（注意：无论父元素以何种比例递增，元素依旧保持水平居中） .container{ width:200px; height:200px; background: cadetblue; border: 1px solid #ccc; display: flex;

2016-11-11 21:16:04 4828

原创 php基础——文件读写操作

1、概念读文件：file_get_contents(文件的地址)写文件：file_put_contents(文件名，内容，标志)2、关键字读文件：用get；写文件：用put。注意：当不写标志则每次覆盖，要想追加用FILE_APPEND3、应用实战：留言板项目

2016-11-10 19:49:24 310

原创 DOM高级应用——表格元素的添加、删除、搜索操作1

1、表格应用（1）获取——tBodies、tHead、tFoot、rows、cells（2）隔行换色——鼠标移入高亮if(i%2==0){oTab.tBodies[0].rows[i].style.background="#cbc";}else{oTab.tBodies[0].rows[i].style.background="";}鼠标移入：oTab.tBod

2016-11-08 20:35:41 817

原创 Javascript基础——利用Dom元素对节点进行创建、插入和删除、文档碎片

1、创建节点——createElement（例如在ul元素后创建li元素）var oUl=docuemnt.getElementById('ul1');var oLi=oUl.createElement('li');2、插入节点(两种方式)第一种——appendChild前提是在按钮点击创建基础上，进行相对应节点的插入。var oBtn=document.get

2016-11-07 18:00:10 762

原创 Javascript基础——利用定时器实现的图片无缝滚动(offsetLeft)

1、无缝滚动原理：（1）让div动起来，让ul一直向左/向右移动；（2）即利用定时器让物体从左到右或从右到左进行滚动。步骤：（1）复制li——innerHTML和+=，将

2016-11-06 18:56:54 2951

原创 Javascript基础——定时器的使用及简单小应用(简易时钟1、延时提示框)

1、开启时钟、关闭时钟各有两种方式：开启：setInterval()、setTimeout()关闭：clearInterval()、clearTimeout()同时，setInterval()/setTimeout()开启时钟函数传递两个参数——执行函数/参数、间隔毫秒ms数这两种方式的区别是—— setInterval()函数会一直的执行下去，具有时间上的间隔性；

2016-11-06 12:59:39 1171