Web前端开发面试题之基础原理
1、什么是盒子模型？在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分...
2024-01-10
【Web前端问题】页面叠加问题
如图登入弹框和页面出现了混合叠加效果相关代码如下：页面html <div id="borrowIn" style="width:586px;background-color: #fff;margin-bottom:10px;" class='pull-right'> <h3>借入</h3> <div style='padding:20px;position:relative;padding-bottom:20px;'> ...
2024-01-10
【Web前端问题】js 面向对象
请问一下 new 后面的mm函数 加不加括号有什么区别 为什么我得到的结果都是一样的请资深大神讲解一下里面的原理回答：首先，这种偏向基础的问题要学会查阅官方文档文档中有详细说明：new foo 等同于 new foo(), 只能用在不传递任何参数的情况当然，也不能完全相信文档，毕竟js的坑。。那差别在哪...
2024-01-10
开发WebGL的第一步
在本文中，我们将了解什么是 WebGL，以及如何通过与 GPU 进行对话来绘制“三角形”。尽管有更好的方法来实现本文中的例子，例如用具有 2d 上下文的 canvas 甚至可以用 CSS，但我们要从 WebGL 开始。就像 “hello world” 一样，了解它是如何工作的。什么是WebGL？WebGL 的字面定义是 Web Graphics Library（Web图形...
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前端问题】数据格式的转换问题
问题描述 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前端问题】上传文件时的错误提示
如图所示，上传文件出错的提示是来自服务器的信息，如何将该错误提示用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前端问题】网站应该选用哪种字体？
一直纠结，到底用哪个，看了看京东的arial又看了看就淘宝的tahoma，有人比较推荐arial寻问一下大家都用啥做字体家族回答：样式表中的字体，其实应该只是一个建议，应该把最终使用哪种字体的权利交给浏览器。所以，样式表中，字体应该用类似Arial这样的字体家族，而非"微软雅黑"这样的固定字体...
2024-01-10
【Web前端问题】vant组件升级后报错
今天发现vant组件版本太低 ，所以升级了一下，结果报错，请问怎么解决回答：删除node_modules,再npm install...
2024-01-10
【Web前端问题】好多公司经常面的一道智力题，加分的
一幢 200 层的大楼，给你两个鸡蛋。如果在第 n 层扔下鸡蛋，鸡蛋不碎，那么从第 n-1 层扔鸡蛋，都不碎。这两只鸡蛋一模一样，不碎的话可以扔无数次。最高从哪层楼扔下时鸡蛋不会碎？回答：这道题应该是考察至少需要抛几次来判断鸡蛋最高从多少层掉下去不会碎吧。要减少最大尝试次数，最常规...
2024-01-10
【Web前端问题】移动端微信页面兼容iOS底部功能键
问题描述ios端微信内h5页面有时会出现返回、前进的功能栏，此功能栏占位会遮挡页面内容，请问怎么兼容处理？问题截图这是没出现功能栏时，显示正常。此时出现返回键功能栏，页面不能上下滑动，不能自适应高度。遮挡了页面内容。...
2024-01-10
【开发工具】Web前端不容错过的10个HTML5工具
HTML5 已经成为当今世界的一个必然组成部分。由于 World Wide Web 万维网是使用超文本标记语言来架构和呈现的，于是 HTML5 成为了最流行的编程语言之一。随着网络的不断扩张，Web 开发人员非常有必要拥有最新的 HTML5 工具，用于创建动态和交互式的 Web 应用程序和网页。下面这些就是你不应该错过的新的 ...
2024-01-10
【Web前端问题】JS中this的指向问题
求大神指点为什么答案是10和2？本人菜鸟理解的答案却是5和5。第一次执行fn()的时候，因为是在obj调用的method中执行的，所以此时this应该指向对象obj，所以输出应该是5.。第二个arguments[0]指向的应该是传入的第一个参数fn,然后将其执行fn()输出应该还是5。。不知道错在哪里。。回答：首先，在非严格...
2024-01-10
【Web前端问题】fromdata传递数据
请求中使用参数用form-data的形式： var content = new window.FormData(); content.append("id", this.id); content.append("name", this.name); this.$http.post("test", content) .then(function (data) { if(data.status === 200 && data.ok === true){ ...
2024-01-10
【Web前端问题】图片形状变换----：）
图片1；可以通过何种方式变形为如图片2通过html5,css3,javascript,svg,canvas来实现；而最后可以输出的格式也是图片或者svg；而不是通过photoshop等应用软件处理的；请问前端的朋友有没有什么样的思路？不胜感激。。。！ps:图片大小以及模糊方面的不做讨论啊；只是形状的变换；因为只是为了表达我想要...
2024-01-10
【Web前端问题】ionic2的子父页面互相传值的问题
请问ionic2子页面传值到父页面怎么传？父页面如何获取？ 我百度只发现父页面用push就可以传值到子页面，但是不知道子页面返回时候如何传值。回答：ViewController中的dismiss可以带数据回答：在父界面的ts里加 监听事件`myModal.onDidDismiss((data)=>{ if(data){ this.postData(data); console.log(data); } ...
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
