切图崽的自我修养－优化图片加载流程

前言优化！ 又是优化！切图崽们作为整个web应用的纽带，连接着用户行为和机器性能. 而优化的最终意义，在于在这两者之间取得一个最佳的平衡点.对于图片资源的加载来说，更是如此. 今天我们就来简单说说，项目开发中常见的图片加载优化方式.预加载1.遮罩大法我们经常用jquery, jquery中$(function){})实际上是DOMContentLoaded事件完成的回调，只

业界 2016年07月07日

Tree v3.5 Demo 演示 OutLook 样式的左侧菜单

简介为了让朋友们更容易的学习 zTree，官网给出了大量的 Demo，不同的图标，不同的风格，好学易懂，这是官网链接：zTree v3.5 Demo 演示。由于工作需要，这里只是把组合功能中OutLook 样式的左侧菜单参考Demo源码实现了，分享给大家我的学习所得。Html和CSS下载zTree v3.5 Demo 演示的源码，将下图所示的文件整合出来，并创建一个outl

业界 2016年07月07日

HTML语义化和SEO优化

什么是HTML语义化？　　根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。为什么要语义化？为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看；用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用；有利于SEO：和搜索引擎建立良好沟通，有

业界 2016年07月08日

纯CSS实现扁平化风格开关按钮

开关样式预览图css代码部分input[type=checkbox] {visibility: hidden;}.checkbox {width: 120px;height: 30px;background: # FFF;margin: 1px 1px;border-radius: 10px;position: relative;}.checkbox:before {con

业界 2016年07月08日

web全栈开发修仙传之html5语义化

语义化的意义在于：让html代码优雅易读好维护。 一切尽在代码中 web全栈开发修仙传之html5语义化## web全栈开发修仙传1. 文章1. 问答1. 招聘1. 文章1. web全栈1. web全栈开发修仙传# web全栈开发修仙传1. 时间：2016-07-071. 作者：高久力1. 评论数：500## 创业公司对于创业公司来说，全栈工程师的价值是非常大的，创业公司不

业界 2016年07月08日

CSS不常用属性---Tips2背景

backgrounddiv{ background: red url(img.png) no-repeat scroll left top/100% border-box content-box;}对应的属性全称[background-color][background-image][background-repeat][background-attachment][

业界 2016年07月08日

发送短信验证，后按钮倒计时，防止刷新倒计时失效

应用场景在开发“发送短信验证”功能时候，要解决一个问题，防止恶意或频繁发送短信验证码问题。一般原理是“当点击发送按钮时，发送ajax请求到服务器发送短信验证码，成功则把发送按钮设置为不可点击，并且调用定时器，按钮显示倒计时”。如果就这样不对倒计时存储做处理，那么当刷新页面，会出现倒计时失效，按钮可点击。提供以下解决方案：利用cookie存储倒计时利用HTML5的localS

业界 2016年07月08日

前端面试大全

HTML面试题1.XHTML和HTML有什么区别HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同：XHTML 元素必须被正确地嵌套。XHTML 元素必须被关闭。标签名必须用小写字母。XHTML 文档必须拥有根元素。2.前端页面有哪三层构成，分别是什么?作用是什么?结构层 Html 表示层 CSS 行为层 js;3.你做的页面在哪些流览

业界 2016年07月12日

js 遮罩效果

-------------------------------tipswindown.js------------------------------///-------------------------------------------------------------------------//jQuery弹出窗口 By Await [2009-11-22]//-

业界 2016年07月11日

网站的肥胖症危机（节译版）

1、大多数网站的主要内容是文本，更准确地说，是简短的文本。文本本身并不大，但是展示它们的网页，正变得越来越大。Twitter展示单条评论（140个字符）的页面，超过900KB。Medium的一篇文章大约400个词，页面大小是1.2MB。如果这种趋势持续下去，2020年，网页的体积平均将超过5MB，比一本俄罗斯长篇小说还大。比如，陀思妥耶夫斯基的《罪与罚》，文本压缩后不到80

业界 2016年07月11日