-
你必须记住的30个CSS选择器？(最常见的css选择器)
你学会了基本的id，class类选择器和descendant后代选择器，然后就觉得完事了吗？如果这样，你就会错过许多灵活运用CSS的机会。虽然本文提到的许多选择器都属于CSS3，并且只能在现代的浏览器中使用，但学会这些是大有好处的。 什么是CSS选择器呢？ 每一条css样式定义由两部分组成，形式如下：[code]选择器{样式}[/code] 在{}之前的部分就是“选择器”。 “选择器”指明了{}中…- 79
- 0
-
CSS相对定位3大应用场景5个实战应用案例详解(请简要说明css相对定位和css绝对定位)
昨天发布的margin的5个重难点，受到了很多粉丝们的关注和收藏。我发现，作为学习Web前端开发的同学最大的痛苦莫过于，学了一堆知识，但到了实际的应用开发中不知道如何灵活运用。今天决定再上一干货，一个个来讲清楚关于定位系列实际应用场景，先从相对定位position: relative;开始相对定位3大应用场景：微调元素位置、提升元素层级、作为绝对定位元素参考对象相对定位5个应用案例：搜索框、图文对…- 47
- 0
-
CSS Margin中5个经典布局解决方案，重难点知识，记得收藏复习
前几天我在面试前端开发同学的时候，有问到关于margin基础布局相关内容的过程中，发现很多同学基本解释不清楚，今天刚好有点时间就整理了一篇笔记出来。就以下5点在CSS布局经常会用到的经典布局解决方案。 css中margin外边距（重叠）合并现象 css中margin外边距穿透现象 css中margin设置负值时的特性 css经典3列自适应布局：圣杯布局 css经典3列自适应布局：双飞翼布局 可以尝…- 51
- 0
-
初学JS必会的10种JavaScript代码优雅写法
当我们刚开始学习JS代码时，我们只需要掌握JS中对应知识点就好，随着对JS代码的熟悉程度，我们就要思考如何写出更优雅，更简洁的代码。 接下来我分享10种常用JS代码功能，通过常规写法和优雅写法的对比，来体现其优雅和简洁性。代码中用了ES6新特性，如果你对ES6不了解，可以先收藏好。在后期的VUE中，基本都在和ES6打交道。 1、数组合并 常规写法 利用concat方法来合并数组 优雅写法 利用ES…- 32
- 0
-
前端进阶高薪必会的54个CSS重难点知识梳理（2）13-24个详解(css基础知识笔记)
本次我把CSS中的重难点整理出来，总共54个核心知识点，供大家复习，希望能帮到大家。这些重难点是进阶高薪必需要掌握的知识点，同时也是面试必问的内容。 因为涉及的内容较多，我分5篇内容发出来，好逐一进行让大家消化这些内容，本次我把前13-24个CSS重难点整理出来，具体内容如下： 13、如何判断元素是否到达可视区域（图片懒加载原理）？ 14、link与@import的区别？ 15、常见的图片格式与场…- 43
- 0
-
前端进阶高薪必会的4个html重难点知识梳理
为了更好的学习好前端，我接下来会整理前端从html、css、js的经典面试题，这个是由我们艾编程清心老师和arry老师精心整理出来的重点面试题，大家可以留意下，学会了，对于你接下来找工作以及查漏补缺学习非常有帮助！ 内容大纲： src和href的区别; script 标签中 defer 和 async 的区别; 常用 meta 标签有哪些; img的srcset和sizes属性的作用; 1、src…- 58
- 0
-
Web前端进阶高薪必会的54个CSS重难点知识梳理（1）(精通CSS:高级Web标准解决方案)
本次我把CSS中的重难点整理出来，总共54个核心知识点，供大家复习，希望能帮到大家。这些重难点是进阶高薪必需要掌握的知识点，同时也是面试必问的内容。 因为涉及的内容较多，我分5篇内容发出来，好逐一进行让大家消化这些内容，本次我把前1-12个CSS重难点整理出来，具体内容如下： CSS选择器与优先级 CSS中可继承与不可继承属性有哪些 display的block 、inline、inline-blo…- 33
- 0
-
解决网站404页面返回200状态码问题
好久没打理博客，突然收到 CDN 流量预警，发现平均每天 40G 流量消耗！what？就现在这个访问量，不存在的。看了下 CDN 日志发现有小人一直在请求博客页面，其中被请求最多的就是 CCkiller 防御工具那个文章地址。 呵呵，我就写一个简单的防御小工具，惹着你啦？实际上我用了 CDN，也并没有安装这个工具，所以想试探、想测试效果的麻烦自己去安装使用，攻击我博客毫无意义，挂了又能怎么样？ 废…- 42
- 0
-
Haproxy进阶管理：命令行控制后端节点上下线
很多业务系统都用到了 Haproxy 这个高性能反向代理负载均衡器。在日常运维当中，Haproxy 后端节点的上（接入）、下（剔除）线操作绝对是家常便饭，而且人工重启的时候经常有胆颤心惊的感觉。 下面分享一种命令行操作 Haproxy 后端节点平滑上下线的技巧。 一、新增配置 Haproxy 自带了一个非常实用的管理页面，我们可以在 harpxoy.cfg 新增如下配置，开启 Haproxy 监控…- 40
- 0
-
小网站最简单实用的动静分离优化方案
其实这算是一种动静分离的做法，不过我这里用了偷懒的办法实现，而非彻底的动静分离，不过最终效果的区别并不大。 先啰嗦一下动静分离的概念和好处。 一、动静分离 我们的网站简单来说分为 2 种数据资源，一种是动态的数据，即 PHP 等程序语言实时吐出来的数据，在网页内容上主要是 HTML 代码，另一种则是静态资源，比如图片、css、js、视频等（当然，图片等资源也可能是实时动态生成的，比如 PHP 缩略…- 21
- 0
-
Haproxy安装部署文档及多配置文件管理方案
最近我在负责一个统一接入层的建设项目，涉及到 Haproxy 和 ospf 的运维部署，本文分享一下我在部署 Haproxy 之后整理的运维部署规范，并实现了Haproxy 的多配置文件管理方案。 一、部署安装 1、下载源码包 最新 stable 版本下载地址：http://www.haproxy.org/download/1.7/src/haproxy-1.7.9.tar.gz 2、编译安装 1…- 45
- 0
-
libmemcached编译安装报错解决记录
我负责的几个公司内部网站，仅集成了 php 原生 memcache 组件，不支持 memcached 分片存储的自动容灾方案，近期出现过几例因 memcache 服务器故障引起 WEB 爆卡的尴尬事，所以接到了一个给现网 php 集成 memcached 模块的需求。 内部的个别系统有多老、多难用我就不吐槽了，slackware、suse 用过的人都知道。。。不说了，总之老老实实的编译安装吧。 m…- 68
- 0
-
Nginx内容替换模块http_substitutions_filter_module及实用案例分享
说到 Nginx 的内容替换功能，大部分人应该都听说过 Nginx 内置的的 subs_filter 替换模块，但是这个模块有个缺憾，就是只能替换一次，而且还不支持正则表达式，这就有些鸡肋了。 不过，我们可以集成一个第三方的替换模块：ngx_http_substitutions_filter_module，来实现我们的各种需求。 经过测试，这个模块至少有如下实用功能： ①、支持多次替换 ②、支持正…- 12
- 0
-
解决Nginx配置http2不生效，谷歌浏览器仍然采用http1.1协议问题
昨天一个网友通过 QQ 联系我，说按照我博客之前分享的 http2 配置教程不能生效，想请我帮忙看看。 经过测试，使用谷歌浏览器访问他的测试站点，确实没有开启 http2，但他的配置和编译参数都正确的，这有点奇怪了。 不过昨天太忙就没有继续帮他分析，他只好将服务器账号和密码都留言给了我。今天中午我抽空在他服务器重新编译测试了一把，才发现原来是这么一个梗！ 他在编译 Nginx 之前，使用的是 yu…- 11
- 0
-
修改Apache的超时设置，解决长连接请求超时问题
某日，组内后台开发找到我，问我们的 WEB 服务器超时设置是多少。他反馈的问题是，有一个 VLAN 切换任务 cgi 接口经常返回 504 网关超时错误，要我分析解决下。 我问了一下，得知这个请求遇到网络设备对象较多的时候，需要小半个小时才能完成，也就是要用到长连接才行。 老规矩，从开发那拿到接口地址，得到接入层服务器 IP，是一台 Haproxy 代理，看了一下 Haproxy 的超时设置： 1…- 42
- 0
-
Nginx网站使用CDN之后禁止用户真实IP访问的方法
做过面向公网 WEB 运维的苦逼们肯定见识过各种恶意扫描、拉取、注入等图谋不轨行为吧？对于直接对外的 WEB 服务器，我们可以直接通过 iptables 、 Nginx 的 deny 指令或者是程序来 ban 掉这些恶意请求。 而对于套了一层 CDN 或代理的网站，这些方法可能就失效了。尤其是个人网站，可能就一台 VPS，然后套一个免费的 CDN 就行走在互联网了。并不是每个 CDN 都能精准的拦…- 59
- 0
-
分享一下php7和其他php多版本共存的配置教程
年前，终于迎来了期待已久的 php7 正式版，我也在第一时间就给博客用上了。性能确实有了质的飞跃，问题还是有不少的。比如鱼叔的微信插件在 php7 下面自动回复异常等。 为了继续使用微信插件，我只好将 php5.6 又开了起来，下面简单分享一下多个版本 php 共存的方法。 一、编译路径 多个版本 php 要共存，必须使用不同的安装路径。比如，之前 php5.6 安装在/usr/local/php…- 30
- 0
-
PHP7.0正式版编译安装升级及WordPress问题解决分享
盼望以久的 PHP 7.0 正式版，终于在今天发布了！ 官方给出的新特性如下： PHP 7.0.0 comes with new version of the Zend Engine with features such as (incomplete list): Improved performance: PHP 7 is up to twice as fast as PHP 5.6 Consi…- 19
- 0
-
php5编译安装常见错误和解决办法集锦
最近在给开发同事折腾开发测试环境，其中就有 php 的编译安装。由于每个人的需求不一致，所以也接触到了各种模块编译和集成，中间不乏各种编译依赖报错。 正好，搜了几次都是下面 2 篇文章内容，干脆就转到自己博客，以备后用，后续有相关内容再继续补充。 checking for BZip2 support… yes checking for BZip2 in default path… n…- 47
- 0
-
Nginx配置多站点下的Proxy_cache或Fastcgi_cache缓存加速
在我分享了 Nginx 的 Fastcgi 缓存之后，有不少朋友已折腾成功。不过有朋友反馈，不知道在多站点下如何配置 Nginx Fastcgi。而所有网上分享的方案都是单个站点的，我本以为多站点的直接在 php 的 location 模块中插入 fastcgi 缓存配置就好了，结果发现会报错，提示缓存空间已被使用。 经过轮番测试，最终试出了多站点下的 Fastcgi 缓存配置，下面简单分享下。 …- 28
- 0
-
实测Nginx服务器开启pagespeed加速效果
上周有一个站长问到我一个问题，问 fastcgi_cache 和 pagespeed 加速有没有冲突。略微想了下，2 个都是比较原生的主，应该不存在兼容问题。 至于这个朋友问到这 2 个机制处理的先后问题，我思考了下。既然 fastcgi_cache 已经是缓存到本地的文件，那么 pagespeed 肯定是后处理的。通俗来说，就是当用户访问 WEB 时，Nginx 应该是先调用 fastcgi 缓…- 19
- 0
-
Nginx开启fastcgi_cache缓存加速，支持html伪静态页面
不久前分享过 Nginx 开启缓存为 WordPress 加速的教程，其中分享了 2 种缓存模式：代理模式和本地模式。我一直以为单个 ngx_cache_purge 缓存模块只支持 proxy 代理模式，结果热心的网友回复，其实这个模块也是支持本地缓存的，而且 WordPress 还有配套的插件！ 看来还是我孤陋寡闻了！ 我像发现了新大陆一般，立马进入折腾状态，幸不辱命，已经成功部署！最爽的是可以…- 31
- 0
-
为网站开启Nginx缓存加速，支持html伪静态页面
思路很简单，既然你要实时生成，那我就将你生成的缩略图缓存一份好了！在我测试期间发现，Nginx 的缓存也同样可以缓存伪静态的 html 页面，完全可以替代 WP-Super-Cache 这类缓存插件了。相信大部分 CDN 也是用的这个原理，比如百度云加速，我们可以在 header 里面发现一个 “Server：yunjiasu-nginx”的标识。 好了，废话不说，一起来看看如何实现吧！ 一、代理…- 32
- 0
-
为WordPress开启Nginx缩略图功能，七牛从此陌路
前段时间，百度云加速自动切换到了 3.0，导致我之前的一些规则出现了异常，而且在七牛 cname 记录上再套云加速缓存这种做法也有部分掉了链子，打开出现 90x 报错，只好暂时关闭云加速缓存七牛机制，结果七牛 d 的数据统计就成这样了： 看来，需要采取措施才能继续享受免费服务了。本想使用之前博友建议的做法：只对需要缩略图的图片指向七牛，其他大图用源站链接，这样应该可以节省不少流量。 于是，对主题代…- 58
- 0
扫码打开当前页
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×