09 2016 档案
摘要：在网页布局中元素水平居中比元素垂直居中要简单不少，同时实现水平居中和垂直居中往往是最难的。现在是响应式设计的时代，我们很难确切的知道元素的准确高度和宽度，所以一些方案不大适用。据我所知, 在CSS中至少有六种实现居中的方法。我将使用下面的HTML结构从简单到复杂开始讲解: 鞋子图片会改变，但是他们都
阅读全文
摘要：加载失败的图片会很难看。 但事实上并不总是一定要这样。我们可以用 CSS 在 <img> 标签上应用样式，来提供比默认情况更好的体验。 两个关于 <img> 元素的真相 为了搞懂怎么样才能美化加载失败的图片，我们需要先了解关于 <img> 元素的两种表现方式。 1. 我们可以在 <img> 元素上应
阅读全文
摘要：在写项目的时候，会经常遇到这种需求，如图： 背景半透明，文字正常显示你看到之后会有什么样的解决方案呢？思考一会儿。假设你思考了，可以看看和我的方法的区别，对比一下优劣，相互交流一下。 有的童鞋可能会随口说出opacity:50%; 这种可能会遇到坑哦；而opacity的坑主要在于按照上边的HTML代
阅读全文
摘要：前言：这是最近翻译的一篇文章 我在header标签开头忘里边加入一个span标签的时候，有一点小问题。我总是想确保在span标签之前能够换行。明确地讲，在标签前边加入<br> 并没有什么错误。（事实上这是非常有用的办法）。但是用HTML标签实现这个效果总让人觉得怪怪的。 所以让我们探索更多的可能。
阅读全文
摘要：今天在项目中遇到图片居中的问题，嗯，之前也有写过解决这个问题的文章，有n种方法。不过今天要说一个新的方案：object-fit ，嗯，这个才是真的方便的方案啊。 先看预览： object-fit 只能用于『可替换元素』(replaced element) 。所谓可替换元素，是指元素的内容和表现不是由
阅读全文
摘要：1、前几天看到Hexo的next主题标题hover效果很炫，自己尝试写了一个，另一个是next的实现，照例先上图 2、实现小黑科技 关键在于没有hover的时候定义width为0，这样可以实现宽度从0到100%的变化。 left为50%，目的是为了动画开始的位置是在50%的位置。 3、hexo ne
阅读全文
摘要：Normalize.css 只是一个很小的CSS文件，但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset，Normalize.css是一种现代的、为HTML5准备的优质替代方案。Normalize.css现在已经被用于Twitter Bootstrap、HTML
阅读全文
摘要：Modernizr帮助我们检测浏览器是否实现了某个feature，如果实现了那么开发人员就可以充分利用这个feature做一些工作，反之没有实现开发人员也好提供一个fallback。所以，我们要明白的是Modernizr只是帮我们检测feature是否被支持，它并不能够给浏览器添加那些本来不支持的f
阅读全文
摘要：假如你现在正学习着强大的Css3，你知道Css3的很多数属性为实验属性，使用他们的时候得加上各式各样的浏览器前缀。可能你默默忍受了，因为还没到统一的时间。有没想过给自己减下负，偶然间在网上看到一个js解决方案，正好可以解决这个问题。他会帮你自动识别浏览器，生成对应的Css3样式前缀，这样你就可以直接
阅读全文
摘要：1.cURL介绍 cURL 是一个利用URL语法规定来传输文件和数据的工具，支持很多协议，如HTTP、FTP、TELNET等。最爽的是，PHP也支持 cURL 库。本文将介绍 cURL 的一些高级特性，以及在PHP中如何运用它。 2.基本结构 在学习更为复杂的功能之前，先来看一下在PHP中建立cUR
阅读全文
摘要：大家可能注意到了，网页上有些图片的src或css背景图片的url后面跟了一大串字符，比如： 那么这是什么呢？这是Data URI scheme。 Data URI scheme是在RFC2397中定义的，目的是将一些小的数据，直接嵌入到网页中，从而不用再从外部文件载入。比如上面那串字符，其实是一张小
阅读全文
摘要：事件对象 在触发DOM上的某个事件时，会产生一个事件对象event，这个对象中包含着所有与事件有关的信息。包括导致事件的元素、事件的类型，以及其他与特定事件相关的信息。例如，鼠标操作导致的事件对象中，会包含鼠标位置的信息，而键盘操作导致的事件对象中，会包含与按下的键有关的信息。所有浏览器对象都支持e
阅读全文
摘要：1、事件流 事件冒泡 IE的事件流叫做事件冒泡(event bubbling)，即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播到较为不具体的节点（文档）。 事件捕获 事件捕获的思想是不太具体的节点应该更早的接收到事件，而最具体的节点应该在最后接收到节点。事件捕获的用
阅读全文
摘要：DOM Ready 概述 熟悉jQuery的人, 都知道DomReady事件. window.onload事件是在页面所有的资源都加载完毕后触发的. 如果页面上有大图片等资源响应缓慢, 会导致window.onload事件迟迟无法触发.所以出现了DOM Ready事件. 此事件在DOM文档结构准备完
阅读全文
摘要：输出的结果是：[Function: a] 注意一下几点就能知道原因了！ 1)函数声明会置顶2)变量声明也会置顶3)函数声明比变量声明更置顶：）4)变量和赋值语句一起书写，在js引擎解析时，会将其拆成声明和赋值2部分，声明置顶，赋值保留在原来位置5)声明过的变量不会重复声明 按以上的规则代码等价为
阅读全文
摘要：这里列出了一些JS重要知识点（不全面，但自己感觉很重要）。彻底理解并掌握这些知识点，对于每个想要深入学习JS的朋友应该都是必须的。 讲解还是以示例代码搭配注释的形式，这里做个小目录： JS代码预解析原理（包括三个段落）； 函数相关（包括 函数传参，带参数函数的调用方式，闭包）； 面向对象（包括 对象
阅读全文
摘要：find命令用来在指定目录下查找文件。任何位于参数之前的字符串都将被视为欲查找的目录名。如果使用该命令时，不设置任何参数，则find命令将在当前目录下查找子目录与文件。并且将查找到的子目录和文件全部进行显示。 语法 find(选项)(参数) 实例 根据文件或者正则表达式进行匹配 1.列出当前目录及子
阅读全文
摘要：tree命令以树状图列出目录的内容。 1.语法 tree(选项)(参数) 2.选项 -a：显示所有文件和目录； -A：使用ASNI绘图字符显示树状图而非以ASCII字符组合； -C：在文件和目录清单加上色彩，便于区分各种类型； -d：先是目录名称而非内容； -D：列出文件或目录的更改时间； -f：在
阅读全文
摘要：which指令会在PATH变量指定的路径中，搜索某个系统命令的位置，并且返回第一个搜索结果。 格式 which 可执行文件名称 参数 -V 显示版本信息 实例 用 which 去找出 which which which [root@localhost ~]# which which alias wh
阅读全文
摘要：使用centos7.0安装dockers时出现Transaction check error错误。 yum install docker Transaction check error: file /usr/lib/systemd/system/blk-availability.service fr
阅读全文
摘要：自python2.6开始，新增了一种格式化字符串的函数str.format()，它通过{}和:来代替% 位置方法格式化 >>>'{}-{}'.format('simon','ting') 'simon-ting' >>>'{1}.{2}'.format('www','baidu','com') 'b
阅读全文
摘要：在python中可以通过in和not in关键字来判读一个list中是否包含一个元素: str = ['s','i','m','o','n'] if 'e' in str: print("e in str") else: print('e not in str') 输出：e not in str i
阅读全文
摘要：1. 加号 第一种，有编程经验的人，估计都知道很多语言里面是用加号连接两个字符串，Python里面也是如此直接用 “+” 来连接两个字符串； >>> print("hello "+"world") hello world 2. 逗号 第二种比较特殊，使用逗号连接两个字符串，如果两个字符串用“逗号”隔
阅读全文
摘要：python获取本机IP、mac地址、计算机名 在python中获取ip地址和在php中有很大不同，我们先来看一下python 获得本机MAC地址： >>> import uuid >>> def get_mac_address(): mac = uuid.UUID(int = uuid.getno
阅读全文
摘要：sum()的参数是一个list: >>> sum([1,2,3]) 6 >>> sum(range(1,3)) 3 还有一个比较有意思的用法 a = range(1,11) b = range(1,10) c = sum([item for item in a if item in b]) prin
阅读全文
摘要：simon@simon-X550LD:~$ docker run hello-world docker: Cannot connect to the Docker daemon. Is the docker daemon running on this host?. See 'docker run
阅读全文
摘要：cat命令用于把档案串连接后传到基本输出（萤幕或加 > fileName 到另一个档案） 语法格式： cat [-nbsv] fileName 参数说明： -n 或 --number 由 1 开始对所有输出的行数编号 -b 或 --number-nonblank 和 -n 相似，只不过对于空白行不编
阅读全文
摘要：方法一： 利用range方法 import random def generate_verification_code(len=6): ''' 随机生成6位的验证码 ''' # 注意： 这里我们生成的是0-9A-Za-z的列表，当然你也可以指定这个list，这里很灵活 # 比如： code_list
阅读全文
摘要：chattr命令用于改变文件属性. 这项指令可改变存放在ext2文件系统上的文件或目录属性，这些属性共有以下8种模式： a：让文件或目录仅供附加用途。 b：不更新文件或目录的最后存取时间。 c：将文件或目录压缩后存放。 d：将文件或目录排除在倾倒操作之外。 i：不得任意更动文件或目录。 s：保密性删
阅读全文
摘要：chgrp命令用于变更文件或目录的所属群组。 在UNIX系统家族里，文件或目录权限的掌控以拥有者及所属群组来管理。您可以使用chgrp指令去变更文件与目录的所属群组，设置方式采用群组名称或群组识别码皆可。 语法 chgrp [-cfhRv][--help][--version][所属群组][文件或目
阅读全文
摘要：在开发Python应用程序的时候，系统安装的Python3只有一个版本：3.4。所有第三方的包都会被pip安装到Python3的site-packages目录下。 如果我们要同时开发多个应用程序，那这些应用程序都会共用一个Python，就是安装在系统的Python 3。如果应用A需要jinja 2.
阅读全文
摘要：/etc/init.d 是 /etc/rc.d/init.d 的软链接(soft link)。 [root@asus ~]# ll /etc/init.d lrwxrwxrwx. 1 root root 11 8月 28 05:12 /etc/init.d -> rc.d/init.d 都是用来放服
阅读全文
摘要：第一步，安裝mysql數據庫。 這裏我安裝的是mariadb數據庫，版本5.5，並且配置好了字符集。此處不詳細敘述，相信大家沒有問題。 第二步，安裝mysql驅動。 首先說明一下有兩個主要的驅動： mysql-connector-python：是MySQL官方的纯Python驱动； MySQL-py
阅读全文
摘要：在PHP中(PHP 4及以后)，我们可以使用函数define()来定义常量，例如： <?php define('PI',3.14159); //定义一个名为PI的常量 echo PI; //输出：3.14159 ?> 不过，在PHP 5.3.0之后，除了使用函数define()之外，我们还可以使用P
阅读全文
摘要：一、echoecho() 实际上不是一个函数，是php语句，因此您无需对其使用括号。不过，如果您希望向 echo() 传递一个以上的参数，那么使用括号会发生解析错误。而且echo是返回void的，并不返回值，所以不能使用它来赋值。例子： <?php $a = echo("55nav"); // 错误
阅读全文
摘要：1.函数声明 function sum1(n1,n2){ return n1+n2; }; 2.函数表达式，又叫函数字面量 var sum2=function(n1,n2){ return n1+n2; }; 两者的区别：解析器会先读取函数声明，并使其在执行任何代码之前可以访问；而函数表达式则必须等
阅读全文
摘要：substring 方法用于提取字符串中介于两个指定下标之间的字符 substring(start,end) 开始和结束的位置，从零开始的索引 返回值是一个新的字符串，该字符串值包含 stringObject 的一个子字符串 substring 方法返回的子串包括 start 处的字符，但不包括 e
阅读全文
摘要：Expat 解析器是基于事件的解析器。 基于事件的解析器集中在 XML 文档的内容，而不是它们的结构。正因为如此，基于事件的解析器能够比基于树的解析器更快地访问数据。 请看下面的 XML 片段： <from>Jani</from> 基于事件的解析器把上面的 XML 报告为一连串的三个事件： 开始元素
阅读全文
摘要：DOM 解析器是基于树的解析器。 请看下面的 XML 文档片段： <?xml version="1.0" encoding="ISO-8859-1"?><from>Jani</from> XML DOM 把上面的 XML 视为一个树形结构： Level 1: XML 文档 Level 2: 根元素：
阅读全文
摘要：SimpleXML 扩展提供了一种获取 XML 元素的名称和文本的简单方式。 与 DOM 或 Expat 解析器相比，SimpleXML 仅仅用几行代码就可以从 XML 元素中读取文本数据。 SimpleXML 可把 XML 文档（或 XML 字符串）转换为对象，比如： 元素被转换为 SimpleX
阅读全文
摘要：PHP连接mysql数据库： <?php$server = "localhost";$user = "root";$pwd = "123456";$db = "student";try{ $conn = new PDO("mysql:host=$server;dbname=$db", $user,
阅读全文
摘要：这是最简单的类型。boolean 表达了真值，可以为 TRUE 或 FALSE。两个都不区分大小写。 要明确地将一个值转换成 boolean，用 (bool)或者 (boolean) 来强制转换。但是很多情况下不需要用强制转换，因为当运算符，函数或者流程控制结构需要一个 boolean 参数时，该值
阅读全文
摘要：Crontab是Linux系统中在固定时间执行某一个程序的工具，类似于Windows系统中的任务计划程序 基本格式 :* * * * * command分 时 日 月 周 命令 第1列表示分钟1～59 每分钟用*或者 */1表示第2列表示小时1～23（0表示0点）第3列表示日期1～31第4列表示月份
阅读全文
摘要：属性声明是由关键字 public，protected 或者 private 开头，后面跟一个普通的变量声明来组成。属性的变量可以设置初始化的默认值，默认值必须是常量。 class Car { //定义公共属性 public $name = '汽车'; //定义受保护的属性 protected $co
阅读全文
摘要：可以选择设置需要备份的库，自动备份压缩，自动删除 7 天前的备份，需要使用 crontab 定时执行。 #!/bin/bash # 要备份的数据库名，多个数据库用空格分开 databases=(db1 db2 db3) # 备份文件要保存的目录 basepath='/root/backup/mysq
阅读全文
摘要：方法就是在类中的function，很多时候我们分不清方法与函数有什么差别，在面向过程的程序设计中function叫做函数，在面向对象中function则被称之为方法。 同属性一样，类的方法也具有public，protected 以及 private 的访问控制。 访问控制的关键字代表的意义为：pub
阅读全文
摘要：构造函数 PHP5可以在类中使用__construct()定义一个构造函数，具有构造函数的类，会在每次对象创建的时候调用该函数，因此常用来在对象创建的时候进行一些初始化工作。 class Car { function __construct() { print "构造函数被调用\n"; } } $c
阅读全文
摘要：静态属性与方法可以在不实例化类的情况下调用，直接使用类名::方法名的方式进行调用。静态属性不允许对象使用->操作符调用。 class Car { private static $speed = 10; public static function getSpeed() { return self::
阅读全文
摘要：访问控制 访问控制通过关键字public，protected和private来实现。被定义为公有的类成员可以在任何地方被访问。被定义为受保护的类成员则可以被其自身以及其子类和父类访问。被定义为私有的类成员则只能被其定义所在的类访问。 类属性必须定义为公有、受保护、私有之一。为兼容PHP5以前的版本，
阅读全文
摘要：对象比较，当同一个类的两个实例的所有属性都相等时，可以使用比较运算符==进行判断，当需要判断两个变量是否为同一个对象的引用时，可以使用全等运算符 进行判断。 class Car { } $a = new Car(); $b = new Car(); if ($a == $b) echo '==';
阅读全文
摘要：重载 PHP所提供的"重载"（overloading）是指动态地"创建"类属性和方法。我们是通过 魔术方法（magic methods）来实现的。 当调用当前环境下未定义或不可见的类属性或方法时，重载方法会被调用。本节后面将使用 "不可访问成员（inaccessible members）"和"不可访
阅读全文
摘要：设置cookie PHP设置Cookie最常用的方法就是使用setcookie函数，setcookie具有7个可选参数，我们常用到的为前5个： name（ Cookie名）可以通过$_COOKIE['name'] 进行访问value（Cookie的值）expire（过期时间）Unix时间戳格式，默认
阅读全文
摘要：从 MySQL 数据库读取数据 <?php $server = "localhost"; $user = "root"; $pwd = "123456"; $db = "mydb"; try{ $conn = new PDO("mysql:host=$server;dbname=$db",$user
阅读全文
摘要：一、数据缓存 这里所说的数据缓存是指数据库查询缓存，每次访问页面的时候,都会先检测相应的缓存数据是否存在，如果不存在，就连接数据库，得到数据，并把查询结果序列化后保存到文件中，以后同样的查询结果就直接从缓存表或文件中获得。 用的最广的例子看Discuz的搜索功能，把结果ID缓存到一个表中，下次搜索相
阅读全文
摘要：自 PHP 5.4.0 起，PHP 实现了代码复用的一个方法，称为 traits。 Traits 是一种为类似 PHP 的单继承语言而准备的代码复用机制。Trait 为了减少单继承语言的限制，使开发人员能够自由地在不同层次结构内独立的类中复用方法集。Traits 和类组合的语义是定义了一种方式来减少
阅读全文
摘要：查看表中已经存在的 index：show index from table_name; 创建和删除索引索引的创建可以在CREATE TABLE语句中进行，也可以单独用CREATE INDEX或ALTER TABLE来给表增加索引。删除索引可以利用ALTER TABLE或DROP INDEX语句来实现
阅读全文
摘要：MySQL中的explain命令显示了mysql如何使用索引来处理select语句以及连接表。explain显示的信息可以帮助选择更好的索引和写出更优化的查询语句。 1.EXPLAIN的使用方法：在select语句前加上explain就可以了。 如：explain select surname,fi
阅读全文
摘要：今年上半年在学习gulp的使用，对npm的掌握是必不可少的，经常到npm官网查询文档让我感到不爽，还不如整理了一些常用的命令到自己博客上，于是根据自己的理解简单翻译过来，终于有点输出，想学习npm这块的朋友不可错过这些基础命令，新手出品，对本文有疑惑之处还请同学们不耻下问。很久没有写文章啦，后续也希
阅读全文
摘要：文字两侧加横线的需求你遇到过吗？在参与的项目中我遇到过这种需求，总结了一下,目前分为两种: 一，文字所在的背景是纯色，单一颜色； 二，文字所在背景是花色，或者是背景图片 给你一些时间，思考一下： 脑海闪过了什么？定位，浮动，背景图片，伪元素。。。还是大脑一片空白？ 条条大路通罗马，相信给你足够的时间
阅读全文
摘要：看到一个需求，如下图，知乎手机网页版的一个视觉效果，对内容很长的部分有一个渐变的隐藏的效果，个人觉得这个设计还是很好的，符合手机大小的应用场景，没有一下子显示完全，可以很快的滑倒页面底部，一定程度上减少了滑动时间，用户体验很好，对整个页面有一个大概的预览，强迫症会感觉很爽。 具体怎么实现这个效果，分
阅读全文
摘要：随着webpage可以承载的表现形式更加多样化，通过webpage来实现更多交互功能，构建web应用程序已经成为很多产品的首要选择。这种方式拥有非常明显的优势：跨平台、开发便捷、便于部署和维护等等，但随着功能的不断积累，web应用程序也会变得越来越复杂。但是，我们仍然想要在webpage支持丰富的呈
阅读全文
摘要：谈谈分垂直分割线的几种写法，我们对这种分隔线不会陌生，在项目需求中会经常遇到，我们来看看 下边的几种写法， 方法一： <div> <a href="">注册</a>｜<a href="">登录</a> </div> 直接在文字中间插入短线字符； 优点：简单、直接、高效。 缺点：可控性差； 方法二：
阅读全文
摘要：雅虎给出了优化网站加载速度的34条法则（包括Yslow规则22条） 详细说明，下载转发 ponytail 的译文（来自帕兰映像）。 1.Minimize HTTP Requests 减少HTTP请求 图片、css、script、flash等等这些都会增加http请求数，减少这些元素的数量就能减少响应
阅读全文
摘要：已移除的元素 <acronym> <applet> <basefont> <big> <center> <dir> <font> <frame> <frameset> <noframes> <strike> <tt>
阅读全文
摘要：HTML 基本文档 基本标签（Basic Tags） 文本格式化（Formatting） 链接（Links） 图片（Images） 样式/区块（Styles/Sections） 无序列表 有序列表 定义列表 表格（Tables） 框架（Iframe） 表单（Forms） 实体（Entities）
阅读全文
摘要：递归函数是我们常用到的一类函数，最基本的特点是函数自身调用自身，但必须在调用自身前有条件判断，否则无限无限调用下去。实现递归函数可以采取什么方式呢？本文列出了三种基本方式。理解其原来需要一定的基础知识水品，包括对全局变量，引用，静态变量的理解，也需对他们的作用范围有所理解。递归函数也是解决无限级分类
阅读全文
摘要：将一个类的接口转换成客户希望的另一个接口,适配器模式使得原本的由于接口不兼容而不能一起工作的那些类可以一起工作。应用场景：老代码接口不适应新的接口需求，或者代码很多很乱不便于继续修改，或者使用第三方类库。 //老的代码 class User { private $name; function __c
阅读全文
摘要：工厂模式 简单工厂模式 【静态工厂方法模式】(Static Factory Method)是类的创建模式 工厂模式的几种形态： 1、简单工厂模式（Simple Factory）又叫做 静态工厂方法模式（Static Factory Method） 2、工厂方法模式(Factory Method)又叫
阅读全文
摘要：PHP所提供的"重载"（overloading）是指动态地"创建"类属性和方法。我们是通过魔术方法（magic methods）来实现的。 当调用当前环境下未定义或不可见的类属性或方法时，重载方法会被调用。本节后面将使用"不可访问属性（inaccessible properties）"和"不可访问方
阅读全文
摘要：构造函数 void __construct ([ mixed $args [, $... ]] ) PHP 5 允行开发者在一个类中定义一个方法作为构造函数。具有构造函数的类会在每次创建新对象时先调用此方法，所以非常适合在使用对象之前做一些初始化工作。 如果子类中定义了构造函数则不会隐式调用其父类的
阅读全文
摘要：在一个类中有多个方法，当你实例化这个类，并调用方法时只能一个一个调用，类似： db.php index.php 如果要实现链式调用，这要在方法的结束添加return $this即可。 db.php index.php
阅读全文
摘要：php的自动加载： 在php5以前，我们要用某个类或类的方法，那必须include或者require，之后才能使用，每次用一个类，都需要写一条include，麻烦 php作者想简单点，最好能引用一个类时，如果当前没有include进来，系统能自动去找到该类，自动引进~ 于是：__autoload()
阅读全文
浙公网安备 33010602011771号