Web前端开发面试题之基础原理
1、什么是盒子模型?在网页中,一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin)四个部分。这四个部分占有的空间中,有的部分可以显示相应的内容,而有的部分只用来分隔相邻的区域或区域。4个部分...
2024-01-10一道常被人轻视的web前端常见面试题(JS)
面试题是招聘公司和开发者都非常关心的话题,公司希望通过它了解开发者的真实水平和细节处理能力,而开发者希望能够最大程度地展示自己的水平(甚至超常发挥)。本文提供了众多前端开发面试题,无论是招聘方还是应聘方都值得一看!前言年前刚刚离职了,分享下我曾经出过的一道面试题,...
2024-01-10【Web前端问题】js 面向对象
请问一下 new 后面的mm函数 加不加括号有什么区别 为什么我得到的结果都是一样的请资深大神讲解一下里面的原理回答:首先,这种偏向基础的问题要学会查阅官方文档文档中有详细说明:new foo 等同于 new foo(), 只能用在不传递任何参数的情况当然,也不能完全相信文档,毕竟js的坑。。那差别在哪...
2024-01-10【VUE】 前端面试题小结
1,对代码重构的理解;2,http和https协议有什么区别3,从输入URL到页面加载全过程4,前端怎么控制管理路由5,缓存机制(描述一下 cookies,sessionStorage 和 localStorage 的区别)6,防抖和节流的区别7,Canvas和SVG有什么区别?8,网页验证码是干嘛的,是为了解决什么安全问题9,display: none;与visibility: h...
2024-01-10一道JS前端闭包面试题解析
问题代码Afunction fun(n,o){ console.log(o); return { fun:function(m){//[2] return fun(m,n);//[1] } }}var a=fun(0);a.fun(1);a.fun(2);a.fun(3);var b=fun(0).fun(1).fun(2).fun(3);var c=fun(0).fun(1);c.fun(2);c.fun(3);求出程序输出这是一个闭包测试题转换为等价代码return返回的对象...
2024-01-10【Web前端问题】微信手机页面分享问题
普通的手机页面通过微信扫码分享,分享以后没有图片显示请问应该如何解决呢?回答:试试找个图片尺寸大一点的你这个宽高只有300px回答:我这里以前的写法也失效了,微信更新的原因,暂无解决方法回答:目前只能jssdk回答:图片根本没有限制,只要你jssdk配置好,你可以打开debug,看看配置...
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前端问题】屏蔽所有事件
菜鸟在研究别人的代码,在测试一个功能,用上如下代码,来看下我点击的是什么元素$(document).click(function(e) { // 在页面任意位置点击而触发此事件console.log($(e.target)); // e.target表示被点击的目标})然而,其他都有输出,就有个区块元素在手机端单击并没有输出,在电脑端单击有正常输出,有...
2024-01-10web前端页面生成exe可执行文件的方法
在 HTML5的崛起、JavaScript要一统天下之际,有一个名为【跨平台】的技术越来越火。为什么会这么火?因为软件开发者只需一次编写程序,即可在 Windows、Linux、Mac、IOS、Android 等平台运行,大大降低了程序员的工作量,也使公司的产品可以快读迭代。曾经跨平台技术的不被看好,如今随着手机、电脑硬...
2024-01-10【Web前端问题】JS赛马网的笔试题提问
如图所示,一个很简单的题目吧,但是我写完只有20%的准确率,请问这是为什么回答:leetcode 440原题。function findKthNumber(n, k) { let curr = 1; k = k - 1; while (k > 0) { let steps = calSteps(n, curr, curr + 1); if (steps <= k) { curr += 1; k -= steps; ...
2024-01-10【Web前端问题】git的新问题
上图:目前是前端人员,最近上传修改后的代码到gitlab上,出现了上图的问题,试着百度和谷歌去解决,没有找到办法。后来,因为工作项目很赶,我老大和一个同事都尝试着帮忙解决,得出一样的结果……暂时没有办法。重启电脑——问题未解决;卸载git重新安装——问题依然未解决。难道要重置...
2024-01-10【JS】前端面试题整理【基础版】
首页专栏javascript文章详情0前端面试题整理【基础版】Logic发布于 今天 13:00 原创不易,如需转载请【联系作者】或【署名作者并注明文章出处】js基础技术VUEvue2双向绑定原理get时collect,set时notifyv-model原理,监听input输入框的input事件如果直接document.querySelector('xxx input').value = new ...
2024-01-10【Web前端问题】web编辑器的原理和实现
最近想在网站实现markdown支持,了解了许多,大家也推荐了许多,还有一些疑问在这里提出来,希望大家能提出一些建议markdown的实现主要有两部分解析器和编辑器,编辑器提取出markdwon语言,然后解析器解析输出解析器主要是浏览器js解析,我用的解析器是marked,没有经验,慌乱选择,大家感觉这个...
2024-01-10【Web前端问题】后端传word到前端的问题
项目需要填写表格,然后打印,并且对表格的格式要求非常严苛,想问一下各位大神,是否可以传表格需要填写的内容到后端,然后后端直接填写好word然后传pdf到前端,前端只负责展示和打印,就不需要在网页上修改格式了。最关键的问题在于,我的后端说我传数据过去之后,他那边不好操作,,,请...
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前端问题】上传文件时的错误提示
如图所示,上传文件出错的提示是来自服务器的信息,如何将该错误提示用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前端问题】tp5中的选项卡问题
问题描述怎么实现点击未结展示未结的数据,点击已结展示已结的数据数据已经获取到,展示在html中使用的是thinkphp中的volist问题出现的环境背景及自己尝试过哪些方法wamp环境,thinkPHP5框架尝试的方法有一共创建4个div,每次显示一个,通过js实现点击进行选项卡的切换,但是这样的话,html中的内容...
2024-01-10Vue3实现递归菜单组件-腾讯高级前端25k面试题
前言小伙伴们好久不见,最近刚入职新公司,需求排的很满,平常是实在没时间写文章了,更新频率会变得比较慢。周末在家闲着无聊,突然小弟过来紧急求助,说是面试腾讯的时候,对方给了个 Vue 的递归菜单要求实现,回来找我复盘。正好这周是小周,没想着出去玩,就在家写写代码吧,我看了...
2024-01-10【Web前端问题】这种效果有相关UI库嘛
如图所示,有没有相关的UI库呢?新增: 表述得可能有点问题,不是说图表库哈 是指后面的这种很看起来很科技的背景图回答:这种大屏其实就是用多个echarts或者d3.js/tree.js组成的...回答:iview-admin 链接:http://admin.iviewui.com/home回答:没有ui库,但是我有几十个这种用echarts已经实现好的源码,你要...
2024-01-10【JS】前端常见面试题——框架部分(五)
首页专栏javascript文章详情1前端常见面试题——框架部分(五)早饭君发布于 今天 08:20 1.vue熟悉吗,说一下vue计算属性与监听属性的区别?computed 计算属性在数据未发生变化时,优先读取缓存,只有在相关的数据发生变化时才会改变要计算的属性。watch 监听属性会实时监听数据变化,数据...
2024-01-10【Web前端问题】获取被选元素以外的元素
这个要怎么实现点击下拉列表以外的地方执行隐藏下拉列表,而且是一个页面中有多个这个的都能实现?回答:$(document.body).click(function(e) {e = e || window.event;if (e.target.className !== '下拉class' ) { $下拉.hide();}});回答:其实比较简单,鉴于题主既然问了,可能基础不太好,我就说说思路。同楼上这个...
2024-01-10【Web前端问题】js动态原型模式使用对象字面量报错
// 动态原型模式「function Person(name,age){ this.name=name; this.age=age; if(typeof this.load!='function'){ Person.prototype={ constructor:Person, job:'vip', load:function(){ console.log(name,age); ...
2024-01-10【Web前端问题】高手进!恶意JS代码分析
先叙述下缘由,我今天收到了一封勒索邮件,说是我密码在访问不安全网站时被泄露,黑客掌握了我的所有信息,还给我电脑上植入的木马,即使修改邮件密码也没用,如果不在48h之内支付九百多美金的比特币就会把我的信息公示到网上!看到第一眼我差点信了,后来一想我的邮箱是自己设置的,只用...
2024-01-10【Web前端问题】页面横向滚动的视差效果是如何实现的?
效果:jInvertScroll回答:这个应该是速度不同,好比你滚动了10,元素a移动10,元素b移动7,这样就会有视察效果回答:其实算法挺简单的就是加减法,一个超长DIV用滚动条控制偏移,你看下示例中的Dom结构。...
2024-01-10