CSS3学习笔记：使用分栏布局实现瀑布流效果 纯css实现瀑布流效果 今天记录的是我毕设中着重体现的布局风格—瀑布流布局。 说到瀑布流布局，先上张图片来说明一下什么是瀑布流好了。 CSS3：属性介绍 属性名 介绍 columns CSS3 columns 属性，是复合属性，设置或检索对象的列数和每列的宽度。 column-width CSS3 column-width 属性，设置或检索对象每列的宽度 column-count CSS3 column-count 属性，设置或检索对象的列数 column-gap CSS3 column-gap 属性，设置或检索对象的列与列之间的间隙 column-rule CSS3 column-rule 属性，是复合属性。设置或检索对象的列与列之间的边框。 column-rule-width CSS3 column-rule-width 属性，设置或检索对象的列与列之间的边框厚度。 column-rule-style CSS3 column-rule-style 属性，设置或检索对象的列与列之间的边框样式。 column-rule-color CSS3

Linux学习笔记：基本操作命令（二） mv 这个命令的功能是移动目录或文件，引申的功能是给目录或文件重命名。它的用法同dos下面的move基本相同，这里不再多讲。当使用该命令来移动目录时，他会连同该目录下面的子目录也一同移走。如果你想给一个文件或目录重命名时可以用以下方法：mv 原文件（目录）名 新的文件（目录）名。 du，df du命令可以显示目前的目录所占的磁盘空间，df命令可以显示目前磁盘剩余的磁盘空间。如果du命令不加任何参数，那么返回的是整个磁盘的使用情况，如果后面加了目录的话，就是这个目录在磁盘上的使用情况（这个功能可是dos没有的呦）。不过我一般不喜欢用du，因为它给出的信息是在是太多了，我看不过来，而df这个命令我是最常用的，因为磁盘上还剩多少空间对我来说是很重要的。 cat 这个命令是linux中非常重要的一个命令，它的功能是显示或连结一般的ascii文本文件。cat是concatenate的简写，类似于dos下面的type命令。它的用法如下： cat text 显示text这个文件 cat file1 file2 依顺序显示file1,file2的内容； cat

ajax()方法通过HTTP请求加载远程数据库(换句话来说就是要apache这种服务) 该方法是jquery底层AJAX实现(jquery本来就是是js方便版所以js也可以，就是麻烦而已）。$ajax()返回其创建的XMLHTTPReacest对象。 大多数情况下你无需直接操作该函数，除非你需要操作常用的选项，以获取更多的灵活使用。 最简单的情况下，$.ajax() 可以不带任何参数直接使用。 ajax的优势是什么 ajax是异步传输技术(当然可以同步了可是同步了要在整个页面数据加载完前锁死页面不推荐用， 所以ajax横空出世)，可以通过javascript实现，也是可以通过jquery框架实现， 实现局部刷新，减轻了服务的压力，也提高了用户的体验 发送数据到服务器 默认情况下，Ajax 请求使用 GET 方法。如果要使用 POST 方法，可以设定 type 参数值。 这个选项也会影响 data 选项中的内容如何发送到服务器。 data 选项既可以包含一个查询字符串，比如 key1=value1&key2=value2 ，也可以是一个映射，比如 {key1: 'value1', key

正则表达式 正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。 搜索模式可用于文本搜索和文本替换。 什么是正则表达式？ · 正则表达式是由一个字符序列形成的搜索模式。 · 当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。 · 正则表达式可以是一个简单的字符，或一个更复杂的模式。 · 正则表达式可用于所有文本搜索和文本替换的操作。 学习正则表达式之前首先需要掌握记忆这些基本概念: 1.元字符:(.,\w,\W,\d,\D,\s,/S,^,$,) 字符 含义 . 匹配除了换行符以外的任意字符。 \s 代表任意空白符(换行符，制表符，空格) \S 匹配任意非空字符串 \b 匹配单词边界，匹配单词的开头和结尾。 \B 匹配一个非单词边界 \d 匹配一个数字,等价于[0-9] \D 匹配一个数字,等价于[^0-9] \w 匹配一个单字字符(字母、数字或者下划线)等价于[A-Za-z0-9_],例如, /\w/ 匹配 "apple," 中的 'a'，"$5.28,"

ThinkPhP图片上传,php,图片上传。

条件编译 条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。 写法： 以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。 #ifdef： if defined 仅在某平台存在 #ifndef： if not defined 除了某平台均存在 %PLATFORM%： 平台名称 条件编译写法 说明 #ifdef APP-PLUS 需条件编译的代码 #endif 仅出现在 App 平台下的代码 #ifdnef H5 需条件编译的代码 #endif 除了 H5 平台，其它平台均存在的代码 #ifdef H5 || MP-WEIXIN 需条件编译的代码 #endif 在 H5 平台或微信小程序平台存在的代码（这里只有 ||，不可能出现&&，因为没有交集） %PLATFORM% 可取值如下： 值 平台名称 APP-PLUS App APP-PLUS-NVUE App nvue H5 H5 MP-WEIXIN 微信小程序 MP-ALIPAY 支付宝小程序 MP-BAIDU 百

PHP学习笔记（一）之基础：PHP操作目录(文件夹) PHP操作文件的常用函数 PHP操作文件的常用函数 （1）打开文件fopen() （2）读取文件fgets();*注file_get_cotents()也是读取文件 （3）写入文件fwrit();*注file_put_cotents()也是写入文件 （4）关闭文件句柄fclose() （5）移动/重命名文件rename() （6）复制文件copy() （7）创建文件 vim或者tounch （8）删除文件unlink() （9）获取文件上次访问的时间fileatime() （10）获取文件上次修改的时间ffiletime() （11）获取文件大小filesize() （12）获取文件类型filetype() （13）获取文件详细信息state() （14）判断是否目录is_dir() PHP操作目录(文件夹) （1）打开目录opendir() （2）读取目录readir() （3）删除目录rmdir() （4）关闭目录句柄closedir() （5）创建目录mkdir() （6）返回路径中目录部分dirname() （7）取得当前工

PHP学习笔记（二）之基础：PHP面向对象三大特征：封装 继承 多态 首先我们要分清楚面向对象和面向过程的的区别 众所周知：c语言是我们程序员起步必须学的语言之一，它是纯面向过程的。 然后：Java编程界的万金油 ˙ω˙ ，接触过的大家都知道它用途很广泛，然而是纯面向对象的. 一.封装 步骤： 1、类属性必须定义为公有（public），受保护（protected），（private）私有之一。如果用 var 定义，则被视为公有。 2、设置方法/调用方法（方法也可以定义属性,在function前面定义） 3、在方法中增加限制 <?php /** * Define MyClass */ class MyClass { public $public = 'Public'; protected $protected = 'Protected'; private $private = 'Private'; function printHello() { echo $this->public; echo $this->protected; echo $this->private; } } $obj

AJAX学习笔记（二）之活用进阶：AJAX上传图片和验证图片格式 上传图片功能就是上传文件的分支，前端最好还是验证一下是否为图片减少服务器压力和保证安全性 互联网面向全部人群害人之心不可有，防人之心不可无，开发者都忌讳有人走上传文件的漏洞借以控制服务器的，所以上传文件这一区域我觉得最安全还是前后台一起都要验证，非法操作的就禁他ip地址到特定的时间才能上传。 还有最好用计时器控制用户在某段时间内上传图片的次数，减少服务器压力提高性能。 一 . 首先我们要了解 FormData 对象 FormData 接口的构造方式，经过它的数据可以使用 XMLHttpRequest.send() 方法送出， 本接口和此方法都相当简单直接。如果送出时的编码类型被设为 “multipart/form-data”， 它会使用和表单一样的格式。 属性 介绍 FormData.append() 向 FormData 中添加新的属性值， **FormData **对应的属性值存在也不会覆盖原值，而是新增一个值，如果属性不存在则新增一项属性值 。 FormData.delete() 从 FormData 对象里面删除

CSS3学习笔记：蒙版 倒影 hsla模式 效果 最近才知道 ⊙ω⊙ css3还可以有ps的蒙版 倒影 hsla模式 效果顿时感觉css3很强大啊！ css3以前就知道有动画属性，现在知道有了css3有蒙版 倒影 hsla模式 终于不不用为了就几张图的效果 打开那个麻烦的ps修图，然后又要重新上传一次图太麻烦。 由于此属性并不是W3C标准属性，在具体使用之时，还是需要添加浏览器的私有属性，根据浏览器的兼容性，使用蒙版 倒影 hsla模式需要添加-webkit和前缀 一.蒙版 -webkit-mask-image: url(蒙版图片路径) | 使用渐变作为蒙版; -webkit-mask-repeat: no-repeat | repeat | repeat-x | repeat-y; -webkit-mask-position: center;//定位居中 二.倒影 -webkit-box-reflect: 方向 偏移量 图片效果; 方向 none :此值为box-reflect默认值，表示无倒影效果； above :表示生成的倒影在对象（原图）的上方； below :表示生成的倒影在