zoukankan      html  css  js  c++  java
  • 第五篇

    1.前端需要注意哪些SEO?

    1)合理的title、description、keywords:

    搜索对这三项的权重逐个减小,title值强调重点即可,重要关键词出现不要超过2次,而且要靠前,不同页面title要有所不同;

    description把页面内容高度概括,长度合适,不可过分堆砌关键词,不同页面description有所不同;

    keywords列举出重要关键词即可。

    2)语义化的HTML代码,符合W3C规范:语义化代码让搜索引擎容易理解网页

    3)重要内容HTML代码放在最前:搜索引擎抓取HTML顺序是从上到下,有的搜索引擎对抓取长度有限制,保证重要内容一定会被抓取;

    重要内容不要用Js输出:爬虫不会执行js获取内容。

    4)少用iframe:搜索引擎不会抓取iframe中的内容

    5)非装饰性图片必须加alt

    6)提高网站速度:网站速度是搜索引擎排序的一个重要指标。

    2.<img>的title和alt有什么区别?

    title通常是当鼠标滑动到元素上的时候显示;

    alt是<img>的特有属性,是图片内容的等价描述,用于图片无法加载时显示,以及读屏器阅读图片。可提高图片高访问性,

    除了纯装饰性图片以外都必须要设置有意义的值,搜索引擎会重点分析。

    3.HTTP的几种请求方法用途?

    1、GET方法

    发送一个请求来取得服务器上的某一资源

    2、POST方法

    向URL指定的资源提交数据或附加新的数据

    3、PUT方法

    跟POST方法很像,也是向服务器提交数据。但是,他们之间有不同。PUT指定了资源在服务器上的位置,而POST没有。

    4、HEAD方法

    只请求页面的首部

    5、DELETE方法

    删除服务器上的某资源

    6、OPTIONS方法

    它用于获取当前URL所支持的方法。如果请求成功,会有一个Allow的头包含类似“GET,POST”这样的信息

    7、TRACE方法
    TRANCE方法被用于激发一个远程的,应用层的请求消息回路

    8、CONNECT方法

    把请求连接转换到透明的TCP/IP通道

    4.从浏览器地址栏输入url到显示页面的步骤?

    1)浏览器根据请求的URL交给DNS域名解析,找到真实IP,向服务器发起请求;

    2)服务器交给后台处理完成后返回数据,浏览器接受文件(HTML、JS、CSS、图像等);

    3)浏览器对加载到的资源(HTML、JS、CSS等)进行语法解析,建立相应的内部数据结构(如HTML的DOM);

    4)载入解析到的资源文件,渲染页面,完成。

    5.如何进行网站性能优化?

    1)content方面

    减少HTTP请求:合并文件、CSS Sprite、inline Image(通过把图片变成base24编码结构)

    减少DNS查询:DNS缓存、将资源分布到恰当数量的主机名

    减少DOM元素数量

    2)Server方面

    使用CDN、配置ETag、对组件使用Gzip压缩

    3)Cookie方面

    减小cookie大小

    4)css方面

    将样式表放到页面顶部、不使用CSS表达式、使用<link>,不使用@import  

    link与@import的区别:https://www.cnblogs.com/my--sunshine/p/6872224.html

    5)Javascript方面

    将脚本放到页面底部、将javascript和css从外部引入

    压缩javascript和css

    删除不需要的脚本

    减少DOM的访问

    6)图片方面

    优化图片:根据实际颜色需要选择色深、压缩

    CSS Sprite

    不要在HTML中拉伸图片

    6.语义化的理解?

    用正确的标签做正确的事情 ;

    html语义化就是让页面的内容结构化,便于对浏览器、搜索引擎解析;

    在没有样式CSS情况下也以一种文档格式显示,并且是容易阅读的。

    搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,利于SEO。

    使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。

    7.WEB标准以及W3C标准是什么?

    标签闭合、标签小写、不乱嵌套、使用外链css和js、结构行为表现的分离

    8.说说你对作用域的理解?

    作用域链的作用是保证执行环境里有权访问的变量和函数是有序的,作用域链的变量只能向上访问,变量访问到window对象即被终止,作用域链向下访问

    的变量是不被允许的。

    简单的说,作用域就是变量与函数的可访问范围,即作用域控制着变量与函数的可见性和生命周期。

    9.谈谈this对象的理解?

    this总是指向函数的直接调用者(而非间接调用者)

    如果有new关键字 ,this指向new出来的那个对象

    在事件中,this指向触发这个事件的对象,特殊的是,IE中的attachEvent中的this总是指向全局对象window。

    10.XML和JSON的区别?

    1)数据体积方面

    JSON相对于XML来讲,数据的体积小,传递的速度更快些。

    2)数据交互方面

    JSON与Javascript的交互更加方便,更容易解析处理,更好的数据交互。

    3)数据描述方面

    JSON对数据的描述性比XML较差

    4)传输速度方面

    JSON的速度远远快于XML

  • 相关阅读:
    sass和less的对比
    vue 源码分析
    vue的全家桶
    Vue组件化和路由
    开发技术文档汇总
    NodeJs前端构建工具 ——————之Grunt篇
    grunt使用小记之uglify:最全的uglify使用DEMO
    20 种提升网页速度的技巧
    webfont应用系列(二)如何制作图标字体?
    快速上手制作Icon Font
  • 原文地址:https://www.cnblogs.com/huen2015/p/10553791.html
Copyright © 2011-2022 走看看