css

Fle 布局教程：语法篇

Flex 布局教程：语法篇（修改转载自阮一峰老师的博客）网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它

业界 2016年06月29日

webstorm和node配合使用的一些小技巧之Eternal tools

webstorm和nodejs都是神器，只是我一直都没有发掘出来他们的厉害之处要说webstrom和node的配合使用不得不说一下平时的工作流程这里以css为例根据页面划分功能模块根据模块写less或者修改less编译less为css压缩css并上传都说前端是网页设计，其实写css也可以很“面向对象”或者说“面向结构”从最早的web页面开始时，样式是写在HTML里面的，后来

业界 2016年06月28日

如果你正在念大学，恰好也知道前端

开公众号以后，我的生活发现了一些细微的变化。偶尔会有一些朋友会加我的微信，和我聊上几句，这让我知道了许多别人的故事。除了工作几乎没有和谁私聊过的微信，似乎多了一丝不一样的活力。今天正迷迷糊糊的琢磨着angular时，微信发来一个通知，有一个复姓欧阳的同学申请加我好友，字里行间感觉得出来他对前端的小兴趣。令我感慨的是，他是一名大一学生。对于大一已经过去6、7年的我而言，某然间

业界 2016年06月28日

web入门+书籍推荐

如果你想建立一个自己的网站，你可以从网上搜到许多的教程：比如wordpressgitpages等等。如果你想了解这个框架是怎么工作的，你可以了解以下下面的三个基本概念：服务器，数据库，前端工程（即以前页面制作的升级版）服务器首先，我先简单的介绍一下服务器。服务器，顾名思义，是提供服务用的。打个比方，你在浏览器窗口中输入http://baidu.com，就能看百度的首页。这是

业界 2016年06月28日

业务开发情境之：实现一个@功能

最近接到了一个业务需求，让用户能够通过网页聊天框的方式在线完成交易，一个用户可能有多个业务群，其中一个功能就是要@人，@这个功能在现实的应用中经常可以遇到，比如微博、QQ都有@功能，今天我们就以前端的方式谈谈怎么一步步实现一个@功能。@功能涉及到的原生APIobj.selectionStart获取光标位置obj.setSelectionRange(n, n)设置光标位置ke

业界 2016年06月26日

玩转 css 居中

文字居中文字的水平居中对于非 inline 元素内的文字水平居中都可以通过 text-align: center; 完成。也可以设置 margin: 0 auto;文字（单行）的垂直居中这种场景通常在修正 input 框光标和文字的位置。设置 line-height 的值等于 height 即可。文字（单行）的相对居中/Users/alex/Desktop/24319F76

业界 2016年06月26日

（CSS）带有右侧边栏的响应式页面的CSS样式

一、目的要创建一个响应式页面：右侧边栏为div.right-bottom，左侧内容为div.left-top。当窗口宽度大于700px时，随着窗口大小的变化，div.right-bottom的width与height固定不变，div.left-top的width与height自动调整。当窗口宽度小于700px时，上述div.left-top在上，div.right-bott

业界 2016年06月26日

元素未知宽高水平垂直居中

用text-align: center; 和 vertical-align: middle; 搭档使用，要么你的父级元素display设置为tabl-cell，要么你得有参照物；用定位，left: 50%; top: 50%; 但是你得把多偏移的一半的宽高找补回去；用新的属性，例如display:flex;关键字：css, display, 参照物, 父级

业界 2016年06月26日

移动端点击事件全攻略，这里的坑你知多少？

看标题的时候你可能会想，点击事件有什么好说的，还写一篇攻略？哈哈，如果你这么想，只能说明你too young to simple.接触过移动端开发的同学可能都会面临点击事件的第一个问题：click事件的300ms延迟响应。不能立即响应给体验造成了很大的困扰，因此解决这个问题就成为了必然。这个问题的解决方案就是：zepto.js的tap事件。tap事件可以理解为在移动端的cl

业界 2016年06月25日