济宁网站建设神华科技,盈科互动网站建设制作公司,会员管理系统开发,seo网站建设视频教程一、选择题1. 浏览器端的存储技术有哪些()A.cookie B.localStorage C.session D.userData答案#xff1a;A B D分析#xff1a;cookie通常用于存储用户等登录信息#xff0c;能够存储的数据是有限的#xff0c;而且在指定域名下所有的请求都会带上。localStoage是…一、选择题1. 浏览器端的存储技术有哪些()A.cookie B.localStorage C.session D.userData答案A B D分析cookie通常用于存储用户等登录信息能够存储的数据是有限的而且在指定域名下所有的请求都会带上。localStoage是H5新增用于本地存储能够存储更多的数据通常是5Msession服务器端与客户端建立的会话不属于浏览器端存储技术userData是IE专有的存储方案可以用来存储一些数据2. (function() { return typeof arguments; })(); 代码将会返回()A.object B.array C.arguments D.undefined答案A分析arguments 是类数组正常情况下typeof []会返回object所以typeof arguments也会返回object3. function fn() { return fn; } new fn() instanceof fn; 上面的代码会输出()A.true B.false答案false分析fn作为构造函数如果内部没有显示的声明return语句默认会返回一个fn的实例对象也就是new fn() instanceof fn会返回true但是这里有return fn;这条语句那么new fn()就会返回fn所以结果为false4. 下列哪个属性不会让div脱离文档流(normal flow)()A.position: absolute B.position: fixed C.position: relative D.float: float答案C分析position: relative相对于自己定位不会脱离文档流5. 正则表达式/^d**[^d]*[w]{6}$/下面的字符串哪个能正确匹配()A.***abcABCD_89 B.abc*abcABCDEFC.123*abcABCD_89 D.123*ABCabcd-89答案AC分析^ 表示匹配字符必须以后面规则开始d* 表示零个或者多个数字* 表示只匹配字符*[^d]* 表示匹配零个或者多个非数字字符[w] 表示匹配字母数字下划线字符相当于[0-9a-zA-Z_]{6} 表示要要进行匹配的字符数要大于等于6答案A* 属于初次匹配内容其他的是剩下规则匹配6. (function() { var a b 5; })(); console.log(b); console.log(a); 代码输出结果()A.5, 5 B.undeinfed, undefined C.5, undefined D.程序抛错答案D分析程序执行完之后会先打印5然后抛错因为var a b 5;相当于b 5; var a 5在非严格模式下全局环境不声明直接赋值相当于给window对象赋值所以相当于window.b 5; 然而a的作用域是匿名自执行函数内所以在全局作用域下面是访问不到的二、简单题7. 下面的代码输出顺序console.log(‘one‘);setTimeout(function() {console.log(‘two‘);}, 0);new Promise(function(resolve, reject) {console.log(‘three‘);resolve();}).then(function() {console.log(‘four‘);});console.log(‘five‘);答案one three five four two分析程序从上往下执行首先打印出来onenew Promise会执行他的构造函数这时候打印three然后因为Promise属于异步microtask这个时候会继续执行主线程代码打印出来five这个时候会执行microtask队列打印出来four接下来执行macrotask任务队列打印出来two8. 下面的代码输出结果falseStr false;if (true) {var falseStr;if (falseStr) {console.log(false true);console.log(false false);}}答案false false分析下面的规则用于判定运算符比较的两个值是否相等1.如果两个值具有相同的类型那么就检测它们的等同性。如果这两个值完全相同它们就相等。如果它们不完全相同则它们不相等。2.如果两个值的类型不同它们仍然可能相等。用下面的规则和类型转换来检测它们的相等性2.1 如果一个值是null,另一个值是undefined,它们相等。2.2 如果一个值是数字另一个值是字符串把字符串转换为数字再用转换后的值进行比较。2.3 如果一个值是true将它转换成1再进行比较。如果一个值为false把它转换成0再进行比较。2.4 如果一个值是对象另一个值是数字或者字符串将对象转换成原始类型的值再进行比较。2.5 其他的数值组合是不相等的。9. 下面的代码输出结果var length 10;var obj {length: 5,func: function() {console.log(this.length);}};var func obj.func;func();obj.func();答案105分析函数的作用域是在被定义时候决定跟执行环境没有关系所以var func obj.func;可以理解为在全局作用域定义了func所以func函数内的this应该是全局浏览器环境下是window所以length为10。obj.func函数的执行上下文对象是obj所以length是510. PNG,GIF,JPG的区别及如何选GIF256色无损编辑 保存时候不会损失。支持简单动画支持boolean透明也就是要么完全透明要么不透明JPGmillions of colors有损压缩 意味着每次编辑都会失去质量不支持透明适合照片实际上很多相机使用的都是这个格式PNG无损其实PNG有好几种格式的一般分为两类PNG8和truecolor PNGs与GIF相比它通常会产生较小的文件大小它支持阿尔法(变量)透明度无动画支持(可通过CSS3实现动画效果)与JPEG相比文件更大无损因此可以作为JPEG图片中间编辑的中转格式结论JPEG适合照片GIF适合动画PNG8适合其他任何种类——图表buttons背景图表等等11. 请用CSS实现屏幕正中间有个元素A随着屏幕宽度的增加始终满足以下条件1)A元素垂直居中于屏幕中央2)A元素离屏幕左右边距各10px3)A元素的高度始终是A元素宽度的50%答案这道题目有多种实现方案方案如下1.1 CSS3 flex来实现对父元素设置样式display: flex; align-items: center;1.2 父元素设置postion: relative; A元素设置样式position: absolute; top: 50%; transform: translateY(-50%);1.3 父元素设置postion: relative; A元素设置postition: absolute; top: 0; bottom: 0; margin: auto 0;2.1 A元素margin-left: 10px; margin-right: 10px;3.1 这里借助于padding百分比来实现padding百分比w3c解释是规定基于父元素的宽度的百分比的内边距
