0%

什么是 DOM 节点

根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:

  • 整个文档是一个文档节点
  • 每个 HTML 元素是元素节点
  • HTML 元素内的文本是文本节点
  • 每个 HTML 属性是属性节点
  • 注释是注释节点
阅读全文 »

简介

CORS

CORS (Cross-Origin Resource Sharing,跨域资源共享)是 HTTP 的一部分。它由一系列传输的HTTP头组成,这些HTTP头决定浏览器是否阻止前端 JavaScript 代码获取跨域请求的响应。

所谓的跨域,就是看网站的域名和网站中请求的资源对应服务器域名是否同源,同源的定义见后文。

阅读全文 »

水平居中对齐

方案一

  • 适用范围

只能用于块元素 水平居中对齐。

  • 介绍

子元素指定 width,同时将 margin-left 和 margin-right 设置成 auto;

缺点是 只能做到水平居中对齐,不能竖直居中对齐,比如设置 margin: auto; 和设置 margin-left:auto; margin-right:auto; 效果相同

阅读全文 »

媒体查询(Media queries)被用于根据设备的大致类型(如打印设备与带屏幕的设备)或者特定的特征和设备参数(例如屏幕分辨率和浏览器视窗宽度)来修改网站或应用程序的样式。

媒体类型

媒体类型(Media types)用于描述设备的一般类别。除非使用 not 或 only 逻辑操作符,媒体类型是可选的,默认是 all 类型。

  • all

适用于所有设备。

  • print

适用于在打印预览模式下在屏幕上查看的分页材料和文档。(有关特定于这些格式的格式问题的信息,请参阅分页媒体。)

  • screen

主要用于屏幕。

阅读全文 »

选择器分组

使用相同布局配置的元素可以在一起声明:

1
2
3
h1,h2,h3,h4,h5,h6 {
color: green;
}

继承选择器

针对 body 定义布局:

1
2
3
body {
font-family: Verdana, sans-serif;
}

还可以只对 p 定义:

阅读全文 »

基础概念

  • pixel (Picture Element)

用于显示领域

pix 是 picture 的常用简写,加上单词 element 的前缀 el 就得到 piexl,中文翻译成像素,是图像显示的基本单位。

需要注意的是,像素并不是个物理长度单位,但是它和物理长度之间有换算关系,后面会讲到。

  • ppi (Pixels Per Inch)

用于显示领域

表示每英寸像素数目。显然 ppi 数值越高图像就能显示的越清晰。ppi 的计算公式为:

ppi = 屏幕分辨率 / 屏幕宽度(单位 inch)

比如 iPhone 8 的屏幕分辨率是 750 * 1334,对应的屏幕宽度是 2.3 inch,则 iPhone8 的 ppi 为:

阅读全文 »

在 Javascript 语言体系中,是不存在类(Class)的概念的,Javascript 中不是基于‘类的’,而是通过构造函数(constructor)和原型链(prototype chains)实现的。但是在 ES6 中提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板。通过 class 关键字,可以定义类。基本上,ES6 的 class 可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的 class 写法只是让原型对象的写法更加清晰、更像面向对象编程的语法而已。

阅读全文 »

语法

1
Object.assign(target, ...sources);

该方法用于将一个或多个源对象的 所有可枚举属性值 复制到目标对象。

返回值就是 target 对象。

阅读全文 »

一、定位权限分类

1、Always

在 iOS 8 之前的系统中,我们不需要单独调用任何接口,默认就是,也只有 Always 定位权限。

在 iOS 8 和之后的系统中,要想申请 Always 权限,需要手动调用下面的方法:

1
- (void)requestAlwaysAuthorization API_AVAILABLE(ios(8.0)) API_UNAVAILABLE(macos) API_UNAVAILABLE(tvos);

另外 Always 权限要求必须在 plist 里有对应配置(具体配置项在 系统定位权限弹框 一节里有介绍),否则调用该方法也不起作用。

通过此方法申请的定位权限在前台、后台都能够使用定位数据,但 App 应该视情况在不需要的时候主动关闭定位,以节省电量。

阅读全文 »