优化

优化

1. 谈谈base64的理解

2. 项目管理工具的使用

3. 解释下 CSS sprites，以及你要如何在页面或网站中使用它

   1. CSS Sprites 其实就是把网页中一些背景图片整合到一张图片文件中，再利用 CSS 的"background-image"，"background-repeat"，"background-position" 的组合进行背景定位，background-position 可以用数字能精确的定位出背景图片的位置。这样可以减少很多图片请求的开销，因为请求耗时比较长；请求虽然可以并发，但是也有限制，一般浏览器都是6个。对于未来而言，就不需要这样做了，因为有了 http2。

4. 减少加载页面的方法

5. 哪些工具测试代码的性能

6. 哪些操作会造成内存泄漏

7. 遇到比较难的技术问题，如何解决

8. 代码压缩的方法

9. 前端需要注意哪些 SEO ？

（1）合理的 title、description、keywords：搜索对着三项的权重逐个减小，title 值强调重点即可，重要关键词出现不要超 过2次，而且要靠前，不同页面 title 要有所不同；description 把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面 description 有所不同；keywords 列举出重要关键词即可。

（2）语义化的 HTML 代码，符合 W3C 规范：语义化代码让搜索引擎容易理解网页。

（3）重要内容 HTML 代码放在最前：搜索引擎抓取 HTML 顺序是从上到下，有的搜索引擎对抓取长度有限制，保证重要内容肯定被
抓取。

（4）重要内容不要用 js 输出：爬虫不会执行 js 获取内容

（5）少用 iframe：搜索引擎不会抓取 iframe 中的内容

（6）非装饰性图片必须加 alt

（7）提高网站速度：网站速度是搜索引擎排序的一个重要指标

10. 谈谈垃圾回收机制和内存管理

11. 如何用谷歌排查js内存泄漏

12. 可视化图表插件

13. 什么是优雅降级和渐进增强

14. 前端性能优化

    前端性能优化主要是为了提高页面的加载速度，优化用户的访问体验。我认为可以从这些方面来进行优化。
    
     第一个方面是页面的内容方面
    
     （1）通过文件合并、css 雪碧图、使用 base64 等方式来减少 HTTP 请求数，避免过多的请求造成等待的情况。
    
     （2）通过 DNS 缓存等机制来减少 DNS 的查询次数。
    
     （3）通过设置缓存策略，对常用不变的资源进行缓存。
    
     （4）使用延迟加载的方式，来减少页面首屏加载时需要请求的资源。延迟加载的资源当用户需要访问时，再去请求加载。
    
     （5）通过用户行为，对某些资源使用预加载的方式，来提高用户需要访问资源时的响应速度。
    
     第二个方面是服务器方面
    
     （1）使用 CDN 服务，来提高用户对于资源请求时的响应速度。
    
     （2）服务器端启用 Gzip、Deflate 等方式对于传输的资源进行压缩，减小文件的体积。
    
     （3）尽可能减小 cookie 的大小，并且通过将静态资源分配到其他域名下，来避免对静态资源请求时携带不必要的 cookie
    
     第三个方面是 CSS 和 JavaScript 方面
    
     （1）把样式表放在页面的 head 标签中，减少页面的首次渲染的时间。
    
     （2）避免使用 @import 标签。
    
     （3）尽量把 js 脚本放在页面底部或者使用 defer 或 async 属性，避免脚本的加载和执行阻塞页面的渲染。
    
     （4）通过对 JavaScript 和 CSS 的文件进行压缩，来减小文件的体积。
    

15. 提升页面加载速度的方法

16. 请说出三种减少页面加载时间的方式

17. 如何进行网站性能优化，用户角度和服务商角度

18. html上传图片或文件有几种方式

19. 使用过哪些前端框架，说说优缺点

20. 谈谈垃圾回收机制方式及内存管理

    1. 垃圾回收机制
       1. 原理：垃圾收集器会定期（周期性）找出那些不在继续使用的变量，然后释放其内存。但是这个过程不是实时的，因为其开销比较大，所以垃圾回收器会按照固定的时间间隔周期性的执行
       2. 方式：
          1. 标记清除(较为常用)和引用计数。
    2. 内存管理
       1. 内存泄漏：指一个不再被使用的对象或者变量还在内存中占有存储空间。
       2. 出现的情况：当页面中元素被移除或替换时，若元素绑定的事件仍没被移除，在IE中不会作出恰当处理，此时要先手工移除事件，不然会存在内存泄露

21. 书写代码优化

    1. 工具

    2. 技术栈

    3. 代码规范

       • 文档类型 html5
       • 页面语言 utf-8
       • 书写风格 html标签名，类名，标签，属性统一用小写
       • 双引号
       • 不需要指定type类型 比如link ，script
       • 特殊字符引用
       • 代码缩进
       • 代码嵌套

    4. 图片规范

       • 格式
       • 大小200kb

    5. css规范

       • 代码格式化 展开式
       • 代码大小写
       • 选择器 尽量少用* id
       • 代码缩进
       • 代码易读性
       • 属性书写顺序
         1. 布局 dispaly position float clear overflow
         2. 自身 width height margin padding border
         3. 文本 color font
         4. 其他 cursor box-shadow

    6. 命名规范

       1. 目录命名
          1. 项目文件夹 taobao
          2. 样式文件夹 css
          3. 脚本文件夹 js
          4. 样式类图片文件夹 img
          5. 产品类图片文件夹 upload
          6. 字体文件夹 fonts
       2. class命名

    7. favicon图标

    8. 网站优化三大标签

    9. 字体图标