Web前端开发面试题之基础原理
1、什么是盒子模型？在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分...
2024-01-10
【Web前端问题】屏蔽所有事件
菜鸟在研究别人的代码，在测试一个功能，用上如下代码,来看下我点击的是什么元素$(document).click(function(e) { // 在页面任意位置点击而触发此事件console.log($(e.target)); // e.target表示被点击的目标})然而，其他都有输出，就有个区块元素在手机端单击并没有输出，在电脑端单击有正常输出，有...
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前端问题】有没有类似的插件
滑动左边小的区域，右边大的区域响应滑到的百分比，进行滚到相应的位置，移动端的，有人知道吗回答：这个自己写也不难吧，搞个小div弄出滚动条来，然后检测小div的滚动条的位置来同步控制大滚动条的位置...
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多项目应用前端现代化开发和架构设计方式
随着业务复杂度的上升，前端项目不管是从代码量上，还是从依赖关系上都会爆炸式增长。对于单页面应用或者多应用项目来说，各个应用之间的关系也会更加复杂，多个应用之间如何配合，如何维护相互关系？公共库版本如何管理？如何兼顾开发体验和上线构建效率？这些话题随着前端业务的发展，...
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
O2OA开发平台：Web端管理服务器
平台提供web管理端方便快捷查看服务器当前状态，同时方便管理服务器。实现平台的易用性。第一：管理员通过浏览器登入系统后，点击应用中的日志图标。如下图所示： 第二：打开日志管理员界面。如下图所示： 第三：查看不同类别的日志，点工具条上对应按钮。...
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前端问题】有没有 Chrome “桌面通知”的相关开发示例？
Chrome 有一个特性就是具备了“桌面通知”功能，我想在自己的站点加上这个功能。有没有相关的示例代码(javascript)和开发资料呢？Gmail 在收到新的聊天讯息或电子邮件时在桌面上显示弹出式窗口通知：回答：主要是用到了 Webkit 的提供的 APIwindow.webkitNotifications.createNotification这里有几个简单的示例：ht...
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前端问题】JS获取外部svg文件
之前只是简单的将svg内联到html中然后利用Snap.svg这个包对svg进行操作。例如：这是svg的部分，获取id为whileFace并对其中的进行缩放JS代码：var svgFace=Snap("#whileFace");var faceMatrix=svgFace.transform().globalMatrix;//获得矩阵再利用matrix.scale进行缩放不过内联svg的方法肯定是不合适的所以我希望能用JS获取到外部的...
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前端问题】面试题:如何在Http1.1基础上实现多路复用？
在我叙述完Http2.0与Http1.1的区别后，面试官来了一句如何在Http1.1基础上实现多路复用？这下好了，又到了我的知识盲区了 文本转换为流？怎样保证顺序？ 回答：好问题，先点个赞个人看法仅供参考其实这里就是要利用现有的服务端+keep-alive+浏览器实现：0.合并请求1.多文件合成流2.多个流同时发送/接...
2024-01-10
