基于Bootstrap做定制，并与官方库保持更新的方法

bootstrap是一个很好的css框架，可以给项目提供一个良好的css框架基础，但是很多情况下我们需要对bootstrap做一些定制以适应项目的需求。定制bootstrap的方法有很多种，如果你想深入到bootstrap源码进行定制的话，那么本文是比较适合你的。下面讲一下如何用git管理你的bootstrap定制项目，并能够与bootstrap官方库保持更新的方法。git

业界 2016年07月17日

css中的那些布局

因为最近心血来潮，就总结了一下css中的几种常见的多列布局。两列自适应布局两列自适应布局算是css布局里面最基础的一种布局了，不少网站在使用。这种布局通常是左侧固定，右边自适应，当然也有反过来的，道理一样，这里有好几种方法。 (张鑫旭老师的博客是左边流式布局，右边固定宽度）左浮动+margin 因为浮动会导致元素脱离文档流，所以下面的元素会占据浮动元素原来的位置。 这个时

业界 2016年07月18日

一些css小问题

块级元素，引用百度百科块级元素特点：①总是在新行上开始；②高度，行高以及外边距和内边距都可控制；③宽度缺省是它的容器的100%，除非设定一个宽度。④它可以容纳内联元素和其他块元素行级元素，引用百度百科块级元素特点：①和其他元素都在一行上；②高，行高及外边距和内边距不可改变；③宽度就是它的文字或图片的宽度，不可改变④内联元素只能容纳文本或者其他内联元素（‘缺省’我也不知道是什

业界 2016年07月18日

css居中最佳实践

css居中是非常常见的问题，也是面试热门，现在对居中问题做个总结水平居中万能的text-align居中给父元素添加text-align:　center,子元素都会居中，无论是inline还是block缺点：text-align属性会继承会影响后代元素display: table配合margin: 0 auto.center {display: table;margin: 0

业界 2016年07月18日

书页效果

书页效果.book {position: relative;width: 200px;height: 248px;margin-left: 20px;border: 1px # eee solid;background-color: # fff;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2)}.book::after {positi

业界 2016年07月18日

移动web开发浅谈之那些我们需要知道的基础

前言开发生涯总是丰富多采，工作多年，不同领域还是逃不过雨露均沾，之前开发过android，微信，ios，web网站也玩过。但是对于移动web这一块，确实没有专门很深入的学习，现在需要做了，也将自己的学习过程记录下来，供大家互相学习，说的不对，可以报警。正文概念本次要谈的移动web不是web app，只是很普通的移动端的web界面。移动web可以这么理解：就是把以前在pc上的

业界 2016年07月18日

使一个div垂直+水平居中的几种方法

前几天去一家互联网公司面试，面试官问到了这个应该算是比较简单的问题，在我自认为回答正确时，才知道这道题的答案有很多种，下面就让我们一起来探讨一下这个问题：思路1：绝对定位居中（原始版）这个是我回答出来的，也是被各位所熟知的一种方法，设外层div相对定位，内层div绝对定位，top、left分别设为50%，然后通过设置margin-top、margin-left值为宽度的负数

业界 2016年08月05日

Web标准制定过程

W3C的标准规范是怎么制定出来的？浏览器厂商是收到来自w3c的规范标准才结合自己的浏览器进行开发更新以支持新特性吗？一直很好奇，搜集了一些资料，主要参考了W3C CSS工作组特邀专家Lea Verou写的《CSS揭秘》和W3C的官方介绍。一. W3CW3C，一直被大众认为是Web标准的制定者，我们遇到的很多问题，大部分都能通过研究W3C官网上发布的文档解决（官方文档也是最好

业界 2016年08月04日

写了一个web os脚手架

预览地址在这里：http://thx.github.io/magix-os/ 项目地址在这里：https://github.com/thx/magix-os 介绍下目录结构 核心目录cores主要是构成web os的桌面、对话框、图标、任务栏等 插件目录plubins主要是各种插件的实现 接口目录services是接口请求的实现 皮肤目录themes是修改整个风格的 面向用

业界 2016年08月05日

magi中的2种事件绑定方式

可操作html与jsmagix采用html与js文件分离的写法，当我们在阅读时，希望能直观的看出节点绑定了哪些事件或这个函数是为哪种事件服务的。如下htmlsave我们在阅读上述html片断时，可直观的看到内容为save的button绑定了click事件，且调用的是save方法再如下jsrender: function() {//render codes},'save':

业界 2016年08月04日