黄庆的博客 | HUANG QING BLOG

chrome调试

使用chrome调试android前端页面

使用chrome调试android前端页面下载Chrome浏览器官方教程：remote-debugging 开源工具Stetho 功能：安卓远程调试目前支持所有操作系统（Windows,Mac, Linux, and Chrome OS.）中调试，支持：调试站点的页面调试安卓原生App中的WebView 实时将安卓...

Posted by huangqing on December 12, 2016

Ajax 文件上传-异步上传方案

Ajax 文件上传-异步上传方案使用第三方控件（Flash，ActiveX, 浏览器插件等）优点：交互与可控性好（多文件、进度展示、续传、暂停）性能好（可使用底层协议通信）缺点：需要浏览器安装插件使用隐藏的iframe模拟异步上传优点：浏览器原生支持，不需要插件广泛的浏览器兼容性缺点：交互差，体验差，上传过程基本...

Posted by huangqing on November 16, 2016

Ajax

XHR

一、什么是Ajax Ajax（Asynchronous JavaScript And XML）是2005年新出现的技术，它的出现是为了解决这样一个场景：整个页面中，只有一小部分的数据需要进行更新，按照传统的前后端交互，我们需要向服务器请求该网页的所有数据，然后再在客户端重新渲染，这无疑是非常低效的操作。因此，Ajax就可以做到只向服务器请求我们想要的那一小部分数据，而不用请求全部数据，进而...

Posted by huangqing on November 16, 2016

Raphael（拉斐尔）

Raphael（拉斐尔） raphael raphael reference raphael github 参考 timeline topology-diagram paper var paper = Raphael(0, 0, 600, 600); paper.clear(); paper.setSize(width, height); pap...

Posted by huangqing on September 12, 2016

Flexbox 盒模型

CSS box-sizing Flexbox

Flexbox CSS Css3-flexbox Flexbox——快速布局神器一个完整的Flexbox指南 CSS3 Flexbox属性可视化指南 Autoprefixer 布局问题 Flexbox属性图从第一个子节点可以看到Flexbox由Flex容器和Flex项目组成，容器即父元素，项目即子元素。他们之间的一些关系可以这样来表示： Flex容器 ...

Posted by huangqing on August 16, 2016

display:inline-block

CSS display inline-block

display:inline-block display值 none ：隐藏对象。(注意，与visibility:hidden不同，这货是彻底的消失，不保留物理空间。) inline ：指定对象为内联元素。 block ：指定对象为块元素。 list-item ：指定对象为列表元素。 inline-block ：指定对象为内联块元素。 inline-table ：制定对象为...

Posted by huangqing on August 15, 2016

CSS权重

CSS Specificity

CSS权重 CSS权重：概述权重决定了哪一条规则会被浏览器应用在元素上。权重的不同，是所期望的效果没有通过css规则在元素上生效的主要原因。权重的级别划分时包含了所有的css选择器。如果两个选择器作用在同一元素上，则权重高者生效。权重的级别根据选择器被划分为四个分类：行内样式，id，...

Posted by huangqing on August 12, 2016

float 浮动

CSS float

float 介绍 float即为浮动，在CSS中的作用是使元素脱离正常的文档流并使其移动到其父元素的“最左边”或“最右边”。文档流：在html中文档流即为元素从上至下排列的顺序。脱离文档流（浮动层）：元素从正常的排列顺序被抽离。给元素的float属性赋值后，就是脱离文档流，进行左右浮动，紧贴着父元素(默认为body文本区域)的左右边框。最左边/最右边：上述的移动到父...

Posted by huangqing on August 9, 2016

盒模型 box-sizing

CSS box-sizing

box-sizing box-sizing是CSS3的box属性之一。 box-sizing ： content-box || border-box || inherit 初始值 content-box 关键字: box-sizing: content-box; box-sizing: border-box; 全局值: box-sizing: inherit; box-siz...

Posted by huangqing on August 8, 2016

Css Important

CSS - !important

!important 早在90年代中期到后期起草的 CSS1规范中就介绍过!important，它能够帮助开发者和用户在修改样式表的时候轻松覆盖原本的权重。一直以来!important的用法几乎没变，只在CSS2.1中有一点变化，并且在CSS3规范中没有对它做任何添加和修改。层叠的概述下面的提纲描述了CSS文档是如何确定给不同的样式分配不同的权重的。在CSS规范中提及的关于层叠的...

Posted by huangqing on August 7, 2016

HUANG QING BLOG