HTML-05-HTML标签：字体标签和超链接
本文主要内容字体标签： <font>、 <b>、 <u> 、<sup> 、<sub>
超链接 <a>
字体标签特殊字符（转义字符）
：空格 （non-breaking spacing，不断打空格）
<：小于号（less than）
>：大于号（greater than）
&：符号&
"：双引号
'：单引号
©：版权©
™：商标™
绐：文字绐。其实，#32464是汉字绐的unicode编码。
比如说，你想把<p>作为一个文本在页面上显示，直接写<p>是肯定不行的，因为这代表的是一个段落标签，所以这里需要用到转义字符。应该这么写：
这是一个HTML语言的<p>标签
正确的效果如下：
错误的效果如下：
其实我们只要记住前三个符号就行了，其他的在需要的时候查一下就行了。而且，EditPlus ...
HTML-06-HTML标签：图片标签
img标签介绍介绍img: 英文全称 image（图像），代表的是一张图片。
如果要想在网页中显示图像，就可以使用img 标签，它是一个单标签。语法如下：
<img src="图片的URL" />
能插入的图片类型
能够插入的图片类型是：jpg(jpeg)、gif、png、bmp等。
不能往网页中插入的图片格式是：psd、ai等。
HTML页面不是直接插入图片，而是插入图片的引用地址，所以要先把图片上传到服务器上。
img标签的src属性这里涉及到图片的一个属性：
src属性：指图片的路径。英文名称 source。
在写图片的路径时，有两种写法：相对路径、绝对路径
写法一：图片的相对路径相对当前页面所在的路径。两个标记 . 和 .. 分表代表当前目录和上一层目录。
举例1：
<!-- 当前目录中的图片 --><img src="2.jpg"><img src=".\2.jpg"><!-- 上一级目录中的图片 --><img src="..\ ...
HTML-07-html标签图文详解（二）
本文主要内容
列表标签：<ul>、<ol>、<dl>
表格标签：<table>
框架标签及内嵌框架<iframe>
表单标签：<form>
多媒体标签
滚动字幕标签：<marquee>
列表标签列表标签分为三种。
1、无序列表<ul>，无序列表中的每一项是<li>英文单词解释如下：
ul：unordered list，“无序列表”的意思。
li：list item，“列表项”的意思。
例如：
<ul> <li>默认1</li> <li>默认2</li> <li>默认3</li></ul>
效果：
注意：
li不能单独存在，必须包裹在ul里面；反过来说，ul的“儿子”不能是别的东西，只能有li。
我们这里再次强调，ul的作用，并不是给文字增加小圆点的，而是增加无序列表的“语义”的。
属性：
type="属性值"。属性值可以选： disc(实心原点，默认 ...
HTML-08-HTML5详解
HTML5的介绍Web 技术发展时间线
1991 HTML
1994 HTML2
1996 CSS1 + JavaScript
1997 HTML4
1998 CSS2
2000 XHTML1（严格的html）
2002 Tableless Web Design（表格布局）
2005 AJAX
2009 HTML5
2014 HTML5 Finalized
2002年的表格布局逐渐被淘汰，是因为：表格是用来承载数据的，并不是用来划分网页结构的。
2009年就已经推出了HTML5的草案，但直到2014年才有定稿，是因为有移动端的推动。
H5草案的前身是叫：Web Application，最早是由WHATWG这个组织在2004年提出的。
2007年被 W3C 组织接纳，并在 2008-01-22 发布 HTML5 的第一个草案。
什么是 HTML5HTML5并不仅仅只是做为HTML标记语言的一个最新版本，更重要的是它制定了Web应用开发的一系列标准，成为第一个将Web做为应用开发平台的HTML语言。
HTML5定义了一系列新元素，如新语义标签、智能表单、多媒体标签等 ...
HTML-09-HTML5举例：简单的视频播放器
我们采用 Bootstrap 网站的图标字体，作为播放器的按钮图标。
index.html的代码如下：
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <!-- 引入字体图标的文件--> <link rel="stylesheet" href="css/font-awesome.min.css"/> <style> *{ margin: 0; padding: 0; } /*多媒体标题*/ figcaption{ text-align: center; line-height: 150px; ...
HTML-10-HTML5详解（二）
本文主要内容
拖拽
历史
地理位置
全屏
拖拽
如上图所示，我们可以拖拽博客园网站里的图片和超链接。
在HTML5的规范中，我们可以通过为元素增加 draggable="true" 来设置此元素是否可以进行拖拽操作，其中图片、链接默认是开启拖拽的。
1、拖拽元素页面中设置了 draggable="true" 属性的元素。
举例如下：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/font-awesome.min.css"> <style> .box1{ width: 200px; height: 200px; ...
HTML-11-HTML5详解（三）
Web 存储随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，传统方式我们以document.cookie来进行存储的，但是由于其存储大小只有4k左右，并且解析也相当的复杂，给开发带来诸多不便，HTML5规范则提出解决方案。
H5 中有两种存储的方式1、**window.sessionStorage 会话存储：**
保存在内存中。
生命周期为关闭浏览器窗口。也就是说，当窗口关闭时数据销毁。
在同一个窗口下数据可以共享。
2、**window.localStorage 本地存储**：
有可能保存在浏览器内存里，有可能在硬盘里。
永久生效，除非手动删除（比如清理垃圾的时候）。
可以多窗口共享。
Web 存储的特性（1）设置、读取方便。
（2）容量较大，sessionStorage 约5M、localStorage 约20M。
（3）只能存储字符串，可以将对象 JSON.stringify() 编码后存储。
常见 API设置存储内容：
setItem(key, value);
PS：可以新增一个 ...
HTML-12-HTML基础回顾
本文主要内容
html 的常见元素
html 元素的分类
html 元素的嵌套关系
html 元素的默认样式和 CSS Reset
html 常见面试题
html 的常见元素html 的常见元素主要分为两类：head 区域的元素、body 区域的元素。下面来分别介绍。
1、head 区域的 html 元素
head 区域的 html 元素，不会在页面上留下直接的内容。
meta
title
style
link
script
base
base元素的介绍：
<base href="/">
base 标签用于指定基础的路径。指定之后，所有的 a 链接都是以这个路径为基准。
2、html 元素（body 区域）
body 区域的 html 元素，会直接出现在页面上。
div、section、article、aside、header、footer
p
span、em、strong
表格元素：table、thead、tbody、tr、td
列表元素：ul、ol、dl、dt、dd
a
表单元素：form、input、 ...
20180116-博客园：一年经验初探阿里巴巴前端社招
博客园：一年经验初探阿里巴巴前端社招
文章来源：https://www.cnblogs.com/fsyz/p/8298921.html
一般阿里社招都是招3-5年的P6+高级工程师，当初自己一年经验也没有想过有这个面试机会。
虽然没想着换工作，但是经常关注一些招聘网站的信息，某一天，在某boss上有个人找我，叫我发一下简历，我一看是阿里的某技术专家，虽然之前也有阿里的在某boss上给我要简历，但是我深知自己经验不足，然后给boss说我是16届的，只有一年经验，然后就没有然后了。这次我依然这么回复，但是这boss说，没关系，他喜欢基础好的，让我可以试一试，于是我也抱着试一试的心态发了简历。
简历发过去之后，boss就给我打了电话，让我简单的介绍一下自己，我就噼里啪啦说了一些，还说了一些题外话。然后boss就开始问我问题。
由于面了四轮，所以最开始的面试记忆有点模糊了，细细回想，又感觉记忆犹新。
1.电话初探1.说一下你了解CSS盒模型。我就说了一下IE的怪异盒模型和标注浏览器的盒模型，然后可以通过box-sizing属性控制两种盒模型的变换。
2.说一下box-sizing的应用场景。这 ...
ES6
Class和普通构造函数有何区别
我们经常会用ES6中的Class来代替JS中的构造函数做开发。
Class 在语法上更加贴合面向对象的写法
Class 实现继承更加易读、易理解
更易于写 java 等后端语言的使用
本质还是语法糖，使用 prototype
ES6：模块化的使用和编译环境
前言ES6的主要内容
模块化的使用和编译环境
Class与JS构造函数的区别
Promise的用法
ES6其他常用功能
本文来讲“模块化的使用和编译环境”。
面试常见问题
ES6 模块化如何使用，开发环境如何打包
Class 和普通构造函数有何区别
Promise 的基本使用和原理
总结一下 ES6 其他常用功能
ES6的现状
开发环境已经普及使用
浏览器环境却支持不好（需要开发环境编译）
内容很多，重点了解常用语法
面试：开发环境的使用 + 重点语法的掌握
模块化的基本语法（1）util1.js：
export default var a = 100;export function foo { console.log('util1-foo');}
export default命令用于指定模块的默认输出。显然，一个模块只能有一个默认输出。
有了默认输出之后，其他模块加载该模块时，import命令可以为该匿名变量/函数，起任意的名字。
上面的代码中，默认输出是一个变量。当然，我们也可以换成默认输出一个匿名函数：
e ...
JS相关
JS 有哪些数据类型
基本数据类型：string、number、bigint、bool、undefined、null
引用数据类型：object、symbol。
另外，object 包括：数组、函数、正则、日期等对象。NaN属于number类型。
注意，数据类型里，没有数组。因为数组属于object（一旦说数组、函数、正则、日期、NaN是数据类型，直接0分）。
Promise 怎么使用then：
$.ajax(...).then(成功函数, 失败函数)
链式 then：
$.ajax(...).then(成功函数, 失败函数).then(成功函数2, 失败函数2)
如何自己生成 Promise 对象：
function xxx(){ return new Promise(function(resolve, reject){ setTimeout(()=>{ resolve() 或者 reject() },3000) }) } xxx( ...
JavaScript高级面试：前言
前言一、基础知识：
ES 6常用语法：class 、module、Promise等
原型高级应用：结合 jQuery 和 zepto 源码
异步全面讲解：从原理到 jQuery 再到 Promise
二、框架原理：
虚拟DOM：存在价值、如何使用、diff算法
MVVM vue：MVVM、vue响应式、模板解析、渲染
组件化 React：组件化、JSX、vdom、setState
三、混合开发：
hybrid
H5
前端客户端通讯
内容优势
面试官爱问“源码”、“实现”。
介绍常用框架实现原理
介绍hybrid原理和应用
ES6
模块化的使用和编译环境
Class与JS构造函数的区别
Promise的用法
ES6其他常用功能
异步
什么是单线程，和异步有什么关系
MVVM
前言MVVM的常见问题：
如何理解MVVM
如何实现MVVM
是否解读过Vue的源码
题目：
说一下使用 jQuery 和使用框架的区别
说一下对 MVVM 的理解
vue 中如何实现响应式
vue 中如何解析模板
vue 的整个实现流程
说一下使用 jQuery 和使用框架的区别MVVM / VueMVVM模式
Model：负责数据存储
View：负责页面展示
View Model：负责业务逻辑处理（比如Ajax请求等），对数据进行加工后交给视图展示
数据驱动视图，只关心数据变化，DOM操作被封装。
MVVM / Vue的三要素
响应式：vue 如何监听到 data 的每个属性变化？
模板引擎：vue 的模板如何被解析，指令如何处理？
渲染：vue 的模板如何被渲染成 html ？以及渲染过程
什么是虚拟 DOM传统的web开发，是利用 jQuery操作DOM，这是非常耗资源的。
我们可以在 JS 的内存里构建类似于DOM的对象，去拼装数据，拼装完整后，把数据整体解析，一次性插入到html里去。这就形成了虚拟 DOM。
Vue1.0没有 ...
http
HTTP 状态码知道哪些？301 和 302 的区别：
301 永久重定向，浏览器会记住（有缓存）
302 临时重定向（无缓存）
HTTP 缓存怎么做？强缓存：
Expires或Cache-Control
协商缓存：
第一对：Last-Modified、If-Modified-Since
第二对：ETag、If-None-Match
Cookie 是什么？Session 是什么？Cookie
HTTP响应通过 Set-Cookie 设置 Cookie
浏览器访问指定域名是必须带上 Cookie 作为 Request Header
Cookie 一般用来记录用户信息
Session
Session 是服务器端的内存（数据）
session 一般通过在 Cookie 里记录 SessionID 实现
SessionID 一般是随机数
LocalStorage 和 Cookie 的区别是什么？
Cookie 会随请求被发到服务器上，而 LocalStorage 不会
Cookie 大小一般4k以下，LocalStorage 一般5Mb 左右
GET ...
