网站建设怎么弄,网站开发团队需配备什么岗位,wordpress 学校,支付网站模板今天面试去啦#xff0c;填了职业性格测试#xff0c;人格测试及招聘的基本经历信息#xff0c;面试官是技术头头#xff0c;柔中带钢#xff0c;问题润物细无声的感觉#xff0c;很考验基本功。 上午10:30面试了一个达达的前端#xff0c;采用的是线上腾讯会议的方式填了职业性格测试人格测试及招聘的基本经历信息面试官是技术头头柔中带钢问题润物细无声的感觉很考验基本功。 上午10:30面试了一个达达的前端采用的是线上腾讯会议的方式面试官是个大美女最窒息的操作是让我投屏在浏览器控制台敲代码用编译器它不香下午4:00面试的是一家生态监控的公司比较注重完美人格的公司除了技术主管谈到了的技术问题其他的流程都是职业性格测试职业经历人格测试等。这里总结一下几个回答不是很好的问题。 目录 1.使用正则表达式验证手机号码
2.画一条0.5px的线
3.从输入URL到页面加载完成期间经历了什么
4.JavaScript是单线程怎样执行异步的代码
5.什么是正向代理与反向代理 1.使用正则表达式验证手机号码
验证正则解释
从头开始第一位是1第二位是3,4,5,7,8第三位到结尾是0 - 9 的数字。
function checkPhone(phone) {//验证电话号码手机号码包含至今所有号段? ?var ab /^[1][3,4,5,7,8][0-9]{9}$/;if (ab.test(phone) false) {layer.alert(请正确填写手机号码!, { icon: 5, offset: 200px });returnfalse;}}
2.画一条0.5px的线
我当时直接来一个border0.5px.面试问我确定因为平时可能都是直接border1px.没注意细节。这里操作一下。
!DOCTYPE html
htmlheadmeta charsetutf-8title测试0.5px/titlestyle typetext/css#demo{border:0.5px solid #000000;background-color: red;width: 150px;height: 150px;}/style/headbodydiv iddemo我是求职者/div/body
/html好像也没啥问题 面试官问到的应该不是这个问题查一下资料。指的应该是某些0.5px在移动端低版本为0px的问题.经过试验你会发现有些版本可能会有误差最小尺寸问题不详按照他的思路撸一下吧。
采用meta viewport的方式。
meta nameviewport contentinitial-scale0.5, maximum-scale0.5, minimum-scale0.5, user-scalableno /
采用transform: scale()的方式
将绘制出来的线条的高度进行半倍的缩放
!DOCTYPE html
html
head meta charsetutf-8 meta nameviewport contentinitial-scale1.0, maximum-scale1.0, user-scalableno / titleboardTest/title style p{ margin: 50px auto; padding: 5px 10px 5px 10px; color: red; text-align: center; width: 60px; } p:first-child{ border-bottom: 1px solid red; } p:last-child{ position: relative; } p:last-child:after { position: absolute; content: ; width: 100%; left: 0; bottom: 0; height: 1px; background-color: red; -webkit-transform: scale(1,0.5); transform: scale(1,0.5); -webkit-transform-origin: center bottom; transform-origin: center bottom } /style
/head
body div p点击1/p p点击2/p /div
/body
/html
基本就是上面的方法啦当然可能也可以用渐变色linear-gradient的方式不谈了。
3.从输入URL到页面加载完成期间经历了什么
1、DNS域名解析 回车敲响的那一刻浏览器检查了输入框www.sunjiaoshou.com是什么鬼东西我需要的可是IP地址呀万般无奈之下找向了浏览器缓存让其查找是否有这家伙的记录结果并没有发现此时找向系统缓存主要去查找了系统中的hosts文件同样没有此时找向路由器缓存查看路由器映射表然而并没有于是计算机将域名发给了本地DNS服务器提供本地连接的服务商本地DNS服务器找不到会将域名发送给其他服务器进行递归过程首先会发送到根域名服务器去找返回顶级域名服务器的IP地址再请求顶级域名服务器IP返回二级域名服务器IP再请求二级域名服务器IP返回三级域名服务器IP......直到找到对应的IP地址返回给浏览器。
2、发起TCP连接三次握手 拿到IP地址后的浏览器很开心终于可以有目的的去联系远方的“朋友”了此时作用于传输层的TCP协议向远端服务器发起连接请求此举成为三次握手
①源端-远端你好我想跟你连接可以吗SYN1,seqx
②远端-源端可以你确定要连接是吧SYN1,ACK1,seqy,ackx1
③源端-远端确定我们连接吧ACK1,seqx1,acky1
3、发送HTTP请求接受HTTP响应 OK连接上了传输吧这时就需要将用户输入的地址封装成HTTP Request请求报文发送到服务器服务器收到请求后会发出应答即响应数据。 HTTP请求报文格式请求行请求头空行消息体请求行包括请求方式GET/POST/DELETE/PUT、请求资源路径URL、HTTP版本号 HTTP响应报文格式状态行响应头空行消息体状态行包括HTTP版本号、状态码、状态说明。 4、断开TCP连接四次挥手 传也传完了那咱们断开连接吧
①源端-远端好了咱们断开吧FIN1,sequ
②远端-源端行等我稍微检查一下还有没有要发你的数据ACK1,seqv,acku1
③远端-源端可以了咱们断开吧拜拜FIN1,ACK1,seqw,acku1
④源端-远端好的再会拜拜ACK1,sequ1,ackw1
5、浏览器解析HTML代码请求jscss等资源最后进行页面渲染呈现给用户 浏览器获取文件后开始利用内核解析了解析过程中也会出现一些HTTP请求请求一些资源如jscss等文件将这些文件下载到本地。浏览器解析HTML文件时会自上而下起初产生一个DOM树解析CSS之后产生CSS规则树后将两树进行融合合成为渲染层最后调用操作系统的Native GUI的API绘制。 4.JavaScript是单线程怎样执行异步的代码
JavaScript 语言的一大特点就是单线程也就是说同一个时间只能做一件事。那么为什么JavaScript 不能有多个线程呢 这样能提高效率啊。
JavaScript 的单线程与它的用途有关。作为浏览器脚本语言JavaScript 的主要用途是与用户互动以及操作 DOM。这决定了它只能是单线程否则会带来很复杂的同步问题。比如假定JavaScript 同时有两个线程一个线程在某个 DOM 节点上添加内容另一个线程删除了这个节点这时浏览器应该以哪个线程为准
所以为了避免复杂性从一诞生JavaScript 就是单线程这已经成了这门语言的核心特征将来也不会改变。
为了利用多核 CPU 的计算能力HTML5 提出 Web Worker 标准允许 JavaScript 脚本创建多个线程但是子线程完全受主线程控制且不得操作 DOM。所以这个新标准并没有改变 JavaScript 单线程的本质。
单线程就意味着所有任务需要排队前一个任务结束才会执行后一个任务。如果前一个任务耗时很长后一个任务就不得不一直等着。 js 引擎执行异步代码而不用等待是因为有 消息队列和事件循环。 消息队列消息队列是一个先进先出的队列它里面存放着各种消息。事件循环事件循环是指主线程重复从消息队列中取消息、执行的过程。实际上主线程只会做一件事情就是从消息队列里面取消息、执行消息再取消息、再执行。当消息队列为空时就会等待直到消息队列变成非空。而且主线程只有在将当前的消息执行完成后才会去取下一个消息。这种机制就叫做事件循环机制取一个消息并执行的过程叫做一次循环。
while(true) {var message queue.get();execute(message);
}
主线程在执行完当前循环中的所有代码后就会到消息队列取出这条消息(也就是 message 函数)并执行它。到此为止就完成了工作线程对主线程的通知回调函数也就得到了执行。如果一开始主线程就没有提供回调函数AJAX 线程在收到 HTTP 响应后也就没必要通知主线程从而也没必要往消息队列放消息。 5.什么是正向代理与反向代理
正向代理
正向代理类似一个跳板机代理访问外部资源
比如我们国内访问谷歌直接访问访问不到我们可以通过一个正向代理服务器请求发到代理服代理服务器能够访问谷歌这样由代理去谷歌取到返回数据再返回给我们这样我们就能访问谷歌了 正向代理的用途 1访问原来无法访问的资源如google 2 可以做缓存加速访问资源 3对客户端访问授权上网进行认证 4代理可以记录用户访问记录上网行为管理对外隐藏用户信息 反向代理
反向代理Reverse Proxy实际运行方式是指以代理服务器来接受internet上的连接请求然后将请求转发给内部网络上的服务器并将从服务器上得到的结果返回给internet上请求连接的客户端此时代理服务器对外就表现为一个服务器 反向代理的作用
1保证内网的安全阻止web攻击大型网站通常将反向代理作为公网访问地址Web服务器是内网
2负载均衡通过反向代理服务器来优化网站的负载 好啦本期的内容就分享到这里我们下期见 好书不厌百回读熟读自知其中意。让学习成为习惯用知识改变命运让博客见证成长用行动证明努力。 如果我的博客对你有帮助、如果你喜欢我的博客内容请 “点赞” “评论” “收藏” 一键三连哦 听说 点赞 的人运气不会太差每一天都会元气满满呦^ _ ^ ❤️ ❤️ ❤️ 码字不易大家的支持就是我坚持下去的动力。点赞后不要忘了 关注 我哦 更多精彩内容请前往 孙叫兽的博客 微信公众号【电商程序员】分享改变自己的项目。
如果以上内容有任何错误或者不准确的地方欢迎在下面 留个言。或者你有更好的想法欢迎一起交流学习~~~
