【转】【译】让你的网站更炫酷的一些小 tips

原文链接 : 101 Ways to Make Your Website More Awesome原文作者 : Nicholas Tart译文出自 : 掘金翻译计划译者 : 达仔译文链接：https://github.com/xitu/gold-miner/blob/master/TODO/101-ways-to-make-your-website-more-awesome

业界 2016年07月09日

CSS Float nine rules

注：本文是对众多博客的学习和总结，可能存在理解错误。请带着怀疑的眼光，同时如果有错误希望能指出。如果你喜欢我的文章，可以关注我的私人博客:http://blog-qeesung.rhcloud.com/入门前端也算是有三个月之久了，发现Float这个属性一直都很迷惑，只是知道一些简单的浮动规则，并没有深入去学习，一旦遇到一点复杂的浮动场景，自己也就懵了。于是在网上找了数篇关

业界 2016年07月10日

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日

纯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日

浮动(Floats)原理与清除浮动

浮动概念浮动元素会脱离文档的普通流,根据float的值向左或向右移动,直到它的外边界碰到父元素的内边界或另一个浮动元素的外边界为止。由于浮动框不在文档的普通流中,所以文档的普通流中的块级元素表现得就像浮动元素不存在一样。浮动影响浮动元素会造成父元素塌陷当给元素设置float之后,元素脱离文档流,父元素没有设置height,造成塌陷。.super{ border:1px

业界 2016年07月08日

js对象属性

js对象属性有两种访问方式，代码如下：var test={name:'wzh',sex:'man'}var n='name';console.log(test[n]);//第一种：可以动态访问对象属性console.log(test.name);//第二种:不能动态访问对象属性关键字：JavaScript, html5, css, 属性

业界 2016年07月08日

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

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

业界 2016年07月07日

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

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

业界 2016年07月07日

浅谈line-height

基础知识有4种模型，分别是块，块盒模型 containing boxing,包括line行内盒模型 inline boxing ,包含content行模型 line boxing,包含inline,line高度是由最高的inline元素决定.内容区域 content area这部分内容可以着重看 这里有详细的介绍。line-height与line boxes高度由上面的内容

业界 2016年07月07日

切图崽的自我修养－SeaJs重要概念剖析

前言高能预警，前方山路十八弯在上一篇文章里简单的讨论了一下模块化Js, 先来回顾一下目前模块化的两大规范:CommonJs 同步加载模块规范AMD/CMD 异步加载模块规范其中CMD规范的产出是国内目前十分火爆的SeaJs, 这篇文章主要是解释几个使用SeaJs会碰到的重要概念具名模块匿名模块路径即ID原则匿名模块SeaJs定义匿名模块一般采用如下的方式:define(f

业界 2016年07月07日