Web前端开发面试题之基础原理
1、什么是盒子模型？在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分...
2024-01-10
现代化Web前端开发离不开JS
在进行现代化Web前端开发时，使用着自己最爱的框架，有时候可能会情不自禁地用JavaScript解决所有的问题。很多时候这是无意识的，因为你日复一日的开发工作使用的正是JS。这类似于亚伯拉罕·马斯洛（Abraham Maslow）在1966年描述的情况：如果你仅有的工具是锤子，那么你就会不自禁地把所有东西都当...
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多项目应用前端现代化开发和架构设计方式
随着业务复杂度的上升，前端项目不管是从代码量上，还是从依赖关系上都会爆炸式增长。对于单页面应用或者多应用项目来说，各个应用之间的关系也会更加复杂，多个应用之间如何配合，如何维护相互关系？公共库版本如何管理？如何兼顾开发体验和上线构建效率？这些话题随着前端业务的发展，...
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前端问题】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前端问题】网站应该选用哪种字体？
一直纠结，到底用哪个，看了看京东的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前端问题】好多公司经常面的一道智力题，加分的
一幢 200 层的大楼，给你两个鸡蛋。如果在第 n 层扔下鸡蛋，鸡蛋不碎，那么从第 n-1 层扔鸡蛋，都不碎。这两只鸡蛋一模一样，不碎的话可以扔无数次。最高从哪层楼扔下时鸡蛋不会碎？回答：这道题应该是考察至少需要抛几次来判断鸡蛋最高从多少层掉下去不会碎吧。要减少最大尝试次数，最常规...
2024-01-10
【Web前端问题】移动端微信页面兼容iOS底部功能键
问题描述ios端微信内h5页面有时会出现返回、前进的功能栏，此功能栏占位会遮挡页面内容，请问怎么兼容处理？问题截图这是没出现功能栏时，显示正常。此时出现返回键功能栏，页面不能上下滑动，不能自适应高度。遮挡了页面内容。...
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前端问题】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前端问题】面试题:如何在Http1.1基础上实现多路复用？
在我叙述完Http2.0与Http1.1的区别后，面试官来了一句如何在Http1.1基础上实现多路复用？这下好了，又到了我的知识盲区了 文本转换为流？怎样保证顺序？ 回答：好问题，先点个赞个人看法仅供参考其实这里就是要利用现有的服务端+keep-alive+浏览器实现：0.合并请求1.多文件合成流2.多个流同时发送/接...
2024-01-10
【Web前端问题】官方送书活动第二弹 —— 增长姿势之SF喊你来谈开发
去年，在朴灵大大《深入浅出Node.js》么么哒满天飞的时候，由SegmentFault发起的 「官方活动 —— 深入浅出之SF喊你来谈开发」得到了举国上下开发者们 热情的拥簇和积极的响应 。最近 CNode 社区的 4 位大牛合力撰写的 《Node.js 实战（双色）》一书，现在当当、京东、亚马逊、互动等各大网店火热预售...
2024-01-10
