前端与移动开发

119节课程 2人已学
第1章  HTML5
1.1

cookie,sessionstorage,localStorage的区别
第2章  CSS3
2.1

两栏布局,高度相等,右边固定宽度400px,左边自适应(请写出html和css)
2.2

常见的几种页面布局的方式
第3章  移动端布局
3.1

移动端遮罩层布局
3.2

移动端底部导航栏布局
3.3

移动端商城适配方案
3.4

flexbox弹性盒子布局
3.5

移动端布局
3.6

关于移动端项目中字体的问题
3.7

做过移动端电商项目吗?使用过什么框架?
3.8

H5响应式,你经常用什么来写?
第4章  JavaScript
4.1

$.extend和$.fn.extend有什么区别,分别怎么用
4.2

attribute和property的区别是什么?
4.3

谈谈对this的理解
4.4

some、every、reduce、filter、map、forEach有什么区别
4.5

bind、call、apply的区别
4.6

js中 json对象与 json 字符串互转的方法
4.7

JavaScript 中的垃圾回收机制
4.8

说说事件委托机制?这样做有什么好处
4.9

什么是预解析
4.10

什么是原形链
4.11

html常见的兼容性问题
4.12

描述浏览器的渲染过程,DOM树和渲染树的区别?
4.13

如何编写高性能的JavaScript?
4.14

JS有哪些内置对象?
4.15

document load和document ready有什么区别
4.16

阐述一下异步加载JS。
4.17

简单描述什么是变量名提升什么是预解析?
4.18

简单解释一下什么是闭包?
4.19

js异步请求方法
4.20

null和undefined 的区别?
4.21

简单说明事件委托目的,功能
4.22

简略写出jQuery链式调用实现方法
4.23

说说你对Promise的理解
4.24

es6新语法都有哪些新特性?
4.25

cookie,sessionStorage,localStorage的区别
4.26

怎么给jQuery扩展插件
4.27

Doctype作用,严格模式与混杂模式如何区分?它们有何意义?
4.28

什么是 Window 对象? 什么是 Document 对象?
第5章  jQuery
5.1

jQuery一个对象可以同时绑定多个事件,是如何实现的?
5.2

$(document).ready()是个什么函数?为什么要用它
第6章  AJAX
6.1

如何解决跨域问题
6.2

解释jsonp的原理
6.3

简述ajax的过程?
6.4

get请求与post请求的区别,什么是跨域?
6.5

如何解决json返回的数据中文乱码问题
6.6

Ajax解决浏览器缓存问题?
6.7

写出以下http状态码的含义:200 204 301 304 403 404 500
6.8

axios是什么?怎么使用?描述使用它实现登录功能的流程?
第7章  Node
7.1

简述几个node常用指令
第8章  Vue
8.1

说出三种降低网页加载速度的方法
8.2

项目的优化
8.3

怎么样降低请求量
8.4

怎么样减少项目中的请求数
8.5

浏览器兼容性问题
8.6

跨终端web优化
8.7

简单描述一下购物车实现逻辑
8.8

购物网站支付功能怎么实现?
8.9

浏览器是如何渲染页面的?
8.10

移动app的一个拍照功能
8.11

浏览器的兼容性
8.12

webpack打包减小打包体积,怎么优化
8.13

简述从浏览器地址栏输入url到显示页面的步骤
8.14

element-ui框架MessageBox如何使用
8.15

vue2包含哪些生命周期函数
8.16

vue父子组件如何实现通信?
8.17

Vue的路由配置
8.18

vue的生命周期
8.19

vue能做后台交互吗
8.20

不用Vuex会带来什么问题?
8.21

能用vue开发项目吗
8.22

vuex是做什么的
8.23

vue框架做开发有什么优势?
8.24

vue.cli中怎样使用自定义的组件?有遇到过哪些问题吗?
8.25

vuex的Getter特性了解过吗?有什么作用
8.26

Webpack的自动化设置
8.27

如何在vue里添加音频?
8.28

vue跟react的区别
8.29

vue里如何给元素绑定事件?
8.30

vue中父组件与子组件之间的怎么传值
8.31

vue能不能跟后台做交互
8.32

vuex有几种属性
8.33

vue中子组件怎么向父组件传值
8.34

怎么定义vue-router的动态路由?怎么获取传过来的动态参数?
8.35

vue-router实现原理
8.36

vuex有哪几种属性?
8.37

v-model是什么?怎么使用?
8.38

vue-router有哪几种导航钩子?
8.39

vue与angular的区别?
8.40

mvvm框架是什么?它和其它框架(jquery)的区别是什么?哪些场景适合?
8.41

vue如何实现按需加载配合webpack设置
8.42

vue中组件是怎么使用的
8.43

vue中路由之间跳转
8.44

vue组件之间的传值
8.45

vue有哪些优点
8.46

vue中的状态管理
8.47

vue项目中代理配置
8.48

vuex是什么?它实现数据状态改变的思路是什么?
第9章  小程序
9.1

何为非受控组件?一般用在哪里?
9.2

为什么建议传递给 setState 的参数是一个 callback 而不是一个对象?
9.3

如何跳出微信小程序五层页面跳转限制?
9.4

简要介绍下小程序里事件的使用方式
9.5

小程序可以使用第三方组件吗?
9.6

小程序里的微信支付怎么实现?
9.7

怎么样提高小程序的应用速度?
9.8

小程序是怎么封装数据请求的
9.9

小程序与H5的区别
9.10

你使用过哪些方法,来提高微信小程序的应用速度?
第10章  React
10.1

react的生命周周期
10.2

在React当中Element和Component有何区别
10.3

React中有哪些构建组件的方式?有什么区别?
10.4

React 中的keys是什么,为什么它们很重要?
10.5

为什么虚拟dom会提高性能?
10.6

React 当中 Element 和 Component 有何区别
10.7

react性能优化是哪个周期函数?
10.8

redux有什么缺点
10.9

redux中间件
10.10

react性能优化方案
10.11

react生命周期函数
< 上一节
1.1cookie,sessionstorage,localStorage的区别
下一节 >

(1)问题分析

面试官主要是针对浏览器缓存方面的知识面进行考核,其中主要考点是HTML 5 本地存储的应用的考察,旨在敲定求职者是否具备真实的开发工作经验。

(2)核心问题讲解

共同点

都是保存在浏览器端!

区别

 1)cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递;存储大小限制也不同,cookie数据不能超过4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据,如会话标识。

而sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。

2) 数据有效期不同,sessionStorage:仅在当前浏览器窗口关闭前有效,自然也就不可能持久保持;localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据;cookie只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。

3)作用域不同,sessionStorage不在不同的浏览器窗口中共享,即使是同一个页面;localStorage 在所有同源窗口中都是共享的;cookie也是在所有同源窗口中都是共享的。

(3) 问题扩展

1)session和cookie有什么区别 ?

建议答案 : session是存储服务器端,cookie是存储在客户端,所以session的安全性比cookie高。获取session里的信息是通过存放在会话cookie里的session id获取的。而session是存放在服务器的内存中里,所以session里的数据不断增加会造成服务器的负担,所以会把很重要的信息存储在session中,而把一些次要东西存储在客户端的cookie里。

session的信息是通过sessionid获取的,而sessionid是存放在会话cookie当中的,当浏览器关闭的时候会话cookie消失,所以sessionid也就消失了,但是session的信息还存在服务器端

2)怎么给localStorage设置值,和获取值 ?

设置值:localStorage.setItem(键,值)

获取值:localStorage.getItem(键)

(4)结合项目中使用

 这个用的比较多的是在注册登陆这个功能的时候

评论( 0
我要评论

还可以上传7

表情
  • QQ扫码
  • 微信扫码