初识 Ionic and Cordova
缘起
公司遗留了一个 Android 项目要负责一下，赶紧打算下载 Android Studio 搭建环境，回头一把啦代码大部分后缀.ts，这不是 typescript 格式？再看目录，整个一 web 项目类似，细看，原来是 Cordova 项目而且还用上了 Ionic。一言难尽… 然后，开始 Cordova 和 Ionic 之旅。
什么是 Cordova 和 Ionic
Cordova
ordova提供了一组设备相关的API，通过这组API，移动应用能够以JavaScript访问原生的设备功能，如摄像头、麦克风等。
Cordova还提供了一组统一的JavaScript类库，以及为 ...
概述EFI、UEFI、MBR、GPT
EFI、GPT、MBR是什么？这些专业术语不难理解，UEFI属于主板类名词，其作用类似于BIOS。GPT、MBR则属于硬盘类名词，它们的作用类似一艘航母的骨架，有了这个骨架，我们才可以进行细致到诸如C、D、E等盘符的分区。
一块硬盘接驳主机之后，它的首要任务建立分区列表，分区列表有MBR和GPT两种，其中MBR分区列表支持最大2TB硬盘，GPT分区列表支持最大128PB(1PB=1024TB)。
什么是 MBR
MBR（Master Boot Record）：即硬盘的主引导记录分区列表，在主引导扇区，位于硬盘的cylinder 0， head 0， sector 1 （Sector是从1开始 ...
Tab和换行符在HTML行内元素间将会引入间距
HTML 文本中的控制字符会被解析为文本节点
示例：
1234<div id="container"> <div class="item"></div> <div class="item"></div></div>
12345678910111213141516@charset utf-8* { margin: 0px; padding: 0px;}#container { display: inline ...
CSS3与页面布局学习总结系之二 —— Box Model、边距折叠、内联与块标签、CSSReset
此系列文章为转载文章，原出完整系列已经不从考证。从不同地方摘录到此，以备阅读方便,特此记录。
盒子模型（Box Model）
盒子模型也有人称为框模型，HTML中的多数元素都会在浏览器中生成一个矩形的区域，每个区域包含四个组成部分，从外向内依次是：外边距（Margin）、边框（Border）、内边距（Padding）和内容（Content），其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型，加上了doctype声明，让所有浏览器都会采用标准 w3c 盒子模型去解释你的盒子。
当设置一个元素的样式如下示例：
1234567891011121314151617181920 ...
CSS3与页面布局学习总结系之一 —— 概要、选择器、特殊性与刻度单位
此系列文章为转载文章，原出完整系列已经不从考证。从不同地方摘录到此，以备阅读方便,特此记录。
web前端开发者最最注的内容是三个：HTML、CSS与JavaScript，他们分别在不同方面发挥自己的作用，HTML实现页面结构，CSS完成页面的表现与风格，JavaScript实现一些客户端的功能与业务。当然内容与用户资源也是不能忽视的。尽量不要跨职责范围使用，有点“SRP单一职责”的意思，如字体大小应该是CSS控制的，就不应该使用HTML标签完成，如果CSS能解决的问题尽量不要用JavaScript完成。
CSS3 概要
CSS（Cascading Style Sheet）是层叠样式表的 ...
前端参考 -- CSS 时间轴多例
纵向时间轴
纵向时间轴
下载地址
演示和代码
效果图
纵向时间轴
下载地址
演示和代码
效果图
纵向时间轴
下载地址
演示和代码
效果图
纵向时间轴
下载地址
演示和代码
效果图
纵向时间轴
下载地址
演示和代码
效果图
纵向时间轴
下载地址
演示和代码
效果图
纵向时间轴
下载地址
演示和代码
效果图
纵向时间轴
下载地址
演示和代码
效果图
纵向时间轴
下载地址
演示和代码
效果图
纵向时间轴
下载地址
演示和代码
效果图
纵向时间轴
下载地址
演示和代码
效果图
纵向时间轴
...
前端参考--项目实践
前端代码的结构组织和文件的命名
前端代码的结构组织
123456789101112131415www │ | index.html | 文件 | 项目入口 | | +---css | 目录 | 放置 CSS 样式的代码 | | custom.css | 文件 | 业务相关样式文件 | | rest.css | 文件 | ...
前端参考 -- HTML标签之块级标签、行内标签、行内块标签
块级元素
独占一行，对宽高的属性值生效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽；
块级元素包含：p、div、ul、ol、li、dl、dt、dd、h1~h6、form；
特点：独占一行，对高度、宽度、行高以及顶和底边距都可设置的属性值生效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽；
p标签：段落标签，段落文字使用，默认格式：段尾进行换行；
div标签：划分块的主要使用标签；
ul标签：无序列表的主标签，后面的标号为圆点（黑色）；
ol标签：有序列表的主标签，后面一般跟有序的1,2,3,4,5…；
li标签：列表中的主体使用标签
dl标签：自定义 ...
前端参考 -- CSS 选择器
每一条css样式定义由两部分组成，形式如下：选择器{样式} 在{}之前的部分就是“选择器”。 “选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。
基础选择器
通用元素选择器 *: 所有的标签都变色
标签选择器：匹配所有使用p标签的样式 p{color:red}
id选择器：匹配指定的标签 #p2{color:red}
class类选择器：谁指定class谁的变色，可选多个 .c1{color:red} 或者 div.c1{color:red}
123456789101112131415161718192021 ...
前端参考 -- HTML 引入JS、CSS 方式
HTML引入CSS样式
HTML引入CSS样式的方式
HTML 引入 css 样式有四种方式：分别为内联定义、链入内部CSS和链入外部CSS。有一点注意，样式表放在不同的地方，产生作用的范围不同。
内联定义
内联定义，即在对象的标记内使用对象的style属性定义适用的样式表属性，格式定义为 :，如下示例:
123456789101112<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>内联定义</ ...