Others

html标签

img 的 alt 与 title 有何异同？
alt 属性用来指 定替换文字。 替换文字的语言由lang 属性指定。
title(tool tip):该属性为设置该属性的元素提供建议性的信息。

BFC
一个独立的布局环境。可以理解为一个区域，在这个区域内的元素无论如何布局排版，都不影响区域外的元素。
以下方法都会触发BFC：
body 根元素
浮动元素： float 除 none 以外的值
绝对定位元素：position (absolute、fixed)
display为 inline-block 、table-cells 、flex
overflow 除了 visible 以外的值(hidden、auto、scroll)

请描述一下 cookies，sessionStorage 和 localStorage 的区别？
sessionStorage（ session） 中的数据， 这些数据只有在同一个会话中的页面才能访问 并且当会话结束后数据也随之销毁。 因此 sessionStorage 不是一种持久化的本地存储， 仅 仅是会话级别的存储。
而 localStorage 用于持久化的本地存储， 除非主动删除数据， 否则 数据是永远不会过期的。 web storage 和cookie 的区别 Web Storage 的概念和cookie 相似， 区别是它是为了更大容量存储设计的。
Cookie 的大小 是受限的， 并且每次你请求一个新的页面的时候 Cookie 都会被发送过去， 这样无形中浪费 了带宽， 另外 cookie 还需要指定作用域， 不可以跨域调用。
除此之外， Web Storage 拥有setItem,getItem,removeItem,clear 等方法， 不像 cookie 需要前端开发者自己封装 setCookie， getCookie。
但是 Cookie 也是不可以或缺的：Cookie 的作用是与服务器进行交互， 作为 HTTP 规范的一部分而存在 ， 而 Web Storage 仅仅是为 了在本地“ 存储” 数据而生。

src 与 href 的区别?
src 用于替换当前元素， href 用于在当前文档和引用资源之间确立联系。

font元素简写时的顺序
.fisher{ font: style varianf weight size/height family; }
.fisher{ font: italic small-caps 700 12px/24px “Microsoft YaHei”; }

网页制作用到的图片格式有哪些?
webp ,png-8， png-24， jpeg， gif， svg

split() join() 的区别
答：前者是切割成数组的形式，后者是将数组转换成字符串

rgba()和 opacity 的透明效果有什么不同？
gba()和 opacity 都能实现透明效果，但最大的不同是 opacity 作用于元素，以及元素内的所有内容的透明度，而 rgba()只作用于元素的颜色或其背景色。（设置 rgba 透明的元素的子元素不会继承透明效果！）

px 和 em 的区别?
px 和 em 都是长度单位，区别是，px 的值是固定的，指定是多少就是多少，计算比较容易。em 得值不是固定的，并且 em 会继承父级元素的字体大小。
浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em。

display:none 与 visibility:hidden 的区别是什么？
display : 隐藏对应的元素但不挤占该元素原来的空间。visibility: 隐藏对应的元素并且挤占该元素原来的空间。
即是，使用 CSS display:none 属性后，HTML 元素（对象）的宽度、高度等各种属性值都将“丢失”;而使用 visibility:hidden 属性后，HTML 元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在。

CSS 中 link 和@import 的区别
Link 属于 html 标签，而@import 是CSS 中提供的
在页面加载的时候，link 会同时被加载，而@import引用的 CSS 会在页面加载完成后才会加载引用的 CSS
@import 只有在 ie5 以上才可以被识别，而 link 是 html 标签，不存在浏览器兼容性问题Link 引入样式的权重大于@import 的引用（@import 是将引用的样式导入到当前的页面中）

display 属性有哪些？可以做什么？
display:block 行内元素转换为块级元素display:inline 块级元素转换为行内元素display:inline-block 转为内联元素

css 优先级算法如何计算？
!important > id > class > 标签
!important 比 内联优先级高
优先级就近原则，样式定义最近者为准;
以最后载入的样式为准;

window.onload 和 document.ready 的区别？
load 要等到图片和包含的文件都加在进来之后执行；
ready 是不包含图片和非文字文件的文档结构准备好就执行；

http 状态码有那些？分别代表是什么意思？
100-199 用于指定客户端应相应的某些动作。
200-299 用于表示请求成功。
300-399 用于已经移动的文件并且常被包含在定位头信息中指定新的地址信息。
400-499 用于指出客户端的错误。
400 语义有误，当前请求无法被服务器理解。
401 当前请求需要用户验证
403 服务器已经理解请求，但是拒绝执行它。500-599 用于支持服务器错误。
503 – 服务不可用

简述 link 和 import 的区别？
区别 1：link 是 XHTML 标签，除了加载 CSS 外，还可以定义 RSS 等其他事务；@import 属于 CSS 范畴，只能加载 CSS。
区别 2：link 引用 CSS 时，在页面载入时同时加载；@import 需要页面网页完全载入以后加载。
区别 3：link 是 XHTML 标签，无兼容问题；@import 是在 CSS2.1 提出的，低版本的浏览器不支持。
区别 4：link 支持使用 Javascript 控制 DOM 去改变样式；而@import 不支持。

列举浏览器对象模型 BOM 里常用的至少 4 个对象，并列举 window 对象的常用方法至少 5 个
1、window 对象 ，是 JS 的最顶层对象，其他的 BOM 对象都是 window 对象的属性；
2、document 对象，文档对象；
3、location 对象，浏览器当前 URL 信息； 4、navigator 对象，浏览器本身信息；
5、screen 对象，客户端屏幕信息；
6、history 对象，浏览器访问历史信息；
方法：Alert() confirm() prompt() open() close()

简述readyonly 与 disabled 的区别
readonly 只针对 input(text / password)和 textarea 有效，
而 disabled 对于所有的表单元素都有效，当表单元素在使用了 disabled 后，当我们将表单以POST 或 GET 的方式提交的话，这个元素的值不会被传递出去，而 readonly 会将该值传递出去

Viewport 属性详解

width 初始化窗口大小，可以设定一个值，这样子各种不同屏幕分辨率的手机端看到的都是同一个大小页面；
initial-scale：初始缩放比例，页面第一次load时候的缩放比例；
maximum-scale 允许用户缩放到的最大比例
minumum-scale 允许用户锁防盗的最小比例
user-scalable：用户是否可手动缩放

Git的基本操作

建立theone仓库 
$ git clone {url}                                //将这个项目克隆到本地项目根目录
$ cd theone                 
$ git init                                       //切换到 theone 目录下并初始化 
(edit file)
$ git add .                                       //将文件添加到 git 缓存区
$ git commit -m "xxx"                     //将文件提交到版本库
$ git push origin                            //$ git push -u origin master   -----这是第一次提交
团队协作
$ git clone {url}                               //准备另一台电脑，将 theone 克隆到项目根目录
$ git branch example                      //现在我们来创建一个新的叫 example 的分支：
$ git branch                                   //得到当前仓库中存在的所有分支列表
$ git checkout example                  //切换到 example 分支,修改example的文件
(edit file)
$ git commit -a
$ git checkout master                  //切换到 master 分支,修改 master 的文件
(edit file)
$ git commit -a
$ git merge exampole                //合并
$ git diff                                       //检查冲突
(edit file)
$ git commit -a
$ gitk                                      //查看

UI框架
基于jq的：mui,Twitterde的bootstrap等。
基于vue:饿了么的Element和MintUI,VUX等。
基于React：阿里蚂蚁的Antd,Material-UI等。
基于小程序的：colorUI，weUI等

怎么关闭win10自带app
power shell 管理员身份运行。
输入 Get-AppxPackage -AllUsers
找到Xbox APP这个选项，然后看到有一个 packagefullname的选项，把整个名字都复制下来
命令栏里面输入 Remove-AppxPackage +刚才复制的 packagefullname，然后回车，这时候系统会开始删除。
完成之后，我们会发现之前还有的 Xbox 的选项已经不见了。

photoshop安装后第一步
Ctrl+K ——-> 性能——->内存拉到90% ——->历史记录拉到50步 ——-> 暂存盘勾选C盘以外的盘