详细分析如何实现图片懒加载(lazyload),提高用户体验

2016-12-2 / 0 评论 / 1897 浏览 / Mrxn

懒加载的意义(为什么要使用懒加载) 原理 代码 懒加载的意义(为什么要使用懒加载) 对页面加载速度影响最大的就是图片,一张普通的图片可以达到几M的大小,而代码也许就只有几十KB。当页面图片很多时,页面的加载速度缓慢,几S钟内...

php加密-使用php_screw 1.5加密PHP文件的安装与使用

2015-10-19 / 2 评论 / 6122 浏览 / Mrxn

php文件通常以文本格式存贮在服务器端, 很容易被别人读到源代码, 为了对源代码进行保护, 可以采用对源代码进行加密的方式.要实现该功能需要两部分: 一是加密程序,实现对PHP文件的加密. 另一个就是对加密过的PHP文件进行解析, 以得到运行结果. 前者的实现比较简单, 就是一程序而已. 后者的实现大部分都是通过php module的形式来实现...

css样式设置小技巧汇总

2015-8-19 / 0 评论 / 4733 浏览 / Mrxn

水平居中设置-行内元素 如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。如下代码: html代码: <body> <div class="txtCenter">我是文本,哈哈,我想要在父容器中水平居中显示。<...

自动压缩、加密 CSS/JavaScript 优化网站性能

2015-8-1 / 0 评论 / 7813 浏览 / Mrxn

关于压缩 压缩 CSS 的方法, 无外乎缩写代码和清除多余字符来实现, 平时只要养成使用缩写的技巧就可以明显减少最终代码的整体大小. 在此我就不做过多的描述, 后文也会有简单的压缩代码. 相比于前者, JavaScript 的压缩方式就比较丰富工具也很多, 常用的有: Packer/YUI-compressor/Dojo Compres...

css自适应宽度滑动门菜单

2015-7-23 / 0 评论 / 5752 浏览 / Mrxn

html css width 自适应 什么是CSS自适应宽度滑动门菜单? CSS自适应宽度菜单指菜单的宽度可以随着内容的增加而变宽,就拿下边的实例来说,是按4个字的宽度来设计的,如果其中一项为5个字或更多,就放不下了。那么我们就需要让它的宽度可以随着内容的增减而变化,这就是css自适应宽度菜单。 自适应宽度按...

本博客开通显示IP签名的图片功能了

2014-12-1 / 0 评论 / 10545 浏览 / Mrxn

对于经常逛论坛和在空间写日志的朋友来说,显示IP签名的图片应该并不陌生吧,博主我经过一段时间的折腾,成功了,嘿嘿,下面是效果:大家也可以在论坛或者是空间调用我的这个签名图片了,地址是:https://mrxn.net/ip/ip.asp 例如在论坛签名里面:[img]https://mrxn.net/ip/ip.asp[/img] 就能够直接显示在...

子元素浮动父容器高度不能自适应的CSS解决方法

2014-11-26 / 0 评论 / 8022 浏览 / Mrxn

网页前端工作者经常会遇到子元素设置float浮动后导致父容器高度不能自适应,也就是俗称的外部容器不能被“撑大”,常见表现为背景或边框异常,这时我们就需要来清除“闭合浮动”,方法主要有以下4种:1.  额外标签法这种方法就是向父容器的末尾再插入一个额外的标签,并令其清除浮动(clear)以撑大父容器。这种方法浏览器兼容性好,没有什么问题,缺点就是需要...

HTML语言学习笔记(一):文字特效处理

2014-8-23 / 0 评论 / 8040 浏览 / Mrxn

在学习HTML文字特效处理之前,应该先阅读:Html语言解析对于不熟悉洋文的人来说,HTML确实难。但只要你有悟性、有恒心,静下心来慢慢学,对每个问题琢磨琢磨、捣鼓捣鼓,肯定能学会。 下面一步一步来:        1、写字:点日志---写日志---全部功能---<>---进入...

HTML语言学习教程——HTML语言剖析

2014-8-21 / 0 评论 / 6706 浏览 / Mrxn

  HTML语言学习教程——HTML语言剖析(献给不懂HTML的朋友)  目 录 1、HTML语言剖析之Html简介   ...