kikajack的博客

JSON格式JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。JSON用完全独立于编程语言的文本格式来存储和表示数据。实际上JSON就是字符串，描述了一个对象（花括号）或数组（方括号）。例如：'{"name":"jack","age":25}'或'[{"name":"jack","age":25}, {"name":"rose","ag

后面的所有例子，都分为 3 层嵌套：父元素，子元素，内容。其中父子元素都是块级元素 div。1. flex 布局加属性 justify-content，align-items父元素设置属性 display: flex; justify-content: center; align-items: center;。 2. flex 布局加子元素设置属性 margin父元素设置属性

1. 文档流文档流是文档中的盒子模型按顺序排列形成的，是相对于盒子模型讲的。 文本流是由文字段落组成的。 浮动、绝对定位、相对定位使得元素脱离文档流。2. 浮动 float1） 特性元素添加 float 属性浮动后，会跳出文档流，加入当前盒子模型的浮动流。 当浮动元素后面还有正常文档流中的元素时，会直接在浮动元素的下面布局（可以通过构建 BFC 防止覆盖）。但是文本流中的文字会围绕浮动元素布局

MDN 资料可用位置Content-Disposition 消息头最初是在 MIME 标准中定义的，HTTP 表单及 POST 请求只用到了其所有参数的一个子集。在常规的 HTTP 应答中，Content-Disposition 消息头指示回复的内容该以何种形式展示，是以内联的形式（即网页或者页面的一部分），还是以附件的形式下载并保存到本地。在multipart/form-data类型的应答消息

XMLHttpRequest - Living Standard 一直更新的官方标准 MDN XMLHttpRequest 使用 描述 XMLHttpRequest-2 新功能的博客文章1. 异步模式或同步模式XMLHttpRequest 对象的 open() 方法的第三个参数 async 设为 false 时，该 XMLHttpRequest 请求以同步模式进行。同步模式用户体验差，...

MDN XMLHttpRequest 定义 MDN XMLHttpRequest 使用XMLHttpRequest 支持的数据类型：所有类型的数据资源，并不局限于 XML。 XMLHttpRequest 支持的协议：HTTP，file，FTP。通过构造函数 XMLHttpRequest() 可以构造一个 XMLHttpRequest 对象。通过 open() 方法初始化，send() ...

1. 盒模型的宽高1.1 标准盒模型标准盒模型中，设置盒子的 width 和 height 属性时，实际上只是设置了盒子中 content 内容区的 width 和 height ，盒子实际宽高还要加上 border 和 padding。 标准盒模型的盒子的宽度 = border-left + padding-left + width + padding-right + border-r

1. form 表单的 Content-Type 类型1.1 通过 HTTP 的 POST 方式提交数据时，常见的数据类型有四种：application/x-www-form-urlencoded（ 表单默认数据类型）multipart/form-data（ 表单可以通过添加 enctype 属性实现："）application/json （AJAX 中常用。PHP 无法通过 $

MDN - Document API文档 MDN - FormData API文档 MDN - Blob API文档 MDN - File API文档 MDN - ArrayBuffer API文档 张鑫旭博客的相关文章window.URL，FileReader 对象，ArrayBuffer 对象都牵扯到很多知识。XMLHttpRequest 指定了 responseType 属...

@font-face MDN 资料 @font-face 用法的参考博客 WebFont 技术的参考博客 开源项目 webfontloader 开源项目 字蛛（中文字体压缩器） 中文字体网页开发指南 - 阮一峰 @font-face 兼容性，如何用 @import 或 link 标签引入字体，各种字体格式详解 科大博客提供 Google Fonts 加速 360网站卫士常用前端公共...

一. 块级元素，行内元素，行内块级元素块级元素：display:block，对于 div，p，h1 等标签，每个元素独占一行，并尽可能的充满整个容器。多个元素从上至下依次排列。 行内元素：display:inline，对于 span，a 等标签，多个元素可以在一行内依次排列。元素的宽度和高度无法设置。垂直方向的内外边距和边框无法调整。需要调整垂直尺寸时，可以用 line-height 行高。

FormData 对象的使用 FormData 定义1. FormData 对象FormData 对象是 ES6 中的对象，IE10 以下不兼容。 利用FormData对象，可以通过 JavaScript 用键值对来模拟一系列表单控件，还可以使用 XMLHttpRequest 的 send() 方法来异步的提交这个”表单”。比起普通的 ajax，使用 FormData 的最大优点就

1. 通配符选择器 *通配符选择器 * 可以选中所有的元素。作用范围太大，可能会导致性能比较差。* { margin: 0px;}2. ID 选择器 #ID 选择器每次只选中一个具有指定 ID 的元素。 ID 在每个 HTML 页面上具有唯一性，稀缺性。 <div id="nav"></div>#nav { position: relative;}3. 类选择器 .类选择器每

最近在做手机版网站，对比了jQuery Mobile，zepto，mui，最后选定mui。官方文档位置：http://dev.dcloud.net.cn/mui/ui/注意事项：1. DOM结构关于mui页面的dom，你需要知道如下规则。固定栏靠前所谓的固定栏，也就是带有.mui-bar属性的节点，都是基于fixed定位的元素；常见组件包括：顶部导航栏（.mui-bar-nav）、底部工具条(.

作为一个流行多年的轻量级 JavaScript 库，jQuery的文档是相当丰富，列举几个： http://www.w3school.com.cn/jquery/ http://jquery.cuishifeng.cn/ http://www.jquery123.com/ 而且随着移动端兴起，jQuery也推出了移动版的jQuery Mobile（移动端jQuery框架）。 http://

参考： https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS https://www.w3.org/TR/cors/ http://www.ruanyifeng.com/blog/2016/04/cors.html一. 概述CORS（Cross-Origin Resource Sharing，跨域资源访问）：

参考 https://developer.mozilla.org/zh-CN/docs/Web/Security/Same-origin_policy http://www.ruanyifeng.com/blog/2016/04/same-origin-policy.html1. 同源策略同源策略（same-origin policy）：限制从一个源加载的文档或脚本如何与来自另一个源的

1. 原理及特性原理：通过 script 标签引入 JavaScript 代码不受同源策略限制。<script src="http://xx.com/my_function.php?a=x&b=666"></script>特性：JSONP 兼容所有的浏览器。但是只能用 GET 请求。 script 标签引入的文件内容是不能够被客户端的 JavaScript 获取到的，不会影响到被引用文件的安全，

参考链接： npm 官网文档：https://docs.npmjs.com一. npm 是什么npm（node package manager，node 包管理器）：顾名思义，就是用于安装、卸载、更新、查看和搜索 node 包的工具。二. npm 生态类似于 Linux 下的 apt-get，yum，PHP 中的 Composer，通过 npm 可以方便的管理各种 node 包，而不用再去管麻烦的

CSS 字体参考资料1. 字体相关属性 属性 意思 font-size 字体大小，单位有 px 像素，em 相对父元素，rem 相对于根 HTML 元素。PC 端浏览器默认是 16px。 font-family 字体系列，常用的有 ‘PingFang SC’，’Microsoft Yahei’，simsun font-weight 字体粗细

1. 分类CSS 中，伪类可以分为三类：链接伪类：链接（<a> 标签）的不同状态有不同的伪类可以表示。状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。位置伪类：选取父元素的指定子元素时，可以使用结构伪类，包括第一个子元素，最后一个子元素，第 N 个子元素，倒数第 N 个子元素。目标伪类：选取当前活动的目标元素。2. 链接伪类对于链接标签 <a>，有四种状态：link（活动状态

1. link 用法语法："url路径" rel="stylesheet" type="text/css" media="媒体查询列表"/>示例："common.css" rel="stylesheet" type="text/css" media="print,tv"/>link 是 HTML 文件中的标签，在 标签中使用。如果指定了媒体查询类型，则只有在满足条件的

浏览器在解析 HTML 文件时，对于每一个 link 标签和带 src 属性的 script 标签，都会发起请求获取对应的文件。为了优化页面的加载速度，通常会把稍后才使用到的文件（比如字体文件，某个页面才会用的文件）异步加载。1. 异步加载 JavaScript只要在 script 标签中添加 async 属性，即可实现异步加载。下面两种写法都可以：script async="asyn