WEB 面试题(二) WEB前端B:JSJQuery基础

2024-04-27 16:38

本文主要是介绍WEB 面试题(二) WEB前端B:JSJQuery基础,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

28.请解释一下 JavaScript 的同源策略
a. 同源策略指的是协议,域名,端口相同
b. 同源策略是一种安全协议
c. 指一段脚本只能读取来自同一来源的窗口和文档的属性
29.一次js请求一般情况下有哪些地方会有缓存处理?
a. 浏览器端存储
b. 浏览器端文件缓存
c. HTTP缓存304
d. 服务器端文件类型缓存
e. 表现层&DOM缓存
30.JavaScript中的“=、=”区别?
a.=:即赋值运算;
b.:判断两个变量是否相同,仅限于值,如果值相同而类型不同,那么JavaScript引擎会在内部做类型转换;
c.
=:判断两个变量是否相同,无论是值还是类型,如果类型不同而值相同,也会返回false,而引擎不会在内部进行转换。
31.JavaScript中的“undefined、null”区别?
a.undefined出现的原因是JavaScript引擎不知道这是个什么东西,而对于null,JavaScript引擎识别了它,但是没有被分配内存空间。
b.undefined的类型就是undefined,而null的类型是object
32.简述javascript的作用域和闭包?
a.js变量的作用域是指:函数内定义的局部变量只在此函数内有效,而全局变量可以全局有效。
b.闭包的作用就在于能够改变局部变量的作用域,将值保存下来,但是如果使用不当会造成无法回收变量,引起性能问题,甚至崩溃
c.http://blog.csdn.net/gaoshanwudi/article/details/7355794
33.javascript的typeof返回哪些数据类型?
a.Object
b.Number
c.Function
d.Boolean
e.Underfind
f.string
34.split() join() 的区别?
a.前者是切割成数组的形式
b.后者是将数组转换成字符串
35.数组方法pop() push() unshift() shift() 的作用?
a.Push()尾部添加
b.pop()尾部删除
c.Unshift()头部添加
d.shift()头部删除
36.javascript的本地对象,内置对象和宿主对象?
(扩展:https://blog.csdn.net/xiasohuai/article/details/86005303)
a.本地对象为array obj regexp等可以new实例化
b.内置对象为gload Math 等不可以实例化的
c.宿主为浏览器自带的document,window 等
37.document load 和document ready的区别?
a.load是当页面所有资源全部加载完成后(包括DOM文档树,css文件,js文件,图片资源等),执行一个函数
问题是如果图片资源较多,加载时间较长,onload后等待执行的函数需要等待较长时间,所以一些效果可能受到影响
b.$(document).ready()是当DOM文档树加载完成后执行一个函数 (不包含图片,css等)所以会比load较快执行,在原生的jS中不包括ready()这个方法,只有load方法就是onload事件
38.列举你用过的javascript框架,并简述它们的优缺点
a.js框架:jQuery EasyUI、ExtJS、Bootstrap、AngularJS等等。
b.jQuery EasyUI:轻量级web前端ui开发框架,尤其适合MIS系统的界面开发,能够重用jquery插件。
c.ExtJS:统一的前端UI开发框架,学习难度中等。尤其适合MIS系统的界面开发,开发文档和例子代码都比较完整。缺点是大量的js脚本,降低了运行速度。
d.Bootstrap:响应式网站开发框架,优点是降低了后端开发人员开发前端页面的难度,统一了界面风格,缺点是界面风格比较单一。
e.AngularJS:将java后端的优秀特性引入到了js前端,大而全的框架。缺点是学习曲线高,Angular2几乎重写。
39. jQuery 能做什么?
a.获取页面的元素
b.修改页面的外观
c.改变页面大的内容
d.响应用户的页面操作
e.为页面添加动态效果
f.无需刷新页面,即可以从服务器获取信息
g.简化常见的javascript任务
40.你使用过哪些数据格式,它们各有什么特点?
a.HTML格式,JSON格式,javascript格式,XML格式
b.HTML片段提供外部数据一般来说是最简单的
c.如果数据需要重用,而且其他应用程序也可能一次受到影响,那么在性能和文件大小方面具有优势的JSON通常是不错的选择
d.当远程应用程序未知时,XML则能够为良好的互操作性提供最可靠的保证
41.XML 与 HTML 的主要区别?
a.XML是区分大小写字母的,HTML不区分
b.在HTML中,如果上下文清楚地显示出段落或者列表键在何处结尾,那么你可以省略

或者之类的结束 标记。在XML中,绝对不能省略掉结束标记
HTML:


XML:


c.在XML中,拥有单个标记而没有匹配的结束标记的元素必须用一个 / 字符作为结尾。这样分析器就知道不用 查找结束标记了
d.在XML中,属性值必须分装在引号中。在HTML中,引号是可用可不用的
e.在HTML中,可以拥有不带值的属性名。在XML中,所有的属性都必须带有相应的值
f.XML是用来存储和传输数据,HTML是用来显示数据
g.扩展:如果使用了完全符合XML语法要求的HTML,那么就叫做符合XHTML标准。符合XHTML标准的页面有利于SEO
42.请你谈谈Cookie的弊端
a.每个特定的域名下最多生成的cookie个数有限制
b.IE和Opera 会清理近期最少使用的cookie,Firefox会随机清理cookie
c.cookie的最大大约为4096字节,为了兼容性,一般不能超过4095字节
d.安全性问题。如果cookie被人拦截了,那人就可以取得所有的session信息。
e.扩展:浏览器本地存储
在HTML5中提供了sessionStorage和localStorage。
sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁,是会话级别的存储
localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的
43.web storage和cookie的区别
a.Cookie的大小是受限的
b.每次你请求一个新的页面的时候Cookie都会被发送过去,这样无形中浪费了带宽
c.cookie还需要指定作用域,不可以跨域调用
d.Web Storage拥有setItem,getItem等方法,cookie需要前端开发者自己封装setCookie,getCookie
e.Cookie的作用是与服务器进行交互,作为HTTP规范的一部分而存在 ,而Web Storage仅仅是为了在本地“存储”数据而生
IE7、IE6中的UserData通过简单的代码封装可以统一到所有的浏览器都支持web storage

这篇关于WEB 面试题(二) WEB前端B:JSJQuery基础的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/941010

相关文章

html--瀑布效果

<!doctype html><html><head><meta charset="utf-8"><title>瀑布效果</title><style>body {background: #222;color: white;overflow:hidden;}#container {box-shadow: inset 0 1px 0 #444, 0 -1px 0 #000;height:

学习前端第三十三天(函数对象,NFE,定时器)

一、函数对象 函数的类型是对象。 1.属性“name” 函数都有个“name”,即使函数被创建时没有名字,名称赋值的逻辑也能给它赋予一个正确的名字,然后进行赋值。 const fn = function () { };function fnn() {}const user = {sayBye: function () { }};const arr = [function (

第42天:WEB攻防-PHP应用MYSQL架构SQL注入跨库查询文件读写权限操作

第四十二天 一、PHP-MYSQL-SQL注入-常规查询 1.PHP-MYSQL-Web组成架构 MySQL(统一管理) ​ root(自带默认) ​ 网站A testA ​ 网站B testB MySQL(一对一管理) ​ testA用户 ​ 网站A testA ​ testB用户 ​ 网站B testB access无数据库用户 mysql里面有内置的管理用户,其

【MySQL数据库开发设计规范】之基础规范

欢迎点开这篇文章,自我介绍一下哈,本人笔名姑苏老陈,是一个JAVA开发老兵。 本文收录于 《MySQL数据库开发设计规范》专栏中,该专栏主要分享一些关于MySQL数据库开发设计相关的技术规范文章,定期更新,欢迎关注,谢谢 :-) 文章目录 一、前言二、基础规范三、总结 一、前言 在我们对数据库技术方案设计的时候,我们是否有自己的设计理念或者原则,还是更多的依据自

在vue项目中使用echarts 阿星小栈

在后台管理系统中,图表是一个很普遍的元素。目前常用的图标插件有 charts,  Echarts, highcharts。这次将介绍 Echarts 在 Vue 项目中的应用。 安装echarts依赖 npm install echarts -S 或者使用国内的淘宝镜像: 安装 npm install -g cnpm --registry=https://registry.npm.

CSS上下左右居中 阿星小栈

align-items: center;justify-content: center; //水平text-align: center;display: flex;

Vue、React实现excel导出功能(三种实现方式保姆级讲解)

第一种:后端返回文件流,前端转换并导出(常用,通常公司都是用这种方式) 第二种:纯后端导出(需要了解) 第三种:纯前端导出(不建议使用,数据处理放在前端会引发一些不必要的问题) 一、实现效果: 二、以下是三种不同方式实现的详细步骤: 1、后端返回文件流,前端转换后并导出 (1)添加导出按钮 代码如下: <!-- 这里我用的是antdVue组件库,按照你当前项目使用的组件库更改一

PHP json_encode返回的json前端获取时出现unicode转码和反斜杠\导致无法解析的解决办法...

今天用PHP写一个接口文件出现了一个非常奇葩的问题,首先我的json字符串绝对没有问题,然后使用json_encode编码后echo出去作为接口的返回值。前端使用JS获取接口返回的json对象时,返回的是一个字符串,不是Object(正常应该返回JSON的Object)。而且这个字符串还被Unicode转码过。 (截图只贴了一部分json值) 我以为Unicode转码的问题,就在网上找

常见C语言基础说明五:数组名当函数参数传入

一.  简介 前面几篇学习了  C语言中基础问题,文章如下: 常见C语言基础题说明一-CSDN博客 常见C语言基础说明二:位运算问题-CSDN博客 常见C语言基础说明三:static修饰的函数或变量-CSDN博客 常见C语言基础说明四:#define宏定义与 a---CSDN博客 本文继续学习 嵌入式C开发中,可能涉及的一些C语言基础问题。 二.  常见C语言基础说明

android运用第一课-----java基础语法

权限关键字 1.默认: 对于成员:不写时默认为default,比public稍严格对于方法:不写时默认为default,比public稍严格 2.public : 公有的:外部类中可访问,内部类中更可访问 3.private: 私有的,在当前类中可以访问,在外部类中不能访问。 4.protect: package语法 包,包名一般是小写字母域名反写。打包命令: java