没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
试读
71页
1.前端性能优化手段? 1. 尽可能使用雪碧图 2. 使用字体图标代替图片 3. 对HTML,css,js 文件进行压缩 4. 模块按需加载 5. 资源懒加载与资源预加载 6. 避免使用层级较深的选择器及减少DOM深度 2.单页面应用和多页面应用的区别及优缺点? 单页面的概念: 单页面应用(SPA),其实就是指只有一个主页面的应用,类似前端现在的三大框架,React.Vue,Angular 浏览器一开始要加载所有必须的html,js css。所有的页面内容都包含在这个所谓的主页面中。 单页面的原理:利用js感知到URL的变化,通过这一点,可以用js动态的将当前的页面内容清除掉,然后将下一个页面的内容挂载到当前的页面上。页面每次切换跳转时,并不需要做html文件的请求,这样就节约了很多http发送延迟,我们在切换页面的时候速度很快。 单页面的优点: 1. 加载速度快,用户体验好,内容的改变不需要重新加载整个页面,基于这一点SPA对服务器压力较小。 2. 前后端分离 3. 页面视觉效果良好 单页面的缺点: 1. 不利于SEO(搜索引擎优化) 2. 页面初次加
资源推荐
资源详情
资源评论
1.前端性能优化手段?
1. 尽可能使用雪碧图
2. 使用字体图标代替图片
3. 对 HTML,css,js 文件进行压缩
4. 模块按需加载
5. 资源懒加载与资源预加载
6. 避免使用层级较深的选择器及减少 DOM 深度
2.单页面应用和多页面应用的区别及优缺点?
单页面的概念: 单页面应用(SPA),其实就是指只有一个主页面的应用,类似前
端现在的三大框架,React.Vue,Angular 浏览器一开始要加载所有必须的 html,js
css。所有的页面内容都包含在这个所谓的主页面中。
单页面的原理:利用 js 感知到 URL 的变化,通过这一点,可以用 js 动态的将当
前的页面内容清除掉,然后将下一个页面的内容挂载到当前的页面上。页面每次
切换跳转时,并不需要做 html 文件的请求,这样就节约了很多 http 发送延迟,
我们在切换页面的时候速度很快。
单页面的优点:
1. 加载速度快,用户体验好,内容的改变不需要重新加载整个页
面,基于这一点 SPA 对服务器压力较小。
2. 前后端分离
3. 页面视觉效果良好
单页面的缺点:
1. 不利于 SEO(搜索引擎优化)
2. 页面初次加载时比较慢
3. 页面复杂度提高很多
多页面的概念: 多页面(MPA),就是指一个应用中有多个页面,页面跳转时
是整个页面都刷新,每次都请求一个新的页面。
多页面的优点:首屏加载时间快,SEO 效果好
多页面的缺点:页面切换慢,每次切换页面都需要选择性的重新加载公共资源
3. var,let,const 的区别?
var:var 的作用域是函数作用域,在一个函数内利用 var 声明一个
变量,则这个函数只在这个函数内有效,存在变量提升。
let :作用域是块级作用域 不存在变量提升,不允许重复定义。
const :一般用来声明常量,且声明的常量是不允许被改变的,声
明的时候就赋值,不存在变量提升,不允许重复定义。
4. 箭头函数和普通函数的区别?
箭头函数:
1. this 指向:箭头函数指向 定义时所在的作用域中的 this 指向
2. 箭头函数作为匿名函数,是不能作为构造函数的,不能使用 new
3. 箭头函数不能换行
普通函数:
1. this 指向:谁调用就指向谁
5. 流式布局和响应式布局?
流式布局: 使用非固定像素来定义网页内容,也就是百分比布局,
通过盒子的宽度设置成百分比来根据屏幕的宽度来进 行伸缩,不
受固定像素的限制,内容向两侧填充。
响应式布局: 利用 CSS3 中的 Media Query(媒介查询),通过查询
screen 的宽度来指定某个宽度区间的网页布局。
6. css 优先级算法?
!important>内联>ID 选择器>class 选择器>元素选择器>通配符
选择器>继承>浏览器默认属性
7. null 和 undefined 的区别?
undefined:类型只有一个,即 undefined,当声明变量还未被初
始化时就是 undefined
null:类型也只有一个值,即 null。null 用来表示尚未存在的对象,
常用来表示函数企图返回一个不存在的对象
8. http 和 https 的区别?
https:是以安全为目标的 HTTP 通道,简单讲是 HTTP 的安全版本,
通过 SSL 加密。
http:超文本传输协议。是一个客服端和服务器端请求和应答的标
准(tcp),使浏览器更加高效,使网络传输减少。
9. ajax 的理解?
ajax 的原理:原理:相当于在用户和服务器之间加一个中间层(ajax
引擎),使用户操作与服务器响应异步化。
ajax 的优点:在不刷新整个页面的前提下与服务器通信维护数据。
不会导致页面的重载可以把前端服务器的任务转接到客服端来处
理,减轻服务器负担,节省宽带。
ajax 的劣势:不支持 back。对搜索引擎的支持比较弱;不容易调
试 怎么解决呢?通过 location.hash 值来解决 Ajax 过程中导致的
浏览器前进后退按键失效,解决以前被人常遇到的重复加载的问题。
主要比较前后的 hash 值,看其是否相等,在判断是否触发 ajax。
10. Html5 新增哪些新特性?移出了哪些元素 ?
H5 新增特性:
1. 用于绘画的 canvas 元素
2. 用于媒介回放的 video 和 audio 元素
3. 对本地离线存储的更好的支持(本地存储)
4.新增标签: header footer article nav section
5.新增表单控件:calender date time email url search
移除的元素:basefont big center font s strike tt u
11.移动端点透问题,如何解决?
剩余70页未读,继续阅读
资源评论
- 硬用大师2023-02-09#完美解决问题 #运行顺畅 #内容详尽 #全网独家 #注释完整
计码源泉
- 粉丝: 2
- 资源: 74
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功