分类: 前端开发

12 篇文章

thumbnail
WCAG是什么
Web内容无障碍指南(WCAG)涵盖范围广泛,涉及了一些建议,这些建议可使网站内容更容易访问。遵循这些原则,web内容更易为广大残疾人士所接受,这些包括盲人和低视患者、聋人和重听人、学习障碍、认知障碍、行动不便、言语残疾、光过敏患者和这些病症的复合患者。遵循这些原则也可让普通用户更容易访问您的网站。版本为WCAG2.0。 在我们制作网站的过程中,需…
thumbnail
wordpress无损搬家方法概述
Part 1. Wordpress搬家方法 首先写给大家推荐腾讯云服雾器。真的划算! 【腾讯云】云产品限时秒杀,爆款1核2G云服务器,首年99元 https://cloud.tencent.com/act/cps/redirect?redirect=1077&cps_key=051a5a7151d61ea7be4a5000d822f715&…
thumbnail
关于HTTP Status Code
HTTP状态码由三个十进制数字组成,第一个十进制数字定义了状态码的类型。HTTP状态码共分为5种类型: 分类 分类描述 1** 信息,服务器收到请求,需要请求者继续执行操作 2** 成功,操作被成功接收并处理 3** 重定向(即跳转),需要进一步的操作以完成请求 4** 客户端错误,请求包含语法错误或无法完成请求 5** 服务器错误,服务器在处理请…
thumbnail
CSS两种方法实现水平垂直居中
方法一:使用定位属性+transform 本方法通用,方便,推荐使用。 给您要水平垂直居中的元素添加以下css属性: position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); 给body添加相对定位属性: position: rela…
thumbnail
来自Google的神器: ngx_pagespeed
Google向我们提供了一系列网站加速工具,都非常好用:https://developers.google.com/speed 没有梯/子的同志们请用国内的Google服务器,就是经常会挂www 其中有使用人数很多的Pagespeed Insights分析工具, 还有两个比较小众的优化工具—— mod_pagespeed(适用于Apache) 和 …
thumbnail
薅羊毛之3种免费SSL
早上好,这一篇文章我们来讲讲如何来薅各种免费SSL。 0x01 Let's Encrypt SSL 官网: letsencrypt.org Let's Encrypt作为一个公共且免费SSL的项目逐渐被广大用户传播和使用,是由Mozilla、Cisco、Akamai、IdenTrust、EFF等组织人员发起,主要的目的也是为了推进网站从HTTP向H…
thumbnail
提升网站访问速度(2)——Use CDN
众所周知 给网站使用CDN,可以提高网站在全球的加载速度,并可以减轻服务器负载。 下面,我就来介绍一下网站使用CDN的方法。 1. What is CDN 内容交付网络或内容分发网络(CDN)是代理服务器及其数据中心的地理分布网络。目标是通过相对于最终用户在空间上分配服务来提供高可用性和性能。 CDN于1990年代末出现,是减轻Internet性能…
thumbnail
提升网站访问速度(1)
如大家所看到的一样,E站现在的访问速度已经非常快了! 下面,我们来了解一下如何提升网站的访问速度。 先谈谈重要性 如果你的网站非常慢,可能会引起下面的后果: 网页加载过慢导致用户流失 网页加载时间过长是造成用户流失的一个主要原因,普通户根本没耐心等待一个加载时间超长的网页,人们都希望页面打开时间越小越好。最新研究表明,大多数用户期望的网站加载时间是…
thumbnail
给网页加上爱心特效
大家有没有发现,好像很多网站都有点击屏幕显示一个五颜六色的爱心/爆炸球的特效? 下面我来介绍一下实现的方法。其实很简单,只有两行代码: <canvas class="fireworks" style="position:fixed;left:0;top:0;z-index:99999999;pointer-events:none;">&…
thumbnail
WebSocket服务器搭建笔记
网站好冷清啊,我来活跃一下气氛吧~ 网上看了一堆资料,踩了一堆坑,终于把websocket服务器搭起来了。 下面和大家分享一下搭建的艰苦经历。 首先,代码部分: ws.class.php: <?php class websocket{ public $log; public $event; public $signets; public $u…
thumbnail
做一个附带hCaptcha验证的登录界面
Hi, 欢迎来到nth.ink,这次我们来看一下如何做一个附带hCaptcha(就是那个带有要你找出“红绿灯🚥”或其他图片的那个)验证的登录界面。 hCaptcha 先来介绍一下hCaptcha。它是基于Google的reCaptcha创建的,支持recaptcha的100%功能,而且还提高了安全性,有了更多的选项,最重要的是——国内用户也能用!(…