Just Code

October 12, 2015

禁止搜索引擎收录的方法

By Gideon SEO 0 Comments

1. 什么是robots.txt文件? 搜索引擎使用spider程序自动访问互联网上的网页并获取网页信息。spider在访问一个网站时，会首先会检查该网站的根域下是否有一个叫做 robots.txt的纯文本文件，这个文件用于指定spider在您网站上的抓取范围。您可以在您的网站中创建一个robots.txt，在文件中声明该网站中不想被搜索引擎收录的部分或者指定搜索引擎只收录特定的部分。请注意，仅当您的网站包含不希望被搜索引擎收录的内容时，才需要使用robots.txt文件。如果您希望搜索引擎收录网站上所有内容，请勿建立robots.txt文件。 2. robots.txt文件放在哪里? robots.tx… Read More

October 6, 2015

CSS3 Flexbox轻松实现元素的水平居中和垂直居中

By Gideon Div / Css / XML / HTML5 / SVG 0 Comments

网上有很多关于Flex的教程，对于Flex的叫法也不一，有的叫Flexbox，有的叫Flex，其实这两种叫法都没有错，只是Flexbox旧一点，而Flex是刚出来不久的东西而已，为了方便说明，赶上新技术，下面我就把这种布局叫Flex布局。元素居中，相信作为前端工程师的你肯定会经常用到，不管是在水平方向居中，还是垂直方向居中，都可在你的职业生涯中徘徊。不过很多时候要实现垂直居中，还是比较麻烦的。不过你也不用担心，下面就给大家分享下通过Flex布局轻松实现元素在水平、垂直方向上的居中效果。水平居中水平居中最为简单我们直接来看下代码 1.单个元素水平居中 CSS代码 .box{ display: flex; j… Read More

October 6, 2015

CSS3 Flex 弹性布局用法详解

By Gideon Div / Css / XML / HTML5 / SVG 3 Comments

什么是Flex弹性布局 Flex是Flexible Box的简称，意为弹性布局，顾名思义，在网页布局时，他可以给我们提供更多的灵活性。说明： 1.flex是display的一个属性值。与之相当应的还有一个是inline-flex。 2.设置了Flex布局后，子元素的float，clear，还有verticle-align属性都不起作用。 3.设置了display:flex属性的元素，称为Flex容器，他里面的所有子元素统称为容器成员，称为Flex项目。后面我们就使用Flex容器和 Flex项目来进行介绍。 Flex容器有两根坐标轴：水平的叫主轴（main axis）和垂直的叫交叉轴（cross axis）。 Fl… Read More

October 5, 2015

使用CSS3伪类元素（::before|::after）对文字进行美化

By Gideon Div / Css / XML / HTML5 / SVG 0 Comments

如果要想把一个文字的分成两半分别设置成不同的颜色，你是不是第一时间只想到通过PS来实现呢，不过有一个不好的地方就是图片会占用更多的资源。所以下面就给大家介绍一个通过CSS的伪类元素来美化文字的方法。对一个文字进行美化左右型美化 HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS3伪类元素（::before|::after）,文字进行美化</title> </head> <body> <div> <s… Read More

October 5, 2015

visibility: hidden与display:none的区别

By Gideon Div / Css / XML / HTML5 / SVG 0 Comments

要想了解visibility: hidden与display:none的区别，我们还是先来看看他们各自的定义及用法。 visibility属性定义： visibility 属性规定元素是否可见说明：这个属性指定是否显示一个元素生成的元素框，它是仍然占据基本空间的，只是不可见而已。值设置成collapse在表格中用于从表格布局中删除列或行。可能的值 visible 默认值。元素是可见的。 hidden 元素是不可见的。 collapse 当在表格元素中使用时，此值可删除一行或一列，但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上，会呈现为 “hidden̶… Read More

October 5, 2015

CSS单位 px pt em和rem 之间的区别

By Gideon Div / Css / XML / HTML5 / SVG 0 Comments

CSS中可以定义大小的单位有四种px，pt，em，rem，而px可以说在网页开发中最常见的单位了。不过现在如今的大多数网站已经开始用rem这个单位了。那么这四个单位有什么区别呢？ px|pt|em|rem区别 px单位 px（像素），国内网站相对来说用得比较多，任意浏览器的默认字体高都是16px。 pt单位 pt是point，是印刷行业常用单位，等于1/72英寸。 em单位 em才是真正的“相对单位”，它不是一个具体的数值，而是相对于父元素的属性计算出来的大小，一般移动终端布局用em比较合适。 rem单位 rem单位是CSS3中新增的一个相对单位，只不过它要比em单位强大一些，因为它是集相对大小和绝对大小的… Read More

October 5, 2015

编码之道：取个好名字很重要

By Gideon Php / Pear / Mysql / Node.js 0 Comments

代码就是程序员的孩子，给“孩子”取个好听的名字很重要！我们在项目开发中，接触到的变量、函数、类多数都是项目自己定义的，往往都是为了解决一些特定的领域的问题，引入了各种各样的概念，代码里面的名字就对应着问题领域或方案领域的这些概念，所以，对于一个命名良好，代码规范，设计简洁的系统，要想非常快的理解一个系统，最直接的方式就是 RTFC(Read The Fucking Code)。对于一个不断演进的系统，代码的可读性至关重要，首要要解决的问题就是名字，变量名、函数名、类名等都需要仔细斟酌，认真对待，一个能够简洁，能够清晰表达概念和意图的名字就显得尤为重要。阅读《代码整洁之道》这本书后发现其中说的内容在我们… Read More

October 1, 2015

php缓存技术总结

By Gideon Php / Pear / Mysql / Node.js 0 Comments

缓存是指临时文件交换区，电脑把最常用的文件从存储器里提出来临时放在缓存里，就像把工具和材料搬上工作台一样，这样会比用时现去仓库取更方便。因为缓存往往使用的是RAM（断电即掉的非永久储存），所以在忙完后还是会把文件送到硬盘等存储器里永久存储。电脑里最大的缓存就是内存条了，最快的是CPU上镶的L1和L2缓存，显卡的显存是给GPU用的缓存，硬盘上也有16M或者32M的缓存。千万不能把缓存理解成一个东西，它是一种处理方式的统称！ Cache是 “以空间换时间”策略的典型应用模式，是提高系统性能的一种重要方法。缓存的使用在大访问量的情况下能够极大的减少对数据库操作的次数，明显降低系统负荷提高系统性能。相… Read More

October 1, 2015

PHP Session可能会引起并发问题

By Gideon Php / Pear / Mysql / Node.js 0 Comments

在进行Web应用程序开发的时候，人们经常会用Session存储数据。但可能有人不知道，在PHP中，Session使用不当可能会引起并发问题。印度医疗行业软件解决方案提供商Plus91 Technologies高级工程师Kishan Gor在个人博客上对这个问题进行了阐释。如果同一个客户端并发发送多个请求，而每个请求都使用了Session，那么PHP Session锁的存在会导致服务器串行响应这些请求，而不是并行。这是因为在默认情况下，PHP使用文件存储Session数据。对于每一个新的 Session，PHP会创建一个文件，并持续向其中写入数据。所以，每次调用session_start（）方法，就会打… Read More

October 1, 2015

mysql —— 分表分区

By Gideon Php / Pear / Mysql / Node.js 0 Comments

面对当今大数据存储，设想当mysql中一个表的总记录超过1000W，会出现性能的大幅度下降吗？答案是肯定的，一个表的总记录超过1000W，在操作系统层面检索也是效率非常低的解决方案：目前针对海量数据的优化有两种方法： 1、大表拆小表的方式（主要有分表和分区两者技术）（1）分表技术垂直分割优势：降低高并发情况下，对于表的锁定。不足：对于单表来说，随着数据库的记录增多，读写压力将进一步增大。水平分割如果单表的IO压力大，可以考虑用水平分割，其原理就是通过hash算法，将一张表分为N多页，并通过一个新的表（总表），记录着每个页的的位置。假如一个门户网站，它的数据库表已经达到了1000万条记录，那么此时… Read More

October 1, 2015

PHP如何实现HTML页面静态化

By Gideon Php / Pear / Mysql / Node.js 0 Comments

前言：随着网站的内容的增多和用户访问量的增多，无可避免的是网站加载会越来越慢，受限于带宽和服务器同一时间的请求次数的限制，我们往往需要在此时对我们的网站进行代码优化和服务器配置的优化。一般情况下会从以下方面来做优化动态页面静态化优化数据库使用负载均衡使用缓存使用CDN加速现在很多网站在建设的时候都要进行静态化的处理，为什么网站要进行静态化处理呢？我们都知道纯静态网站是所有的网页都是独立的一个html页面，当我们访问的时候不需要经过数据的处理直接就能读取到文件，访问速度就可想而知了，而其对于搜索引擎而言也是非常友好的一个方式。纯静态网站在网站中是怎么实现的？纯静态的制作技术是需要先把网站的页面总… Read More

October 1, 2015

构建高并发高可用的电商平台架构实践

By Gideon Php / Pear / Mysql / Node.js 0 Comments

一、设计理念 1. 空间换时间 1) 多级缓存，静态化客户端页面缓存（http header中包含Expires/Cache of Control，last modified(304，server不返回body，客户端可以继续用cache，减少流量)，ETag）反向代理缓存应用端的缓存(memcache) 内存数据库 Buffer、cache机制（数据库，中间件等） 2) 索引哈希、B树、倒排、bitmap 哈希索引适合综合数组的寻址和链表的插入特性，可以实现数据的快速存取。 B树索引适合于查询为主导的场景，避免多次的IO，提高查询的效率。倒排索引实现单词到文档映射关系的最佳实现方式和最有… Read More

October 1, 2015

PHP数组缓存:三种方式JSON、序列化和var_export的比较

By Gideon Php / Pear / Mysql / Node.js 0 Comments

使用PHP的站点系统，在面对大数据量的时候不得不引入缓存机制。有一种简单有效的办法是将PHP的对象缓存到文件里。下面我来对这3种缓存方法进行说明和比较。第一种方法：JSON JSON缓存变量的方式主要是使用json_encode和json_decode两个php函数。json_encode可以将变量变成文本格式，这样就可以存到文件里。使用样例如下： // Store cache file_put_contents($cachePath, json_encode($myDataArray)); // Retrieve cache $myDataArray = json_decode(file_get_contents(… Read More

October 1, 2015

大数据量的存储分表常见算法

By Gideon Php / Pear / Mysql / Node.js 0 Comments

当一个应用的数据量大的时候，我们用单表和单库来存储会严重影响操作速度，如mysql的myisam存储，我们经过测试，200w以下的时候，mysql的访问速度都很快，但是如果超过200w以上的数据，他的访问速度会急剧下降，影响到我们webapp的访问速度，而且数据量太大的话，如果用单表存储，就会使得系统相当的不稳定，mysql服务很容易挂掉。所以当数据量超过200w的时候，建议系统工程师还是考虑分表. 以下是几种常见的分表算法。 1.按自然时间来分表/分库; 如一个应用的数据在一年后数据量会达到200w左右，那么我们就可以考虑用一年的数据来做为一个表或者库来存储，例如，表名为app，那么2… Read More