本站创建于2006年,博主为Delphi老码农,暗黑忠实粉丝,主要用于学习经验分享
    • 关于px、em、rem、rpx、upx的知识

    • PX

      px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。

      PX特点

        1. IE无法调整那些使用px作为单位的字体大小;
        1. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;
        1. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。

      EM

      em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。

      EM特点

        1. em的值并不是固定的;
        1. em会继承父级元素的字体大小。

      注意:任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。

      所以我们在写CSS的时候,需要注意两点:

        1. body选择器中声明Font-size=62.5%;
        1. 将你的原来的px数值除以10,然后换上em作为单位;
        1. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明。

      也就是避免1.2 * 1.2= 1.44的现象。比如说你在#content中声明了字体大小为1.2em,那么在声明p的字体大小时就只能是1em,而不是1.2em, 因为此em非彼em,它因继承#content的字体高而变为了1em=12px。

      REM

      rem是CSS3新增的一个相对单位(root em,根em),这个单位引起了广泛关注。这个单位与em有什么区别呢?区别在于使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。目前,除了IE8及更早版本外,所有浏览器均已支持rem。对于不支持它的浏览器,应对方法也很简单,就是多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小。下面就是一个例子:

      p {font-size:14px; font-size:.875rem;}
      注意: 选择使用什么字体单位主要由你的项目来决定,如果你的用户群都使用最新版的浏览器,那推荐使用rem,如果要考虑兼容性,那就使用px,或者两者同时使用。

      px 与 rem 的选择?

      对于只需要适配少部分手机设备,且分辨率对页面影响不大的,使用px即可 。

      对于需要适配各种移动设备,使用rem,例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备。

      rpx

      rpx 是微信小程序解决自适应屏幕尺寸的尺寸单位。微信小程序规定屏幕的宽度为750rpx。

      无论是在iPhone6上面还是其他机型上面都是750rpx的屏幕宽度,拿iPhone6来讲,屏幕宽度为375px,把它分为750rpx后, 1rpx = 0.5px。

      微信小程序同时也支持rem尺寸单位, rem 规定屏幕的宽度为20rem, 所以 1rem = (750/20)rpx = 37.5 rpx

      UPX

      uni-app 使用 upx 作为默认尺寸单位, upx 是相对于基准宽度的单位,可以根据屏幕宽度进行自适应。uni-app 规定屏幕基准宽度750upx。

      开发者可以通过设计稿基准宽度计算页面元素 upx 值,设计稿 1px 与框架样式 1upx 转换公式如下:

      设计稿 1px / 设计稿基准宽度 = 框架样式 1upx / 750upx

      upx在2018年就推出了,其初衷是为了让微信的rpx机制可以跨全端使用。

      在普通css写法里,upx会被编译器编译。但动态绑定时,upx无法被准确编译,此时官方提出了使用uni.upx2px()方法,用来动态计算。

    • 视频防盗链技术方案研究与讲解

    • 作者:谭东

      最近刚完成点播视频防盗链的部署,也对视频防盗链技术方案有了研究与了解。在这里给大家分享下技术方案和原理。

      一、先说下为什么要防盗链?

      这个主要是:

      1. 网站方为了防止自己的点播服务器的资源和流量被盗用;
      2. 保护视频版权;
      3. 防止视频被下载盗用等。

      二、防盗链技术方案

      一般盗链者可以直接获取播放地址盗用或者破解播放器盗用、录屏盗用、下载盗用、视频链接破解提取原地址等方式进行盗链。

      所以我们在防盗链时要综合这些因素考虑,当然不可能面面俱到,但是能够覆盖大部分常见的手段即可。

      常见方案有:

      1. 视频加水印;
      2. 视频加DRM版权水印;
      3. 视频加密;
      4. 播放器加解密;
      5. Referer防盗链
      6. URL防盗链
      7. 采用m3u8等盗链难度高的文件格式,也可以防下载;
      8. IP黑白名单限制等。

      说了这么多,我们来看看目前主流的视频防盗链技术方案,例如央视网、腾讯、优酷等平台一般都采用Referer防盗链和URL防盗链方式进行防盗链。针对直播视频防盗链或点播视频防下载,我们还可以将视频文件格式变成m3u8格式,这样可以防止视频被下载。

      那么接下来我们就简单讲解下Referer防盗链和URL防盗链方案:

      (1)Referer防盗链

      Referer防盗链比较简单,是基于 HTTP 协议支持的 Referer 机制,通过播放请求 Header 中携带的 Referer 字段识别请求的来源。开发者可以设置一批域名为黑名单或白名单,CDN 节点将按照名单中的域名做鉴权,从而允许或拒绝播放请求。也就是携带了播放来源,如果播放这个视频源的页面地址不对的话,则会拒绝播放。当然Referer是可以伪造的,所以建议结合URL防盗链进行使用。

      (2)URL防盗链

      URL防盗链是主流防盗链方案,也是安全度比较高一种防盗链方式。当然也有称作是Token校验方式,也有叫做鉴权防盗链,这里统称URL防盗链。

      URL防盗链可以设置很多功能,如视频链接过期时间、播放人数控制、视频播放时长控制(如试看5分钟这种功能)等等。而控制鉴权的这部分放在CDN节点中去处理。

      URL防盗链,允许开发者将视频的播放控制参数以 QueryString 的形式拼接在视频 URL 中,CDN 节点将检查 URL 中的播放控制参数,并依据参数控制视频的播放。目前,Key 防盗链通过“过期时间参数”、“允许播放的 IP 数量参数”和“试看时间参数”,支持“防盗链有效时间控制”、“防盗链播放人数控制”和“视频播放时长控制”。

      • 防盗链有效时间控制

      在视频 URL 中指定过期时间。如果请求的视频 URL 已过期,则视频无法播放。通过这种方式,可以为视频 URL 设置有效时间,防范他人将视频 URL 转移到其他站点后长期使用。

      • 防盗链播放人数控制

      在视频 URL 中指定链接最多能供多少人播放。不在同一内网的播放终端,它们的公网 IP 一般是不同的。通过限制一个 URL 允许最多能被多少公网 IP 播放,就能够限制同一个 URL 可以播放的人数,从而可以防范他人将视频 URL 转移到其他站点后,无限制地分发给任意多的人数观看。

      • 视频允许播放时长控制

      在视频 URL 中指定试看时长(如仅允许播放视频的前5分钟)。通过这种方式,可以实现对未付费用户的试看功能。

      URL防盗链功能简介:

      • 支持在视频 URL 中指定过期时间,他人获取后无法长期使用。
      • 支持在视频 URL 中指定最大允许播放 IP 数,他人获取后不能无限制地分发给更多人观看。
      • 支持在视频 URL 中指定试看时长,实现试看功能。
      • 开发者使用密钥KEY对视频 URL 签名,并在 URL 中带上签名结果。只要用户密钥不泄露,其他用户无法伪造视频 URL。
      • CDN 节点检查视频 URL 中的参数和签名,对视频播放请求进行控制。如果请求检查不通过,则返回403响应码。
      • 支持的文件类型:MP4、TS、M3U8、FLV、AAC、MOV、WMV、AVI、MP3、RMVB、MKV、MPG、3GP、WEBM、M4V、ASF、F4V、WAV、MPEG、VOB、RM、WMA、DAT、M4A、MPD、M4S。

      三、具体URL防盗链生成和使用

      URL的生成是由我们这边服务器处理的,根据指定规则进行生成防盗链处理后的URL。

      URL的生成是由我们这边服务器处理的,根据指定规则进行生成防盗链处理后的URL。
      URL的生成是由我们这边服务器处理的,根据指定规则进行生成防盗链处理后的URL。

      • 开发者在视频的地址中均存在视频原始 URL。未开启防盗链时,使用视频原始 URL 即可播放视频。
      • 开启 Key 防盗链后,视频原始 URL 不再能播放,此时需要构造视频的防盗链 URL,CDN解析鉴权通过后返回视频数据。

      (1)生成URL

      防盗链 URL 的生成规则是在原始 URL 尾部,以 QueryString 的方式加入防盗链参数,形如:

      http://example.vod.com/dir1/myVideo.mp4?t=[t]&exper=[exper]&rlimit=[rlimit]&us=[us]&sign=[sign]

      这几个参数含义:

      • t(必填):播放地址的过期时间戳,以 Unix 时间的十六进制小写形式表示;过期后该 URL 将不再有效,返回403响应码。考虑到机器之间可能存在时间差,防盗链 URL 的实际过期时间一般比指定的过期时间长5分钟,即额外给出300秒的容差时间;建议过期时间戳不要过短,确保视频有足够时间完整播放。
      • exper(选填/选用):试看时长,单位为秒,以十进制表示,不填或者填0表示不试看(即返回完整视频);试看时长不要超过视频原始时长,否则可能导致播放失败。
      • rlimit(选填/选用):最多允许多少个不同 IP 的终端播放,以十进制表示,不填表示不做限制;当限制 URL 只能被1个人播放时,建议 rlimit 不要严格限制成1(例如可设置为3),因为移动端断网后重连 IP 可能改变。
      • us(选填/选用):链接标识,用于随机化一个防盗链 URL,增强链接的唯一性;建议每次生成防盗链 URL 时,指定一个随机的 us 值。
      • sign(必填):防盗链签名,以32个字符长的十六进制数表示,用于校验防盗链 URL 的合法性;签名校验失败将返回403响应码。

      签名计算公式如下:

      sign = md5(KEY + t + exper + rlimit + us)

      有人可能注意到了,怎么多了一个KEY?这个KEY就是我们的一个密钥,CDN和我们生成URL的服务器都要使用相同的KEY才能进行加密和解密配对,开启 URL 防盗链时填写的密钥。必须由大小写字母(a - Z)或者数字(0 - 9)组成,长度在8 - 20个字符之间。

      (2)防盗链URL生成示例:

      例如视频原始地址:[https://example.vod.com/dir1/myVideo.mp4](),密钥KEY为:24FEQmTzro4V5u3D5epW,随机字符串us为72d4cd1101,URL 的过期时间是2018年01月31日20:00(Unix 时间为1517400000)即t为1517400000这里就不设置exper和limit了。

      计算签名:

      sign = md5("24FEQmTzro4V5u3D5epW5a71afc072d4cd1101") = "01ad188259e1f34979c06a10e6d0fb89"

      最后我们生成URL防盗链:

      http://example.vod.com/dir1/myVideo.mp4?t=5a71afc0&us=72d4cd1101&sign=01ad188259e1f34979c06a10e6d0fb89

      我们这边服务器自己按照规则生成防盗链后的URL即可,CDN结点也按照这个规则和KEY来进行鉴权即可,匹配即允许播放,否则不允许访问资源。

      好了,大致内容就是这么多,是不是很简单?对视频防盗链有了进一步了解?当然如果你想防止下载的话,建议使用HLS(m3u8)文件格式来进行传输,这样可以避免文件下载,安全性更高,而且HLS(m3u8)也可以对分片文件进行标准化或者自定义加密,安全度会更高。

      我们这边服务器自己按照规则生成防盗链后的URL即可,CDN结点也按照这个规则和KEY来进行鉴权即可,匹配即允许播放,否则不允许访问资源。

      好了,大致内容就是这么多,是不是很简单?对视频防盗链有了进一步了解?当然如果你想防止下载的话,建议使用HLS(m3u8)文件格式来进行传输,这样可以避免文件下载,安全性更高,而且HLS(m3u8)也可以对分片文件进行标准化或者自定义加密,安全度会更高。
      我们这边服务器自己按照规则生成防盗链后的URL即可,CDN结点也按照这个规则和KEY来进行鉴权即可,匹配即允许播放,否则不允许访问资源。

      好了,大致内容就是这么多,是不是很简单?对视频防盗链有了进一步了解?当然如果你想防止下载的话,建议使用HLS(m3u8)文件格式来进行传输,这样可以避免文件下载,安全性更高,而且HLS(m3u8)也可以对分片文件进行标准化或者自定义加密,安全度会更高。

    • 宽带认证BOSS系统v5.0

    • 轻武计费认证系统KDBOSS主要针对中小型企业,用户规模在1-100万内的小区宽带运营商,本系统可作为宽带运营支撑系统,同时该系统支持多业务受理,包括宽带业务,商业客户,语音业务,增值业务等。本系统历经15年千锤百炼,历经百万宽带用户的洗礼,一体化解决方案是一款宽带运营必不少的管理软件。

      轻武计费认证系统KDBOSS在先后在成都、重庆、北京、郑州、石家庄、深圳、大连、济南、南京、杭州、福州、厦门、贵阳、长沙、广州、太原、南昌等省会城市均成功部署运营,总承载用户超过500万户,创年收入超过15亿。我们的成功运营经验可以复制,我们曾经的辉煌也可以再现,KDBOSS助您成功!

      我们的团队拥有十年宽带运营经验,曾经支撑百万宽带用户,借鉴顶级运营商经验的同时,同时又立足于自身的发展,每一个环节都经过精雕细琢,每个流程都经历了时间的打磨,宝贵的运营经验和技术+持续创新的理念造就了我们独一无二的产品.

      KDBOSS系统基于服务器+客户端软件模式,通过ADO数据库组件访问后台数据库,开发平台为DELPHI 7.0,后台数据库采用高效可靠的MICROSOFT SQL SERVER,为企业客户资料管理提供了可靠的保证。独立研发的小区宽带RADIUS认证系统,完美适配REDBACK SE800、华为ME60、JUNIPER E320等BASE设备,支持百万用户同时在线认证,完全媲美电信级认证系统,十年运营经验打造出一套稳定、安全、可靠、方便的PPPOE宽带认证系统.

      官方网站:[http://www.kdboss.cn]()

      轻武计费认证系统介绍.docx

    • 百度搜索自动提交网站内容

    • 将以下代码放在网站代码里,可实现页面自动推送,支持https和http
      增加网站收录利器啊!使用有效果请留言感觉我!!

      <!--百度推送 -->
      <script>
      (function(){
          var bp = document.createElement('script');
          var curProtocol = window.location.protocol.split(':')[0];
          if (curProtocol === 'https') {
              bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
          }
          else {
              bp.src = 'http://push.zhanzhang.baidu.com/push.js';
          }
          var s = document.getElementsByTagName("script")[0];
          s.parentNode.insertBefore(bp, s);
      })();
      </script>
    • SEO教程之宝塔301重定向配置

    • 域名带和不带WWW的区别

      1、域名不带www是顶级域名,带www是二级域名。

      2、www.和不带www.的域名可以是完全两个不同的网站,我们在做域名解析时可以将他们指向完全不同的两个IP或者网站。
      但是实际使用过程中,我们一般是将一个域名同时做了www.和不带www.的域名解析,而且指向同一个站点,因此访问的时候用户是感觉不出来有什么不同。

      3、在搜索引擎看来,带www和不带www的URL是不同的两个URL,当它们指向同一个网站时,会让搜索引擎不懂应该选择哪一个URL作为主要的。所以,我们建议部分符合条件的主机采用301重定向进行URL标准化设置

      什么是301重定向?

      301转向(或叫301重定向,301跳转)是当用户或搜索引擎向网站服务器发出浏览请求时,服务器返回的HTTP数据流中头信息(header)中的状态码的一种,表示本网页永久性转移到另一个地址。

      什么情况下需要301重定向?

      网站更换域名时,通过301永久重定向将旧域名重定向至新域名,挽回流量损失和SEO;
      如果你有多个闲置域名时需要指向同一网站时,可以通过301永久重定向实现;
      你打算实现网址规范化,例如:不带www的域名和带www的域名,实现网址的统一。

      301重定向的好处?

      将流量统一,网址格式化之后有利于增加网站权重,同时也可以将多个域名归口同一网站。
      例如:我的两个域名samool.cn和samool.com都是指向同一个网站,301重定向之后,所有流量都归口到www.samool.com上,更换域名也不至于损失流量,同时有助于网站SEO

      宝塔面板7.1如何设置301重定向?

      宝塔301重定向设置.png

      1、打开网站设置
      2、最新7.1版宝塔增加了批量设置功能,【重定向(测试版)】,打开设置面板,默认【开户重定向】、【保留URI参数】
      3、选择重定向类型【域名】,【重定向方式:301】
      4、选择需要重定向的域名,填写目标URL地址,保存提交即可。

      301实例教程DEMO

      我需要将samool.com全部重定向到www.samool.com上,
      samool.com重定向设置.png

      这个设置,其实就是增加了Rewrite代码,代码如下

      #REWRITE-START
          <IfModule mod_rewrite.c>
              RewriteEngine on
              RewriteCond %{HTTP_HOST} ^www.dayong.wang [NC]
              RewriteRule ^(.*) https://samool.com$1 [L,R=301]
          </IfModule>
      
          <IfModule mod_rewrite.c>
              RewriteEngine on
              RewriteCond %{HTTP_HOST} ^dayong.wang [NC]
              RewriteRule ^(.*) https://samool.com$1 [L,R=301]
          </IfModule>
      
          <IfModule mod_rewrite.c>
              RewriteEngine on
              RewriteCond %{HTTP_HOST} ^www.samool.cn [NC]
              RewriteRule ^(.*) https://samool.com$1 [L,R=301]
          </IfModule>
      
          <IfModule mod_rewrite.c>
              RewriteEngine on
              RewriteCond %{HTTP_HOST} ^samool.cn [NC]
              RewriteRule ^(.*) https://samool.com$1 [L,R=301]
          </IfModule>
      
          <IfModule mod_rewrite.c>
              RewriteEngine on
              RewriteCond %{HTTP_HOST} ^samool.com [NC]
              RewriteRule ^(.*) https://samool.com$1 [L,R=301]
          </IfModule>
      #REWRITE-END
      
      
    • 不以物喜,不以己悲

    • 网站终于恢复了,网站回国啦,现在居住地在上海,易联的主机。经历这次“功夫网”事件后,现在追求的是稳定,本来博客赚钱就不容易,折腾几次后,老本都丢出去了,所以说,稳定是第一位。

      最近过的很颓废,很容易受周围环境所影响,明初的时候家里洗衣机又不转了,找师傅来检查,发现电机又出问题,才买一年多点时间,出了好几次问题了,下次再也不买小天饿洗衣机了,洗衣机坏了让我郁闷了很长一段时间,昨天来换电机,还要收60上门费,说什么大件保修三年,电机不要钱,过了一年保修期后,但是上门维护安装要收费,TNND的熊。

      这一个星期,我的博客一直打不开,也件事也让我非常郁闷,博客就是我网络上家,苦心经营了几年时间,这一次是中断时间最长的一次,足足一个星期啊,美国佬的空间也靠不住,效率太低,出了问题很长时间都无法解决,最大的麻烦是国外的空间很容易“撞墙”,也就是所谓的“功夫网”,要用国外空间,不买独立IP是肯定不行的,受牵连的机会很大,共享IP能保持三个月不出问题已经是万幸。所以现在已经放弃了美国的空间,老老实实就放在国内吧。

      当时图国外空间便宜,1500G,不限制网站数,两年使用期才110刀,很是吸引人啊,但是你去买了就知道上当了,现在有很多网站在推荐购买美国空间,要买空间的朋友千万别上当,我已经是受害者之一了,你听他们说某某空间如何如何地好,他们的宣传不是免费的,当你通过他们的链接注册后,他们就可以得到一笔不少的推荐费,正因为有推荐费的作用,宣传的人就不说真话,如果你的站不是英文站,还是放国内好点,即使出了问题最多一两天就可以解决,像尔等鸟语不好的,国外空间等N年都解决不了问题,气死人。

      博客打不开,让我着实郁闷了很久,最近一两星期心情一直不好,今天把QQ签名改为“不以物喜,不以己悲”,希望以后不再受外界因素的影响,淡定,绝对的淡定。

    • 我的网站排名信息

    • 今天详细地查询了一下本博客的统计信息,包括网站PR值,Alexa排名,搜索引擎收录等等,WWW带与不带有一定差距。

      查询时间:2008-5-4  11:27:28
      查询域名:www.samool.com
      PageRank:4
      Alexa排名:333042
      Sogou Rank:45
      ChinaRank:94371
      搜索引擎收录以及反向链接查询结果
      baidu:收录 16300 , 反向链接 1980
      google:收录 9540 , 反向链接 581
      yahoo:收录 11296 , 反向链接 7114
      live:收录 1830 , 反向链接 0
      sogou:收录 1659 , 反向链接 5449
      yodao:收录 2067 , 反向链接 442

      ------------------++++++--------------------------

      查询时间:2008-5-4  11:28:40
      查询域名:samool.com
      PageRank:4
      Alexa排名:333042
      Sogou Rank:6
      ChinaRank:94371
      搜索引擎收录以及反向链接查询结果
      baidu:收录 16300 , 反向链接 796
      google:收录 23400 , 反向链接 581
      yahoo:收录 13977 , 反向链接 754
      live:收录 1880 , 反向链接 1
      sogou:收录 2224 , 反向链接 3
      yodao:收录 2295 , 反向链接 8

    • 发现一个有趣的网站

    • 今天顺着友情链接一个一个地走了一遍,其中通过一个朋友的网站,发现了一个很有趣的网站,可以估测网站的价值,于是乎我也去试了一下,哈哈,还有惊喜发现,可以看到你的站点是什么时候建站的,年龄多大了,我的站已经有3岁零6个月了,哇哈哈。另外就是PR值是多少,有多少外部链接指向站点,站点的IP地址报告,这台服务器上还有其它那些站点,都会一一列举出来,最后一个就是关键报告了,请看下面红色部分,您的网站价值多少money,呵呵,这些只是一个参考,仅供参考,

      查询地址:http://www.dnscoop.com/

      Domain Age
      www.samool.com was created on: September 20 2004

      Domain age (approximately):
      3 Years, 6 Months, 12 days..

      Pagerank Check
      Current Pagerank: PR 3
      The submitted domain name: www.samool.com
      matches Google results url: www.samool.com

      Inbound Links
      The total number of pages that contain links to
      www.samool.com:
      24,720 

      Domain Name IP Report
      samool.com has the IP address: 220.173.60.138
      We found 89 other sites hosted on the IP address 220.173.60.138

      Link Value Report by Text-Link-Ads
      The estimated value of a single link on www.samool.com is: $5 /month

      If you were to sell 8 links on www.samool.com, you could generate $40/month in revenue for your website.

      Site Value Report
      The estimated value of https://samool.com is: $34,730

      samoolsiteworth.jpg

      This value is calculated based on several factors shown above, including: Links, Traffic (Alexa), age of the domain, site category, domain keyword popularity, and overall occurrences of the domain name on the web. 

    • 本站今天启用防盗链系统

    • 前段时间CGX的事件,网站访问量巨大,加之盗链严重,导致网站流量超标,今天在明网郑大的帮助,在.htttacces文件上加上了防盗链功能,希望能降一降盗链接的流量,哈哈哈。

      大家可以点击这里试试看,在浏览器直接输入:https://samool.com/templates/bluefeel/images/tree.gif

Powered by Typecho)))   ICP:蜀ICP备05009250号