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

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

业界 2016年08月05日

写了一个web os脚手架

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

业界 2016年08月05日

Web标准制定过程

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

业界 2016年08月04日

magi中的2种事件绑定方式

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

业界 2016年08月04日

css实现文字越界加点点点显示，并且后面紧跟一个图标

文字越界添加...显示 在HTML页面上，会遇到当文字长度超出一定长度的时候，将超出的部分显示为...的情况，这个功能很好实现，很多人都可以直接写出来。 示例代码： .demo {display: block;text-overflow: ellipsis; //显示省略符号来代表被修剪的文本，也可以自定义overflow: hidden; //溢出内容隐藏white-sp

业界 2016年08月03日

CSS按钮体验提升技巧之:before/:after与自定义data-*的妙用

其实网上已经有很多各类效果的了，例如: http://tympanus.net/Developme... 神人太多了，我也找到了一种比较好的按钮制作方法，体验不错，演示动画截图如下： 一种不错的增进体验的效果噢~ 具体代码实现搓这里，http://output.jsbin.com/kepiqac 关键字：css, 按钮, #data-# 妙用

业界 2016年08月03日

最初，唯有时光记得

回顾Retrospect to the past and look into the future最近在积极地学习webview，原本打算整理一下写成一篇文章。无奈时间有限，暂时没有把握把webview要学习的知识写清楚，个人也还在摸索中。此外从周末开始迁移自己的文章到gitbook上，加上处于实习的尾声，突然发现这周可能无法完成，突然有些慌，把自己写的gitbook的序拿

业界 2016年08月03日

小白上学のcanvas零基础

元素看起来和 元素很相像，唯一的不同就是它并没有 src 和 alt 属性。实际上， 标签只有两个属性—— width和height。当没有设置宽度和高度的时候，canvas会初始化宽度为300像素和高度为150像素。该元素可以使用CSS来定义大小，但在绘制时图像会伸缩以适应它的框架尺寸：如果CSS的尺寸与初始画布的比例不一致，它会出现扭曲。元素有一个做 getConte

业界 2016年08月03日

一个前端写的php博客系统2--前台展示+后台登录

部署的演示地址我的博客地址： http://www.weber.pub 可以查看到具体的站点展示github 地址：https://github.com/baiyuming/byblog前台首页展示首页的侧边预留的位置是给后面的统计，热门之类的版块预留位置。。。控制器文章列表展示要考虑到文章数量增多后分页展示，那么我们要统计文章数量，使用 count() 计算文章总数，然后

业界 2016年08月01日

一个纯CSS3实现的酷炫翻书效果

项目地址：https://github.com/BUPT-HJM/c...demo地址：https://bupt-hjm.github.io/cs...欢迎大家的star啦~效果细节其实项目中的关键在于几个属性，perspective和rotate,便是透视和旋转perspective属性指定了观察者与z=0平面的距离，使具有三维位置变换的元素产生透视效果。z>0的三维元素

业界 2016年07月25日