Web前端开发面试题之基础原理
1、什么是盒子模型？在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分...
2024-01-10
【Web前端问题】js阻止页面离开
如何使用js阻止页面离开，在刷新，离开或者关闭页面时执行自定义的弹框，点击确定的话离开页面，点击取消的话返回原页面。在网上搜了一下，发现用unload或者onbeforeunload的话，自定义弹框弹出，还没点击页面就跳转了。希望大家给出一个可行的方法，谢谢。回答：window.alert window.confirm 等原生方...
2024-01-10
现代化Web前端开发离不开JS
在进行现代化Web前端开发时，使用着自己最爱的框架，有时候可能会情不自禁地用JavaScript解决所有的问题。很多时候这是无意识的，因为你日复一日的开发工作使用的正是JS。这类似于亚伯拉罕·马斯洛（Abraham Maslow）在1966年描述的情况：如果你仅有的工具是锤子，那么你就会不自禁地把所有东西都当...
2024-01-10
【Web前端问题】js 面向对象
请问一下 new 后面的mm函数 加不加括号有什么区别 为什么我得到的结果都是一样的请资深大神讲解一下里面的原理回答：首先，这种偏向基础的问题要学会查阅官方文档文档中有详细说明：new foo 等同于 new foo(), 只能用在不传递任何参数的情况当然，也不能完全相信文档，毕竟js的坑。。那差别在哪...
2024-01-10
【Web前端问题】模态框关闭再次打开会发两条短信
我先描述我的问题：我在页面中使用Bootstrap的模态框，现在操作是 1.点击按钮模态框打开然后关闭2.再次点击打开刚刚的模态框3.模态框中有发送短信的功能，点击发送后会收到两条短信第一步第二步第三步...
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前端问题】两段代码的区别
以下两端代码实在看不出区别在哪里，但是实现的效果却不一样，第一段可以正常执行，第二段却不行。实现的是一个购物车的全选单选复选框的功能。for (var i = 0, len = checkInputs.length; i < len; i++) { checkInputs[i].onclick = function () { if (this.className.match(new RegExp('(\\s|^)' + 'check-all' + '(\\s|$)')))...
2024-01-10
【Web前端问题】前端怎么写接口？
有这样一个视频播放页面 领导让我跟后台要接口 还让我把所有接口写出来我不知道怎么跟后台沟通 不应该后台给我接口吗？ 这个领导什么技术都不懂他非要我写我下面这样写的 对吗1.视频播放页面根据视频ID获取用户信息接口/GetVideoUserInfo请求方式：GET参数：VideoId回答：接口地址：/GetVideoUserInf...
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前端问题】ES6模块方法引用
问题描述：我想在export default中的onSdkReady方法中引用export default中IMGetConversationList()此时会报未定义。 当我调用 export default外面的IMGetConversationList方法就能成功调用。 请问这是为什么呢？ 需要大神们能指点一下，thanks回答：可以这么写啊，有截图，亲测有效const obj={ a(){ console.log("----","苏南...
2024-01-10
【Web前端问题】粘贴url显示其标题
有点好奇 zhihu 是怎么实现在答案评论里粘贴url显示其title的,可以用JavaScript取得目标url的title么 ? 求指教回答：很简单，监听浏览器的粘贴事件，匹配粘贴内容中的URL字串，然后AJAX发送请求给后台（知乎这里是 http://www.zhihu.com/scraper?url=http://imnerd.org 这个后台）抓取页面获得head中的<title>标签内容并返...
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前端问题】JS检测设备方向疑问
<!doctype html><html lang="zh"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <p id="tip"></p> <script> window.addEventListener('deviceorientation', function (orientData) { document.getElementById('tip').in...
2024-01-10
【Web前端问题】页面滚动，菜单栏悬停怎么实现？
如图当往上滚动，菜单栏滚动到顶部的位置时，再继续滚动，悬停在顶部。问：1、Vue是否有提供这样的控件？2、如果vue没有，有什么现成的一些轮子吗？（最好兼容性好一点，webapp）3、如果现成的轮子也没有，怎么实现？如上，有没有大佬解答下，不胜感激按照 @游龙翔隼的思路已解决，贴上代码...
2024-01-10
【Web前端问题】git工作流中有没有必要使用个人开发分支
如上图是廖雪峰大神的git教程，那么此时在本地新建一个自己的开发分支用意是什么，比起直接在dev分支进行开发的优势又在哪里呢？回答：纸上得来终觉浅。知道有这么个东西就好了，等你真正需要的时候你会想到它的。比如你家里的电脑和公司的电脑同时开发一个东西，但是这个东西你不想影响他...
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前端问题】移动端 视频评论页布局
现在遇到一个需求，就是移动端的视频与底部评论同时存在，如下图现在有个问题就是 视频在大多数移动端浏览器中一旦播放都会悬浮置顶，并跟随滚动且z-index最高层,底部唤醒评论框会被视频挡住且无法看到自己输入的文字，还有ios的fixed问题，我现在的解决方案是在触发input 聚焦时，将视频元素隐...
2024-01-10
【Web前端问题】好多公司经常面的一道智力题，加分的
一幢 200 层的大楼，给你两个鸡蛋。如果在第 n 层扔下鸡蛋，鸡蛋不碎，那么从第 n-1 层扔鸡蛋，都不碎。这两只鸡蛋一模一样，不碎的话可以扔无数次。最高从哪层楼扔下时鸡蛋不会碎？回答：这道题应该是考察至少需要抛几次来判断鸡蛋最高从多少层掉下去不会碎吧。要减少最大尝试次数，最常规...
2024-01-10
【Web前端问题】用vue做倒计时遇到个问题
求问 大家写定时循环触发的功能都是在哪个生存期写啊? 现在的情况是控制台没有报错, 但是页面并没有把cutedown_str对应的数据传给view层, 用vm.$log()观察 数据是在按照要求定时变化的 ,但是不同步到view,求救~回答：其实你的放哪里都行， created 和 ready 都行，无非就是起作用的时间不一样而已。不...
2024-01-10
【Web前端问题】关于JS单例模式的一个问题
function Demo(name) { this.name = name;}var getSingle = function(fn) { var result; return function() { console.log(arguments.length); return result || (result = fn.apply(this, arguments)); }};const aa = new getSingle(Demo)('a');co...
2024-01-10
【Web前端问题】Vue 在低版本安卓不显示
在安卓5的系统中应用vue项目就会显示如图中的错误，我是通过在catch中alert异常。vue是通过cdn引入的，并且引入了polyfill和es6-promise 但是还是有报错，请问如何解决<script src="https://cdn.bootcss.com/babel-polyfill/6.23.0/polyfill.min.js"></script><script src="https://cdn.bootcdn.net/ajax/libs/es6-promise/4.2.8/es6-prom...
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前端问题】面试题:如何在Http1.1基础上实现多路复用？
在我叙述完Http2.0与Http1.1的区别后，面试官来了一句如何在Http1.1基础上实现多路复用？这下好了，又到了我的知识盲区了 文本转换为流？怎样保证顺序？ 回答：好问题，先点个赞个人看法仅供参考其实这里就是要利用现有的服务端+keep-alive+浏览器实现：0.合并请求1.多文件合成流2.多个流同时发送/接...
2024-01-10
【Web前端问题】移动端H5页面内容超出怎么显示滚动条？
在写公司的移动端H5页面CSS样式：我已经设置overflow: auto; 现在可以滚动了 但是滚动条滚动的时候显示，不滚动不显示！在移动端可以滚动但是不显示滚动条，有什么办法让它时时刻刻显示滚动条回答：{overflow-y:scroll;}回答：可以参考这个问题点击传送回答：{overflow-y:scroll;}回答：overflow-y:scroll;...
2024-01-10
【Web前端问题】官方送书活动第二弹 —— 增长姿势之SF喊你来谈开发
去年，在朴灵大大《深入浅出Node.js》么么哒满天飞的时候，由SegmentFault发起的 「官方活动 —— 深入浅出之SF喊你来谈开发」得到了举国上下开发者们 热情的拥簇和积极的响应 。最近 CNode 社区的 4 位大牛合力撰写的 《Node.js 实战（双色）》一书，现在当当、京东、亚马逊、互动等各大网店火热预售...
2024-01-10
