众所周知，群晖有一套好用的同步套件Drive(Cloud Station Server也可以)，可以远程同步电脑的文件夹和群晖指定文件夹，但是在一些情况下，我们需要将群晖的某个文件夹直接在电脑上打开，这种情况怎么办呢？这时候我们就需要群晖的另一个功能了，WebDAV Server。本文讲解两个软件的操作方式，其中RaiDrive是开源免费的自带中文，网站可以下载。另一个NetDrive2是英文收费的，但是你私信给我发"群晖网络磁盘"说不定会有惊喜呢？
WebDAV (Web-based Distributed Authoring and Versioning) 一种基于 HTTP 1.1协议的通信协议。它扩展了HTTP 1.1，在GET、POST、HEAD等几个HTTP标准方法以外添加了一些新的方法，使应用程序可对Web Server直接读写，并支持写文件锁定(Locking)及解锁(Unlock)，还可以支持文件的版本控制。
简单来说，这是一个通用的协议，并不是群晖自有的，感兴趣的可以自己百度一下。
群晖套件安装配置
首先当然是安装群辉套件了，登录群晖管理页面，打开套件中心，搜索WebDAV，点击安装套件，一气呵成~
接下来在左上角点主菜单，打开WebDAV，根据需要勾选HTTP和HTTPS并输入相应的端口号(不了解的就默认吧)，应用。
到这来，群晖这边的设置就完成了，特别简单。
RaiDrive安装配置
RaiDrive和下面介绍的NetDrive二选一，不需要都安装的。
首先自然是下载软件，自行百度下载，或者私信我有分享。然后安装很简单，勾选同意，然后一直下一步。
完成后打开软件。首先点添加，然后选择NAS，选择WebDAV。
1的位置填写你想在电脑显示的盘符
2名字随便取，你开心就好
3填写你群晖的IP，如果是外网需要做端口映射和动态域名
4填写你群晖的共享文件夹名称(也可以共享文件夹下层文件夹)
然后输入账号密码并确定。
这时候电脑会自动打开你设置的磁盘，我的电脑里也多出一个网络磁盘。
这时候有人会问，为什么是网络磁盘，不方便啊，可以是本地磁盘吗？
可以，有两个办法
1.给这个软件交费，每月付费的方式，每月2美刀，支持7天试用，良心厂商(大雾)。
那只能选择第2种方法啦，我们往下看。
NetDrive2安装配置
这个厂商更良心，30天试用，年付19.90美刀或者99.95美刀终身。
当然你也可以私信我"群晖网络磁盘"试一下……
首先自然是下载NetDrive2，不要下载最新的NetDrive3，虽然我这里也有注册的办法，但是因为是网络授权的方式，那叫一个相当的麻烦啊……
安装NetDrive2，几乎也是一直下一步，安装完成后汉化软件、打开软件、注册软件，然后我们开始操作！
打开软件时，你会发现已经存在了好多网盘链接了，这些都是给你看看的，强迫症如我就会全部删除掉。
然后点击添加驱动器
1. 可以看到这里是可以挂载为本地磁盘的
2. 名称随便输入，还是你开心就好
3. 填写你群晖的IP，如果是外网需要做端口映射和动态域名
4. 如果你对数据安全要求比较高可以勾选SSL，但是端口要改为你群晖WebDAV设置HTTPS的对应端口，你也可以在后面加上/共享文件夹名称/下层文件夹名称(根据自己情况输入。)
5. 输入用户名和密码，保存。
6. 在主界面点连接。
这时候打开我的电脑，就可以看到新添加的一个本地磁盘了。
本地磁盘和网络磁盘的选择。
在内网或者两端网速都非常高的情况下，推荐选择本地磁盘挂载，因为本地磁盘的一些图片、视频缩略图和预览等方面，查看起来很方便；并且一些文件Windows系统会自动进行预读操作，极大的增加了访问体验。
如果两边的网速一般(群晖端需要看上传带宽的)，建议选择网络磁盘挂载，Windows会自动采用低访问速度的优化，在满足基本浏览的情况下，尽量减少读条时间。
下图1是我远程挂载本地磁盘的情况，群晖端是百兆宽带，上传20M，系统自动读取预览图，读条时间会很长，有明显的卡顿情况.
下图2是我在与图1相同网络位置，远程挂载网络磁盘的情况，Windows默认不读取预览图，访问速度明显提升。
虽然我们吐槽Windows，但是很多方面做的还是很赞的。
图1
图2
希望大家能够关注我，不定期分享网络存储、无线网络、服务器等方面内容，如果大家有什么软件方面的需求，也可以给我私信，我会尽量帮大家找到一些注册补丁的~谢谢

电脑小技巧--电脑做无线热点
电脑小技巧--U盘坏了如何修复
电脑小技巧--自动维护计划、任务关闭、禁用
电脑小技巧--预防U盘中毒
电脑小技巧--提高U盘读写速度
电脑小技巧--调整引导高级选项加快启动速度
电脑小技巧--加快关机速度
电脑小技巧--提升电脑“卓越性能”
电脑小技巧--电脑蓝屏
电脑小技巧--万能命令工具
电脑小技巧--激活win10系统
电脑小技巧--删除临时文件
电脑小技巧--删除系统垃圾文件
电脑小技巧--删除系统更新缓存文件
电脑小技巧--关闭电脑动画效果
电脑小技巧--调整字体清晰度
电脑小技巧--关闭FF弹窗
电脑小技巧--关闭广告弹窗
电脑小技巧--关闭系统自动维护功能
电脑小技巧--开机黑屏
电脑小技巧--扫描修复系统文件
电脑小技巧--禁止电脑安装软件
电脑小技巧--阻止他人在自己电脑安装软件
电脑小技巧--磁盘一键清理
电脑小技巧-- 分享个简洁的系统清理工具
电脑小技巧--关闭360弹窗
电脑小技巧--关闭QQ弹窗
电脑小技巧--关闭WPS广告
电脑小技巧--不建议安装的软件
电脑小技巧--百度网盘加速
电脑小技巧--百度网盘关闭用户激励计划
电脑小技巧--CPU使用率高
大家在平时使用共享文件夹的时候，遇到下图提示的时候，是不是一筹莫展，今天给大家介绍下如何设置远程访问共享文件夹。
详细操作步骤如下：
1、同时按下“Windows键”和“R键”，打开“运行”选项框。
2、在弹出的“运行”命令框中输入“gpedit.msc”命令以打开本地策略编辑器，下图所示，然后进入下一步。
3、完成上述步骤后，在本地策略编辑器下选择“Windows 设置”选项，然后双击，如图所示，然后进入下一步。
4、完成上述步骤后，选择“安全设置”选项，然后双击，如下图所示，然后进入下一步。
5、完成上述步骤后，在右侧的显示框中找到“本地策略”选项，然后双击以打开，如下图所示，然后进入下一步。
6、完成上述步骤后，选择“用户权限分配”选项，双击并打开，如下图所示，然后进入下一步。
7、完成上述步骤后，选择“拒绝从网络访问这台计算机”选项，双击并打开，如下图所示，然后进入下一步。
8、完成上述步骤后，选择“guest”并且按“删除”按钮进行删除，如下图所示，然后进入下一步。
9、完成上述步骤后，双击“网络访问：本地账号的共享和安全模型”选项，如下图所示，然后进入下一步。
10、完成上述步骤后，在如下红框标注的地方选择“经典-对本地用户进行身份验证、不改变其本来身份”选项，如下图所示。
11、完成上述步骤后，在以太网属性中勾选“允许你的计算机访问Microsoft网络上的资源”选项即可。这样，以上的问题就解决了。
看完赶紧去试下吧~~
更多电脑网络手机知识，提高IT技能，获取各类软件工具，欢迎大家关注公众号“电脑网络一点通”

Web前端面试题总结
HTML+CSS理论知识
1、讲讲输入完网址按下回车，到看到网页这个过程中发生了什么
a.域名解析
b. 发起TCP的3次握手
c. 建立TCP连接后发起http请求
d. 服务器端响应http请求，浏览器得到html代码
e. 浏览器解析html代码，并请求html代码中的资源
　　f. 浏览器对页面进行渲染呈现给用户
2、谈谈你对前端性能优化的理解
a. 请求数量：合并脚本和样式表，CSS Sprites，拆分初始化负载，划分主域
b. 请求带宽：开启GZip，精简JavaScript，移除重复脚本，图像优化，将icon做成字体
c. 缓存利用：使用CDN，使用外部JavaScript和CSS，添加Expires头，减少DNS查找，配置ETag，使AjaX可缓存
　　d. 页面结构：将样式表放在顶部，将脚本放在底部，尽早刷新文档的输出
　　e. 代码校验：避免CSS表达式，避免重定向
3、前端 MV*框架的意义
早期前端都是比较简单，基本以页面为工作单元，内容以浏览型为主，也偶尔有简单的表单操作，基本不太需要框架.
随着 AJAX 的出现，Web2.0的兴起，人们可以在页面上可以做比较复杂的事情了，然后前端框架才真正出现了。
如果是页面型产品，多数确实不太需要它，因为页面中的 JavaScript代码，处理交互的绝对远远超过处理模型的，但是如果是应用软件类产品，这就太需要了。
长期做某个行业软件的公司，一般都会沉淀下来一些业务组件，主要体现在数据模型、业务规则和业务流程，这些组件基本都存在于后端，在前端很少有相应的组织。
从协作关系上讲，很多前端开发团队每个成员的职责不是很清晰，有了前端的 MV框架，这个状况会大有改观。
之所以感受不到 MV*框架的重要性，是因为Model部分代码较少，View的相对多一些。如果主要在操作View和Controller，那当然 jQuery 这类库比较好用了。
4、请简述盒模型
IE6盒子模型与W3C盒子模型。
文档中的每个元素被描绘为矩形盒子。盒子有四个边界：外边距边界margin, 边框边界border, 内边距边界padding与内容边界content。
CSS3中有个box-sizing属性可以控制盒子的计算方式，
content-box：padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和。（W3C盒子模型）
border-box：padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值。（IE6盒子模型）
5、请你谈谈Cookie的弊端
a. 每个特定的域名下最多生成的cookie个数有限制
b. IE和Opera 会清理近期最少使用的cookie，Firefox会随机清理cookie
c. cookie的最大大约为4096字节，为了兼容性，一般不能超过4095字节
d. 安全性问题。如果cookie被人拦截了，那人就可以取得所有的session信息。
6、浏览器本地存储
在HTML5中提供了sessionStorage和localStorage.
sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁，是会话级别的存储。
localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。
7、web storage和cookie的区别
a.Cookie的大小是受限的
　　b. 每次你请求一个新的页面的时候Cookie都会被发送过去，这样无形中浪费了带宽
c.cookie还需要指定作用域，不可以跨域调用
d. Web Storage拥有setItem,getItem等方法，cookie需要前端开发者自己封装setCookie，getCookie
e.Cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在 ，而Web Storage仅仅是为了在本地“存储”数据而生
f. IE7、IE6中的UserData通过简单的代码封装可以统一到所有的浏览器都支持web storage
8、线程与进程的区别
　　a. 一个程序至少有一个进程，一个进程至少有一个线程
　　b. 线程的划分尺度小于进程，使得多线程程序的并发性高
　　c. 进程在执行过程中拥有独立的内存单元，而多个线程共享内存，从而极大地提高了程序的运行效率
　　d. 每个独立的线程有一个程序运行的入口、顺序执行序列和程序的出口。但是线程不能够独立执行，必须依存在应用程序中，由应用程序提供多个线程执行控制
　　e. 多线程的意义在于一个应用程序中，有多个执行部分可以同时执行。但操作系统并没有将多个线程看做多个独立的应用，来实现进程的调度和管理以及资源分配
9、请说出三种减少页面加载时间的方法
　　a. 尽量减少页面中重复的HTTP请求数量
　　b. 服务器开启gzip压缩
　　c. css样式的定义放置在文件头部
　　d. Javascript脚本放在文件末尾
　　e. 压缩合并Javascript、CSS代码
　　f. 使用多域名负载网页内的多个文件、图片
10、你都使用哪些工具来测试代码的性能？
　　JSPerf, Dromaeo
11、你遇到过比较难的技术问题是？你是如何解决的？
12、常使用的库有哪些？常用的前端开发工具？开发过什么应用或组件？
13、列举IE与其他浏览器不一样的特性？
a.IE的排版引擎是Trident （又称为MSHTML）
b.Trident内核曾经几乎与W3C标准脱节（2005年）
c.Trident内核的大量 Bug等安全性问题没有得到及时解决
d. JS方面，有很多独立的方法，例如绑定事件的attachEvent、创建事件的createEventObject等
　　e. CSS方面，也有自己独有的处理方式，例如设置透明，低版本IE中使用滤镜的方式
14、什么叫优雅降级和渐进增强？
渐进增强progressiveenhancement：
　　针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。
优雅降级gracefuldegradation：
　　一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。
区别：
　　a. 优雅降级是从复杂的现状开始，并试图减少用户体验的供给
　　b. 渐进增强则是从一个非常基础的，能够起作用的版本开始，并不断扩充，以适应未来环境的需要
　　c. 降级（功能衰减）意味着往回看；而渐进增强则意味着朝前看，同时保证其根基处于安全地带
15、WEB应用从服务器主动推送Data到客户端有那些方式？
a.html5 websoket
b. WebSocket通过Flash
c.XHR长时间连接
d. XHR Multipart Streaming
e. 不可见的Iframe
f.<script>标签的长时间连接(可跨域)
16、对前端界面工程师这个职位是怎么样理解的？
　　a. 前端是最贴近用户的程序员，前端的能力就是能让产品从 90分进化到 100 分，甚至更好
　　b. 参与项目，快速高质量完成实现效果图，精确到1px；
　　c. 与团队成员，UI设计，产品经理的沟通；
　　d. 做好的页面结构，页面重构和用户体验；
　　e. 处理hack，兼容、写出优美的代码格式；
　　f. 针对服务器的优化、拥抱最新前端技术。
17、平时如何管理你的项目？
　　a. 先期团队必须确定好全局样式（globe.css），编码模式(utf-8) 等；
　　b. 编写习惯必须一致（例如都是采用继承式的写法，单样式都写成一行）；
　　c. 标注样式编写人，各模块都及时标注（标注关键样式调用的地方）；
　　d. 页面进行标注（例如 页面 模块 开始和结束）；
　　e. CSS跟HTML 分文件夹并行存放，命名都得统一（例如style.css）；
　　f. JS 分文件夹存放 命名以该JS功能为准的英文翻译。
　　g. 图片采用整合的 images.png png8 格式文件使用 尽量整合在一起使用方便将来的管理
18、说说最近最流行的一些东西吧？常去哪些网站？
CSDN、SegmentFault、http://php.net、MDN、css参考手册、iconfont、
underscore、github、Bootstrap、W3Shool、W3Cplus、caniuse
19、请解释一下 JavaScript 的同源策略
同源策略指的是：协议，域名，端口相同，同源策略是一种安全协议。
　　指一段脚本只能读取来自同一来源的窗口和文档的属性。
20、AMD和CMD 规范的区别？
AMD 提前执行依赖 - 尽早执行，requireJS 是它的实现
CMD 按需执行依赖 - 懒执行，seaJS 是它的实现
21、网站重构的理解
　　重构：在不改变外部行为的前提下，简化结构、添加可读性，而在网站前端保持一致的行为。
　　a. 使网站前端兼容于现代浏览器(针对于不合规范的CSS、如对IE6有效的)
　　b. 对于移动平台的优化，针对于SEO进行优化
　　c. 减少代码间的耦合，让代码保持弹性
　　d. 压缩或合并JS、CSS、image等前端资源
22、浏览器的内核分别是什么?
IE浏览器的内核Trident、Mozilla的Gecko、Chrome的Blink（WebKit的分支）、Opera内核原为Presto，现为Blink；
23、请介绍下cache-control
每个资源都可以通过 Cache-Control HTTP头来定义自己的缓存策略
　　Cache-Control 指令控制谁在什么条件下可以缓存响应以及可以缓存多久
Cache-Control 头在 HTTP/1.1 规范中定义，取代了之前用来定义响应缓存策略的头（例如 Expires）。
24、前端页面有哪三层构成，分别是什么？作用是什么？
　　a. 结构层：由 HTML 或 XHTML 之类的标记语言负责创建，仅负责语义的表达。解决了页面“内容是什么”的问题。
　　b. 表示层：由CSS负责创建，解决了页面“如何显示内容”的问题。
　　c. 行为层：由脚本负责。解决了页面上“内容应该如何对事件作出反应”的问题。
25、知道的网页制作会用到的图片格式有哪些？
　png-8，png-24，jpeg，gif，svg
Webp：谷歌（google）开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3，并能节省大量的服务器带宽资源和数据空间。Facebook Ebay等知名网站已经开始测试并使用WebP格式。
Apng：全称是“Animated Portable Network Graphics”, 是PNG的位图动画扩展，可以实现png格式的动态图片效果。04年诞生，但一直得不到各大浏览器厂商的支持，直到日前得到 iOS safari 8的支持，有望代替GIF成为下一代动态图标准。
26、一次js请求一般情况下有哪些地方会有缓存处理？
　　a. 浏览器端存储
　　b. 浏览器端文件缓存
　　c. HTTP缓存304
　　d. 服务器端文件类型缓存
　　e. 表现层&DOM缓存
27、一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用户更好的体验。
　　a. 图片懒加载，滚动到相应位置才加载图片。
　　b. 图片预加载，如果为幻灯片、相册等，将当前展示图片的前一张和后一张优先下载。
c. 使用CSSsprite，SVGsprite，Iconfont、Base64等技术，如果图片为css图片的话。
　　d. 如果图片过大，可以使用特殊编码的图片，加载时会先加载一张压缩的特别厉害的缩略图，以提高用户体验。
28、谈谈以前端角度出发做好SEO需要考虑什么？
　　a. 了解搜索引擎如何抓取网页和如何索引网页
　　b. meta标签优化
　　c. 关键词分析
　　d. 付费给搜索引擎
　　e. 链接交换和链接广泛度（Link Popularity）
　　f. 合理的标签使用
29、<img>标签上title属性与alt属性的区别是什么？
alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。且长度必须少于100个英文字符或者用户必须保证替换文字尽可能的短。
　　这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户，视觉障碍的用户和使用屏幕阅读器的用户等。
title属性为设置该属性的元素提供建议性的信息。使用title属性提供非本质的额外信息。
30、分别写出以下几个HTML标签：文字加粗、下标、居中、字体
加粗：、
下标：
居中：
字体：、、参考《HTML标签列表》
31、请写出至少5个html5新增的标签，并说明其语义和应用场景
section：定义文档中的一个章节
nav：定义只包含导航链接的章节
header：定义页面或章节的头部。它经常包含 logo、页面标题和导航性的目录。
footer：定义页面或章节的尾部。它经常包含版权信息、法律信息链接和反馈建议用的地址。
aside：定义和页面内容关联度较低的内容——如果被删除，剩下的内容仍然很合理。
32、请说说你对标签语义化的理解？
　　a. 去掉或者丢失样式的时候能够让页面呈现出清晰的结构
　　b. 有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；
　　c. 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；
　　d. 便于团队开发和维护，语义化更具可读性，遵循W3C标准的团队都遵循这个标准，可以减少差异化。
33、Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?
DOCTYPE> 声明位于文档中的最前面，处于  标签之前。告知浏览器以何种模式来渲染文档。
　　严格模式的排版和 JS 运作模式是，以该浏览器支持的最高标准运行。
　　在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。
　　DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。
34、你知道多少种Doctype文档类型？
　　标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。
HTML 4.01 规定了三种文档类型：Strict、Transitional 以及Frameset。
XHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 以及Frameset。
　　Standards （标准）模式（也就是严格呈现模式）用于呈现遵循最新标准的网页，
　　Quirks（包容）模式（也就是松散呈现模式或者兼容模式）用于呈现为传统浏览器而设计的网页。
35、HTML与XHTML——二者有什么区别
　　a. XHTML 元素必须被正确地嵌套。
　　b. XHTML 元素必须被关闭。
　　c. 标签名必须用小写字母。
　　d. XHTML 文档必须拥有根元素。
36、html5有哪些新特性、移除了那些元素？
　　a. HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。
b. 拖拽释放(Drag and drop) API
c. 语义化更好的内容标签（header,nav,footer,aside,article,section）
d. 音频、视频API(audio,video)
e. 画布(Canvas) API
f. 地理(Geolocation) API
g. 本地离线存储localStorage 长期存储数据，浏览器关闭后数据不丢失
h.sessionStorage 的数据在页面会话结束时会被清除
i. 表单控件，calendar、date、time、email、url、search
j. 新的技术webworker,websocket等
移除的元素：
a. 纯表现的元素：basefont，big，center, s，strike，tt，u；
b. 对可用性产生负面影响的元素：frame，frameset，noframes；
37、iframe的优缺点？
优点：
　　a. 解决加载缓慢的第三方内容如图标和广告等的加载问题
b.iframe无刷新文件上传
c.iframe跨域通信
缺点：
a.iframe会阻塞主页面的Onload事件
　　b. 无法被一些搜索引擎索引到
　　c. 页面会增加服务器的http请求
　　d. 会产生很多页面，不容易管理。
38、Quirks模式是什么？它和Standards模式有什么区别？
　　在写程序时我们也会经常遇到这样的问题，如何保证原来的接口不变，又提供更强大的功能，尤其是新功能不兼容旧功能时。IE6以前的页面大家都不会去写DTD，所以IE6就假定 如果写了DTD，就意味着这个页面将采用对CSS支持更好的布局，而如果没有，则采用兼容之前的布局方式。这就是Quirks模式（怪癖模式，诡异模式，怪异模式）。
区别：总体会有布局、样式解析和脚本执行三个方面的区别。
　　a. 盒模型：在W3C标准中，如果设置一个元素的宽度和高度，指的是元素内容的宽度和高度，而在Quirks 模式下，IE的宽度和高度还包含了padding和border。
　　b. 设置行内元素的高宽：在Standards模式下，给<span>等行内元素设置wdith和height都不会生效，而在quirks模式下，则会生效。
　　c. 设置百分比的高度：在standards模式下，一个元素的高度是由其包含的内容来决定的，如果父元素没有设置百分比的高度，子元素设置一个百分比的高度是无效的用
　　d. 设置水平居中：使用margin:0 auto在standards模式下可以使元素水平居中，但在quirks模式下却会失效。
39、请阐述table的缺点
a. 太深的嵌套，比如table>tr>td>h3，会导致搜索引擎读取困难，而且，最直接的损失就是大大增加了冗余代码量。
b. 灵活性差，比如要将tr设置border等属性，是不行的，得通过td
c. 代码臃肿，当在table中套用table的时候，阅读代码会显得异常混乱
d. 混乱的colspan与rowspan，用来布局时，频繁使用他们会造成整个文档顺序混乱。
e.table需要多次计算才能确定好其在渲染树中节点的属性，通常要花3倍于同等元素的时间。
　　f. 不够语义
40、简述一下src与href的区别
src用于替换当前元素；href用于在当前文档和引用资源之间确立联系。
src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置
href是Hypertext Reference的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接
41、html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？
1、新特性：
　　  a.HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。
         b. 拖拽释放(Drag and drop) API
 	　　c.语义化更好的内容标签（header,nav,footer,aside,article,section）
 　　d.音频、视频API(audio,video)
        e.画布(Canvas) API
        f.地理(Geolocation) API
       g.本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；
       h.sessionStorage 的数据在浏览器关闭后自动删除
       i.表单控件，calendar、date、time、email、url、search
       j.新的技术webworker, websocket, Geolocation
2、移除元素：纯表现的元素：basefont，big，center，font, s，strike，tt，u； 对可用性产生负面影响的元素：frame，frameset，noframes；
3、h5新标签兼容：IE8/IE7/IE6支持通过document.createElement方法产生的标签， 可以利用这一特性让这些浏览器支持HTML5新标签， 当然最好的方式是直接使用成熟的框架、使用最多的是html5shim框架<!--[if lt IE 9]> 	 <script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script> 	 <![endif]-->如何区分：  DOCTYPE声明新增的结构元素功能元素
42、CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？
  CSS 选择符：
   1.id选择器（ # myid）
   2.类选择器（.myclassname）
   3.标签选择器（div, h1, p）
   4.相邻选择器（h1 + p）
   5.子选择器（ul > li）
   6.后代选择器（li a）
   7.通配符选择器（ * ）
   8.属性选择器（a[rel = "external"]）
   9.伪类选择器（a: hover, li:nth-child）
可以继承的属性：
可继承的样式： font-size font-family color, UL LI DL DD DT;
不可继承的样式：border padding margin width height ;
优先级：
  !important > id > class > tag
  important 比 内联优先级高,但内联比 id 要高
  CSS3新增伪类举例：
  　　p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。
 　　 p:last-of-type 选择属于其父元素的最后 <p> 元素的每个 <p> 元素。
 　　 p:only-of-type 选择属于其父元素唯一的 <p> 元素的每个 <p> 元素。
  　　p:only-child 选择属于其父元素的唯一子元素的每个 <p> 元素。
  　　p:nth-child(2) 选择属于其父元素的第二个子元素的每个 <p> 元素。
  　　:enabled :disabled 控制表单控件的禁用状态。
 　　 :checked 单选框或复选框被选中。
43、CSS3有哪些新特性？
1、CSS3实现圆角（border-radius），阴影（box-shadow），
2、对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform）
3、transform:rotate(9deg)scale(0.85,0.90)translate(0px,-30px)skew(-9deg,0deg);//旋转,缩放,定位,倾斜
4、增加了更多的CSS选择器 多背景rgba
5、在CSS3中唯一引入的伪元素是::selection.
 　　 6、媒体查询，多栏布局
7、border-image
44、解释盒模型宽高值得计算方式，边界塌陷，负值作用，box-sizing概念？
1. 盒模型：IE 678 下(不添加doctype) 使用ie盒模型，宽度 = 边框 + padding + 内容宽度； chrom、IE9+、(添加doctype) 使用标准盒模型， 宽度 = 内容宽度。 　　2.box-sizing: 为了解决标准黑子和IE盒子的不同，CSS3增添了盒模型属性box-sizing，content-box(默认)，border-box 让元素维持IE传统盒子模型， inherit 继承 父盒子模型； 　　3. 边界塌陷：块元素的 top 与 bottom 外边距有时会合并（塌陷）为单个外边距（合并后最大的外边距），这样的现象称之为 外边距塌陷。 　　4. 负值作用：负margin会改变浮动元素的显示位置，即使我的元素写在DOM的后面，我也能让它显示在最前面。
45、BFC（Block Formatting Context） 是什么？应用？
1.BFC就是 ‘块级格式上下文’ 的格式，创建了BFC的元素就是一个独立的盒子，不过只有BLock-level box可以参与创建BFC，它规定了内部的Bloc-level Box 如何布局，并且与这个独立盒子里的布局不受外部影响，当然它也不会影响到外面的元素。 2. 应用场景：  　　 1. 解决margin叠加的问题 　　  2. 用于布局（overflow: hidden）,BFC不会与浮动盒子叠加。  　　3. 用于清除浮动，计算BFC高度。
46、如何实现浏览器内多个标签页之间的通信?
调用localstorge、cookies等本地存储方式
47、简要说一下CSS的元素分类
块级元素：div,p,h1,form,ul,li;
行内元素 : span,a,label,input,img,strong,em;
48、解释下浮动和它的工作原理？清除浮动的方法
浮动元素脱离文档流，不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框停留。
  1.使用空标签清除浮动。
这种方法是在所有浮动标签后面添加一个空标签 定义css clear:both. 弊端就是增加了无意义标签。
2.使用after伪对象清除浮动
　　　该方法只适用于非IE浏览器。具体写法可参照以下示例。使用中需注意以下几点。一、该方法中必须为需要清除浮动元素的伪对象中设置 height:0，否则该元素会比实际高出若干像素；
    #parent:after{
content:".";
height:0;
visibility:hidden;
display:block;
clear:both;
}
  3.设置overflow为hidden或者auto
  4.浮动外部元素
49、CSS隐藏元素的几种方法（至少说出三种）
Opacity:元素本身依然占据它自己的位置并对网页的布局起作用。它也将响应用户交互;Visibility:与 opacity 唯一不同的是它不会响应任何用户交互。此外，元素在读屏软件中也会被隐藏;Display:display设为 none 任何对该元素直接打用户交互操作都不可能生效。此外，读屏软件也不会读到元素的内容。这种方式产生的效果就像元素完全不存在;Position:不会影响布局，能让元素保持可以操作;
Clip-path:clip-path属性还没有在 IE 或者 Edge 下被完全支持。如果要在你的 clip-path 中使用外部的 SVG 文件，浏览器支持度还要低;
50、请描述一下cookies，sessionStorage和localStorage的区别？
相同点：都会在浏览器端保存，有大小和同源限制。  不同点：   　 　1、cookie会随请求发送到服务器，作为会话表示，服务器可修改cookie。web storage不会随请求大宋到服务器。  　　  2、cookie有path的概念，子路径可以访问父路径的cookie，父路径不可以访问子路径的cookie。     　　3、有效期： cookie在设置的有效期内有效，默认为浏览器关闭消失。sessionStorage在会话窗口关闭后失效，localStorage长期有效，需主动删除。   　　  4、sessionStorage不能共享，localStorage在同源文档之间可以共享，cookie在同源且符合path规则的文档之间可以共享。    　　 5、localStorage的修改会触发其他文档的update事件。    　　 6、cookie有secure属性要求HTTPS传输。            7、浏览器不能保存超过300个cookie，单个服务器不能超过20个，每个cookie不能超过4k。webStorage可以支持5M的存储。
51、什么是语义化的HTML?
直观的认识标签 对于搜索引擎的抓取有好处，用正确的标签做正确的事情！
      html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；
在没有样式CCS情况下也以一种文档格式显示，并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。
使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。
52、link和@import有什么区别？
link属于XHTML标签，除了加载CSS外，还能用于定义RSS, 定义rel连接属性等作用；而@import是CSS提供的，只能用于加载CSS; 页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;import是CSS2.1 提出的，只在IE5以上才能被识别，而link是XHTML标签，无兼容问题;
53、常见的浏览器内核有哪些？
Trident内核：IE,MaxThon,TT,The World,360,搜狗浏览器等。[又称MSHTML]Gecko内核：Netscape6及以上版本，FF,MozillaSuite/SeaMonkey等Presto内核：Opera7及以上。 [Opera内核原为：Presto，现为：Blink;]Webkit内核：Safari,Chrome等。 [ Chrome的：Blink（WebKit的分支）]
54、如何解决跨域问题
JSONP、CORS、通过修改document.domain来跨子域、使用window.name来进行跨域、HTML5中新引进的window.postMessage方法、在服务器上设置代理页面
1、JSONP
原理是：动态插入script标签，通过script标签引入一个js文件，这个js文件载入成功后会执行我们在url参数中指定的函数，并且会把我们需要的json数据作为参数传入。
由于同源策略的限制，XmlHttpRequest只允许请求当前源（域名、协议、端口）的资源，为了实现跨域请求，可以通过script标签实现跨域请求，然后在服务端输出JSON数据并执行回调函数，从而解决了跨域的数据请求。
优点是兼容性好，简单易用，支持浏览器与服务器双向通信。缺点是只支持GET请求。
2、CORS
服务器端对于CORS的支持，主要就是通过设置Access-Control-Allow-Origin来进行的。如果浏览器检测到相应的设置，就可以允许Ajax进行跨域的访问。
  3、通过修改document.domain来跨子域
将子域和主域的document.domain设为同一个主域.前提条件：这两个域名必须属于同一个基础域名!而且所用的协议，端口都要一致，否则无法利用document.domain进行跨域
主域相同的使用document.domain
  4、使用window.name来进行跨域
  　　window对象有个name属性，该属性有个特征：即在一个窗口(window)的生命周期内,窗口载入的所有的页面都是共享一个window.name的，每个页面对window.name都有读写的权限，window.name是持久存在一个窗口载入过的所有页面中的
55、前端性能优化的方式
      1、减少DOM操作
      2、部署前，图片压缩，代码压缩
      3、优化js代码结构，减少冗余代码
      4、减少http请求，合理设置HTTP缓存
      5、使用内容分发cdn加速
      6、静态资源缓存
      7、图片延迟加载
56、对前端工程化的理解
  1、开发规范
  2、模块化开发
  3、组件化开发
  4、开发仓库
  5、性能优化
  6、项目部署
  7、开发流程
  8、开发工具
如何学习前端，有效率的学习前端
作者：慕尚花开
链接：https://www.zhihu.com/question/414530455/answer/1412459640

	

本地电脑与远程服务器之间不能复制粘贴怎么办？
邢台三朵云云计算
刚才用远程桌面登陆服务器，突然发现不能在本地电脑和远程服务器之间粘贴文本了，即不能从本机复制文本粘贴到服务器，也不能从服务器复制文本粘贴到本机。 
  这个问题怎么解决呢？于是小编请教了我们的万能大神-技术人员，他在一分钟内告诉了我解决办法。
Windows
目前针对这种情况有以下几种方法解决：
打开本机的远程桌面连接图标按照下图所示，勾选以下项目，就可以了。
在服务器上打开任务管理器，查看进程，有 rdpclip.exe 进程。通常，只要存在该进程，就可以在本机和远程服务器之间粘贴文本了。
关闭此进程，然后 开始->运行->rdpclip.exe 重新运行此程序，恢复正常。
有的朋友为了解决这个问题，打开了 clipbook 服务，提醒一下，这样不对哦。
根据微软的说法，clipbook 服务是启用“剪贴簿查看器”储存信息并与远程计算机共享。但即使打开此服务，仍然不能解决不能粘贴文本的问题。
此外，为了开启 clipbook 服务，还要开启 Network DDE 、Network DDE DSDM 两个依赖的服务 (通常,为了安全的原因，这 3 个服务都应该被禁用)，造成不必要的内存资源浪费。
因此，不必为了解决此问题而打开 clipbook 服务。
备注：rdpclip.exe 是 Windows 2000/2003 Server 资源工具包中提供的 Rdpclip 实用程序，它的功能就是在“终端服务”客户端(本机)和“终端”服务器(远程服务器)之间复制和粘贴文件，也包括粘贴文本。
这个程序的文件路径是：c:\windows\system32\rdpclip.exe
如果想在远程服务器上复制文件到本机，通常的做法是用 ftp ，即在远程服务器上假设 ftp 服务，然后在本机用 ftp 软件连到服务器上，上传/下载文件。
这对于处理体积大的文件(例如从服务器上下载数据库备份文件)很好，不过对于小文件(例如 php 、asp 源文件)，未免有点杀鸡用牛刀，小题大做了。
其实，用远程桌面就可以直接复制文件到本机。只需要在启动远程桌面程序时，选择“本地资源”项，选中“磁盘驱动器”，然后，在远程服务器上，就可以看到本机的驱动器了(如同浏览网络邻居共享出来的文件夹)