QiuHuanmin-CSDN博客

原创 css3学习笔记（一）：伸缩布局盒模型flexbox

Flexbox模型基础知识 Flexbox布局对于设计设计较复杂的页面非常有用，可以轻松的实现屏幕和浏览器窗口大小发生变化时保持元素的相对位置和大小不变。同时减少了依赖于浮动布局实现元素位置的定义以及重置元素的大小。其功能主要有以下几点：Ø 屏幕和浏览器窗口大学发生改变也可以灵活调整布局Ø 指定伸缩项目沿着主轴或侧轴按比例分配额外空间，从而调整伸缩项目大小Ø 指定伸缩

2016-04-11 09:50:18 1248

原创栅格化设计

栅格设计系统，是一种屏幕设计的方法与风格，运用固定的格子设计版面布局，其风格工整简洁。网页栅格系统从平面栅格系统中发展而来，对于网页设计而言，栅格系统的应用，不仅可以让网页的信息呈现更加美观易读，更具可用性。网格布局的作用在于更有效的控制网页中所占比例的大小。比如，博客中有一个留言的模块，在较大的屏幕上，我们希望它占右边25%的宽度，在手机等较小的屏幕上，我们希望占100%宽度，出现在博客文章

2016-04-11 09:43:21 4028

原创关于居中问题

涉及到居中问题，大家首先想到的肯定是margin、text-align、vertical-align这些，然而这些具体是怎么回事呢？通过css实现元素的居中，主要有以下几种方法：水平居中1.margin：0 auto实际上是把元素的margin-left、margin-right均设为0，将元素进行水平居中，但是此方法对浮动元素及绝对定位元素无效。2.text-align：cen

2016-03-28 22:01:56 861

原创浅谈BFC

之前，对于BFC的概念很模糊，前几天做了百度前端技术学院第一阶段的任务3、任务6、任务8，涉及到了这个问题。师兄讲说让我去了解下BFC，于是乎，通过翻阅资料、百度科普，就有了这篇文章。简单总结一下对BFC的认识。 1.什么是BFC BFC即Block Formatting Content。首先大家知道Box即CSS布局的对象和基本单位，是盒模型，不同类型的Box会参与不同

2016-03-24 11:05:11 739

原创 js跨域问题整理

到此为止，已参与了百度与阿里的实习岗位一面，其中都提到了跨域问题，所以在这做一下整理。 1. 什么是跨域？概念：只要协议、域名、端口有任何一个不同，都被当作是不同的域。URL 说明是否允许通信http://www.a.com/a.jshttp://www.a.com/b.js 同一域名下

2016-03-05 09:46:29 479

转载 HTML CSS 特殊字符表

HTML有许多特殊的字符，您对此有多少了解？平时在WEB制作中，您又有用到多少？或者说你在平时使用之时，是否也会碰到，有许多特殊字符要如何打印出来？比如说“笑脸”，比如说“版权号”。要是你用时忘记了这些特殊字符，不要紧，请记住今天这个地址，你就随时可以查到这些特殊字符的表示方法。简单的介绍一下其使用方法：1、这些字符属于unicode字符集，你的文档需要声明为”utf-8“

2016-02-24 17:28:21 627

原创百度前端研发实习岗面试总结

一月份的时候，经一师兄介绍，申请了百度内推的前端实习生。由于准备不充分不幸一面被刷，由于春节期间事情较多，没来得及整理，趁现在还没全部忘掉做一下总结。总体来说一面主要是基础知的前端识，更多的是有关HTML、CSS基础知识，JS以及现有的框架很少涉及。但越是基础的越不能小觑。面试题目大概有以下几个（可能没那么全面）：一面是电面，时间大约一个小时。首先是自我

2016-02-24 09:56:16 1445

原创 ajax VS websocket总结

由于在实际项目中，前后端非实时数据交互使用Ajax，实时数据交互使用WebSocket。在此做一下总结。

2016-02-22 21:16:33 13047 3

QiuHuanmin的博客