Web前端开发面试题之基础原理
1、什么是盒子模型？在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分...
2024-01-10
【Web前端问题】今日面试题，有一定难度。求指导
求解答 4题 5题回答：// 第四题var mathLib = { pi: 3.14, area: function(r) { return this.pi * r * r }, circumference: function(r) { return this.pi * r * 2 }}Function.prototype.after = function() { var _self = this return function() { var result = _self....
2024-01-10
【Web前端问题】模态框关闭再次打开会发两条短信
我先描述我的问题：我在页面中使用Bootstrap的模态框，现在操作是 1.点击按钮模态框打开然后关闭2.再次点击打开刚刚的模态框3.模态框中有发送短信的功能，点击发送后会收到两条短信第一步第二步第三步...
2024-01-10
【Web前端问题】JS网页换肤问题
<!DOCTYPE html><html><head><title>网页换肤</title><style type="text/css"> body,ul,li{list-style: none;padding: 0px;margin:0px;} html,body{margin:0;height: 100%} a:link,a:visited{text-decoration: none;} #outer{width:100%;margin:0 auto;} #chooseSt...
2024-01-10
【Web前端问题】数据格式的转换问题
问题描述 const data = [ { month:'2019-01', list:[ {name:'语文',share:98}, {name:'数学',share:89}, {name:'其它',share:45}, ] }, { month:'2019-02', list:[ {name:'外语',share:34}, {name:'数学',share:56},...
2024-01-10
Web开发中一个不怎么常见的跨域问题
当实际接口 http://xxx.com:49152 被重定向到 http://xxx:80 后并被调用时，出现跨域异常 : Error全文 ：Access to XMLHttpRequest at 'http://xxx.com/article/list?origin=&destination=' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn'...
2024-01-10
【Web前端问题】JS循环嵌套问题？
现有一个函数change，接收两个参数，参数arr为一数组，形如 ["A","T","C","G"] ,该数组元素值只可能为字符串"A","T","C","G"之一，参数count为一int，值小于等于arr的长度。函数change实现的功能是将数组arr内的count个元素改为除原值以外的ATCG中另外三个，如"A"改为 "T"/"C"/"G" ，然后输出一个新的二维数组outPut，outP...
2024-01-10
【Web前端问题】ES6模块方法引用
问题描述：我想在export default中的onSdkReady方法中引用export default中IMGetConversationList()此时会报未定义。 当我调用 export default外面的IMGetConversationList方法就能成功调用。 请问这是为什么呢？ 需要大神们能指点一下，thanks回答：可以这么写啊，有截图，亲测有效const obj={ a(){ console.log("----","苏南...
2024-01-10
【Web前端问题】上传文件时的错误提示
如图所示，上传文件出错的提示是来自服务器的信息，如何将该错误提示用js改写为更友好的提示界面？js代码片段：function uploadFile(){ var strFileName = $('#file-scorm').val(); if(strFileName.length>0){ if(!IsValidFileExtention(strFileName,["zip"])){ alert("文件格式不正确！"); return false; }els...
2024-01-10
【Web前端问题】页面滚动，菜单栏悬停怎么实现？
如图当往上滚动，菜单栏滚动到顶部的位置时，再继续滚动，悬停在顶部。问：1、Vue是否有提供这样的控件？2、如果vue没有，有什么现成的一些轮子吗？（最好兼容性好一点，webapp）3、如果现成的轮子也没有，怎么实现？如上，有没有大佬解答下，不胜感激按照 @游龙翔隼的思路已解决，贴上代码...
2024-01-10
【Web前端问题】git工作流中有没有必要使用个人开发分支
如上图是廖雪峰大神的git教程，那么此时在本地新建一个自己的开发分支用意是什么，比起直接在dev分支进行开发的优势又在哪里呢？回答：纸上得来终觉浅。知道有这么个东西就好了，等你真正需要的时候你会想到它的。比如你家里的电脑和公司的电脑同时开发一个东西，但是这个东西你不想影响他...
2024-01-10
【Web前端问题】网站应该选用哪种字体？
一直纠结，到底用哪个，看了看京东的arial又看了看就淘宝的tahoma，有人比较推荐arial寻问一下大家都用啥做字体家族回答：样式表中的字体，其实应该只是一个建议，应该把最终使用哪种字体的权利交给浏览器。所以，样式表中，字体应该用类似Arial这样的字体家族，而非"微软雅黑"这样的固定字体...
2024-01-10
【Web前端问题】关于一个this的问题
构造函数里的this，是什么意思啊function fn(x){ this.x = x //这个this的用意是什么啊}var b = new fn(1)console.log(b.x) //1回答：凌晨开脑洞，试着写了个中(sàng)文(bìng)版：function 俺娃(娃大舅给起的名) { this.叫啥 = 娃大舅给起的名; //this可以直接直译成“这娃”，嘿嘿嘿}var 俺家老大 = new 俺娃('大娃');co...
2024-01-10
【Web前端问题】vant组件升级后报错
今天发现vant组件版本太低 ，所以升级了一下，结果报错，请问怎么解决回答：删除node_modules,再npm install...
2024-01-10
【Web前端问题】这种效果有相关UI库嘛
如图所示，有没有相关的UI库呢？新增： 表述得可能有点问题，不是说图表库哈 是指后面的这种很看起来很科技的背景图回答：这种大屏其实就是用多个echarts或者d3.js/tree.js组成的...回答：iview-admin 链接：http://admin.iviewui.com/home回答：没有ui库，但是我有几十个这种用echarts已经实现好的源码，你要...
2024-01-10
【Web前端问题】ES5中的函数嵌套问题
想请问各位大佬 ，ES5中的这种嵌套函数怎么理解，现在在看ES6,但是之前学习ES5的时候没有见到过这种函数嵌套。我的理解是里面的into:还有after:是不是相当于内层的嵌套函数的别名，调用的时候要逐层从外往内调用吗？想听听大佬们的见解~谢谢了！回答：into,after都是对象里面的一个属性，他们的值...
2024-01-10
【Web前端问题】获取被选元素以外的元素
这个要怎么实现点击下拉列表以外的地方执行隐藏下拉列表，而且是一个页面中有多个这个的都能实现？回答：$(document.body).click(function(e) {e = e || window.event;if (e.target.className !== '下拉class' ) { $下拉.hide();}});回答：其实比较简单，鉴于题主既然问了，可能基础不太好，我就说说思路。同楼上这个...
2024-01-10
【Web前端问题】好多公司经常面的一道智力题，加分的
一幢 200 层的大楼，给你两个鸡蛋。如果在第 n 层扔下鸡蛋，鸡蛋不碎，那么从第 n-1 层扔鸡蛋，都不碎。这两只鸡蛋一模一样，不碎的话可以扔无数次。最高从哪层楼扔下时鸡蛋不会碎？回答：这道题应该是考察至少需要抛几次来判断鸡蛋最高从多少层掉下去不会碎吧。要减少最大尝试次数，最常规...
2024-01-10
【Web前端问题】移动端微信页面兼容iOS底部功能键
问题描述ios端微信内h5页面有时会出现返回、前进的功能栏，此功能栏占位会遮挡页面内容，请问怎么兼容处理？问题截图这是没出现功能栏时，显示正常。此时出现返回键功能栏，页面不能上下滑动，不能自适应高度。遮挡了页面内容。...
2024-01-10
【Web前端问题】高手进！恶意JS代码分析
先叙述下缘由，我今天收到了一封勒索邮件，说是我密码在访问不安全网站时被泄露，黑客掌握了我的所有信息，还给我电脑上植入的木马，即使修改邮件密码也没用，如果不在48h之内支付九百多美金的比特币就会把我的信息公示到网上！看到第一眼我差点信了，后来一想我的邮箱是自己设置的，只用...
2024-01-10
【Web前端问题】豆瓣跨协议登录实现原理？
如题，豆瓣的主页的http，但是在豆瓣的登录时，post的域名却是https (https://www.douban.com/accounts/login)现在我比较好奇的是，豆瓣这样跨协议的登录原理是如何实现的呢？我用我的本地的网站测试了下，http站点上往https上面post表单，火狐直接提示：“已阻止交叉源请求：同源策略不允许读取 https://localhos...
2024-01-10
【Web前端问题】flexbox一点小白问题
为什么这两列子元素不挨着而是隔开呢CSS代码如下.flex_box_new{ width: 400px; height: 300px; border: 1px solid; margin: 50px; display: -webkit-flex; display: flex; -webkit-flex...
2024-01-10
【Web前端问题】CSS绘制两个相连的多边形
有这样一段HTML：<span>Repo</span><span>Branch</span>想要用css绘制出下图的效果：应该如何写这段CSS？回答：https://jsfiddle.net/hsfzxjy/...span { display: inline-block; padding: .5em 1.5em; margin-left: 1em; position: relative; color: white; height: 2em; box-sizing: border-box;}sp...
2024-01-10![【Web前端问题】[]? 1: 0的结果为1](/wp-content/uploads/thumbs/360691_thumbnail.jpg)
【Web前端问题】[]? 1: 0的结果为1
如图回答：第一个是这样的：当进行相等判断，如果有一边是布尔值，另一边不是，则布尔值变为数值，true变为1，而一边是对象，一边不是对象，则调用对象的valueOf()方法转换为基本类型再进行比较，如果valueOf()...总之，得让类型一致才能比，所以第一个肯定是返回false，因为[]不可能转换为1或者'1...
2024-01-10
【Web前端问题】面试题:如何在Http1.1基础上实现多路复用？
在我叙述完Http2.0与Http1.1的区别后，面试官来了一句如何在Http1.1基础上实现多路复用？这下好了，又到了我的知识盲区了 文本转换为流？怎样保证顺序？ 回答：好问题，先点个赞个人看法仅供参考其实这里就是要利用现有的服务端+keep-alive+浏览器实现：0.合并请求1.多文件合成流2.多个流同时发送/接...
2024-01-10
