- 博客(231)
- 收藏
- 关注
原创 百度地图API的使用(附案例)
百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,可帮助您在网站中构建功能丰富、交互性强的地图应用,支持PC端和移动端基于浏览器的地图应用开发,且支持HTML5特性的地图开发。我们直接把文档内的代码cv过来,加上秘钥就可以直接使用地图了。原理跟地图路线规划一样,添加两个标注点,根据标注点来规划路线。那么我们就可以创建2个标注点来设计步行路线。我们可以拖动标注点来获取到标注点的坐标。我们向地图添加标注点和信息窗口。选择浏览器端,白名单输入*我们已经学会使用标注点了。
2022-10-22 16:52:41
5599
3
原创 【牛客网-前端笔试题】——Javascript专项练习7
秋招正式批已经到来,相信不少小伙伴在为找工作而烦恼,对自己的实力不太自信,感觉好难找工作,不用怕,下面我来给各位推荐一个知名刷题网站《牛客》
2022-10-08 12:15:06
1424
2
原创 前端面试题:em/px/rem/vh/vw这些单位有什么区别?
传统的项目开发中,我们只会用到px、%、em这几个单位,它可以适用于大部分的项目开发,且拥有比较良好的兼容性从CSS3开始,浏览器对计量单位的支持又提升到了另外一个境界,新增了rem、vh、vw、vm等一些新的计量单位利用这些新的单位开发出比较良好的响应式页面,适应多种不同分辨率的终端,包括移动设备等px:绝对单位,页面按精确像素展示em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算,整个页面内1em不是一个固定的值rem。
2022-09-27 10:48:46
727
1
原创 前端面试题:SPA (单页应用)首屏加载速度慢怎么解决?
首屏时间(First Contentful Paint),指的是浏览器从响应用户输入网址地址,到首屏内容渲染完成的时间,此时整个网页不一定要全部渲染完成,但需要展示当前视窗需要的内容首屏加载可以说是用户体验中最重要的环节。
2022-09-27 10:08:16
968
原创 前端面试题:三次握手与四次挥手
客户端收到服务端报文后,还要向服务端回应最后一个应答报文,首先该应答报文 TCP 首部 ACK 标志位置为 1 ,其次「确认应答号」字段填入 server_isn + 1 ,最后把报文发送给服务端,这次报文可以携带客户到服务器的数据,之后客户端处于 ESTABLISHED 状态。●服务器收到客户端的 FIN 报文时,先回一个 ACK 应答报文,而服务端可能还有数据需要处理和发送,等服务端不再发送数据时,才发送 FIN 报文给客户端来表示同意现在关闭连接。一开始,客户端和服务端都处于 CLOSED 状态。
2022-09-22 15:38:33
920
1
原创 前端面试题:1.说说对 web worker的了解 2.HTTP和HTTPS的区别
它的作用就是给JS创造多线程运行环境,允许主线程创建worker线程,分配任务给后者,主线程运行的同时worker线程也在运行,相互不干扰,在worker线程运行结束后把结果返回给主线程。不过因为worker一旦新建,就会一直运行,不会被主线程的活动打断,这样有利于随时响应主线程的通性,但是也会造成资源的浪费,所以不应过度使用,用完注意关闭。●同源限制 worker线程执行的脚本文件必须和主线程的脚本文件同源,这是当然的了,总不能允许worker线程到别人电脑上到处读文件吧。
2022-09-22 09:54:28
1650
1
原创 前端面试题:1.回流与重绘
当我们对 DOM 的修改导致了样式的变化(color或background-color),却并未影响其几何属性时,浏览器不需重新计算元素的几何属性、直接为该元素绘制新的样式,这里就仅仅触发了回流。当我们对 DOM 的修改引发了 DOM 几何尺寸的变化(比如修改元素的宽、高或隐藏元素等)时,浏览器需要重新计算元素的几何属性,然后再将计算的结果绘制出来。在页面初始渲染阶段,回流不可避免的触发,可以理解成页面一开始是空白的元素,后面添加了新的元素使页面布局发生改变。因此浏览器为了获取这些值,也会进行回流。
2022-09-20 11:08:08
6463
原创 前端面试题:1.VUE 与 React 区别 2.刷新浏览器后,Vuex的数据是否存在?如何解决?
如上所说的 Vue 的响应式机制也有问题,当 state 特别多的时候,Watcher 会很多,会导致卡顿,所以大型应用(状态特别多的)一般用 React,更加可控。可对于易用性来说,VUE 是更容易上手的,对于项目来说新人更容易接手。使用 React 的公司:Facebook,Instagram,Netflix,纽约时报,雅虎,WhatsApp,Codecademy,Dropbox,Airbnb,Asana,微软等。
2022-09-17 11:57:57
820
原创 【牛客网-前端笔试题】——HTML专项练习
秋招正式批已经到来,相信不少小伙伴在为找工作而烦恼,对自己的实力不太自信,感觉好难找工作,不用怕,下面我来给各位推荐一个知名刷题网站《牛客》
2022-09-16 10:55:44
7361
原创 【牛客网-前端笔试题】——vue专项练习
秋招正式批已经到来,相信不少小伙伴在为找工作而烦恼,对自己的实力不太自信,感觉好难找工作,不用怕,下面我来给各位推荐一个知名刷题网站《牛客》
2022-09-09 11:32:11
10675
3
原创 【牛客网-前端笔试题】——Javascript专项练习6
秋招正式批已经到来,相信不少小伙伴在为找工作而烦恼,对自己的实力不太自信,感觉好难找工作,不用怕,下面我来给各位推荐一个知名刷题网站《牛客》
2022-09-07 18:19:05
14675
5
原创 【牛客网-前端笔试题】——Javascript专项练习5
秋招正式批已经到来,相信不少小伙伴在为找工作而烦恼,对自己的实力不太自信,感觉好难找工作,不用怕,下面我来给各位推荐一个知名刷题网站《牛客》
2022-09-06 22:39:43
895
1
原创 【牛客网-前端笔试题】——Javascript专项练习4
秋招正式批已经到来,相信不少小伙伴在为找工作而烦恼,对自己的实力不太自信,感觉好难找工作,不用怕,下面我来给各位推荐一个知名刷题网站《牛客》
2022-09-05 16:11:18
1184
2
原创 【牛客网-前端笔试题】——Javascript专项练习3
秋招正式批已经到来,相信不少小伙伴在为找工作而烦恼,对自己的实力不太自信,感觉好难找工作,不用怕,下面我来给各位推荐一个知名刷题网站《牛客》
2022-09-04 22:03:24
13424
6
原创 【牛客网-前端笔试题】——Javascript专项练习2
秋招正式批已经到来,相信不少小伙伴在为找工作而烦恼,对自己的实力不太自信,感觉好难找工作,不用怕,下面我来给各位推荐一个知名刷题网站《牛客》
2022-09-02 23:48:33
6194
23
原创 【牛客网-前端笔试题】——Javascript专项练习
秋招正式批已经到来,相信不少小伙伴在为找工作而烦恼,对自己的实力不太自信,感觉好难找工作,不用怕,下面我来给各位推荐一个知名刷题网站《牛客》
2022-09-01 14:39:44
9277
46
原创 【牛客网-公司真题-前端入门篇】——百度2021校招Web前端研发工程师笔试卷(第一批)
秋招正式批已经到来,相信不少小伙伴在为找工作而烦恼,对自己的实力不太自信,感觉好难找工作,不用怕,下面我来给各位推荐一个知名刷题网站《牛客》
2022-08-31 14:09:34
19711
2
原创 js面试题:1script标签放在header里和放在body底部里有什么区别?;2.什么是同步和异步?
JS 是一门单线程的编程语言,这就意味着一个时间里只能处理一件事,也就是说JS引擎一次只能在一个线程里处理一条语句。
2022-08-30 21:19:24
1029
原创 【牛客网-公司真题-前端入门篇】——百度2021校招Web前端研发工程师笔试卷(第二批)
秋招正式批已经到来,相信不少小伙伴在为找工作而烦恼,对自己的实力不太自信,感觉好难找工作,不用怕,下面我来给各位推荐一个知名刷题网站《牛客》
2022-08-30 20:30:04
25114
1
原创 【牛客网-公司真题-前端入门篇】——百度2021校招Web前端研发工程师笔试卷(第三批)
秋招正式批已经到来,相信不少小伙伴在为找工作而烦恼,对自己的实力不太自信,感觉好难找工作,不用怕,下面我来给各位推荐一个知名刷题网站《牛客》
2022-08-27 10:26:22
9306
7
原创 【牛客网-公司真题-前端入门篇】——58同城2021校招笔试-前端
秋招正式批已经到来,相信不少小伙伴在为找工作而烦恼,对自己的实力不太自信,感觉好难找工作,不用怕,下面我来给各位推荐一个知名刷题网站《牛客》
2022-08-26 19:50:16
7512
16
原创 【牛客网-公司真题-前端入门篇】——2021牛客模考-卷1
秋招正式批已经到来,相信不少小伙伴在为找工作而烦恼,对自己的实力不太自信,感觉好难找工作,不用怕,下面我来给各位推荐一个知名刷题网站《牛客》
2022-08-25 22:28:26
3963
3
原创 【牛客网-公司真题-前端入门篇】——奇安信春招笔试-前端-卷2
秋招正式批已经到来,相信不少小伙伴在为找工作而烦恼,对自己的实力不太自信,感觉好难找工作,不用怕,下面我来给各位推荐一个知名刷题网站《牛客》
2022-08-25 16:36:16
3998
1
原创 【牛客网-公司真题-前端入门篇】——奇安信春招笔试-前端-卷2
秋招正式批已经到来,相信不少小伙伴在为找工作而烦恼,对自己的实力不太自信,感觉好难找工作,不用怕,下面我来给各位推荐一个知名刷题网站《牛客》
2022-08-24 16:16:52
2670
6
原创 前端面试题:1.为什么有时连续多次setState只有一次生效?2.http的缓存机制 3.数组扁平化 4.babel和babel-polyfill
普通递归的思路很容易理解,就是通过for循环的方式,逐层逐个元素地去展平,如果当前元素是一个数组,那么就对它进行递归处理,再将递归处理的结果拼接到结果数组上。i ++) {// 当前元素是一个数组,对其进行递归展平 if(Array . isArray(arr [ i ])) {// 递归展平结果拼接到结果数组 result = result . concat(flatten(arr [ i ]));} // 否则直接加入结果数组 else {
2022-08-24 08:50:30
621
4
原创 前端面试题:1.ES6的新特性;2.Koa 与 Express 比较;3.什么是服务端渲染,服务端渲染的优点;4.React 组件间信息传递
Express优点:线性逻辑,通过中间件形式把业务逻辑细分、简化,一个请求进来经过一系列中间件处理后再响应给用户,清晰明了。缺点:基于 callback 组合业务逻辑,业务逻辑复杂时嵌套过多,异常捕获困难。Koa优点:首先,借助 co 和 generator,很好地解决了异步流程控制和异常捕获问题。其次,Koa 把 Express 中内置的 router、view 等功能都移除了,使得框架本身更轻量。缺点:社区相对较小。
2022-08-23 23:32:37
767
4
原创 【牛客网-公司真题-前端入门篇】——奇安信秋招笔试-前端-卷3
秋招正式批已经到来,相信不少小伙伴在为找工作而烦恼,对自己的实力不太自信,感觉好难找工作,不用怕,下面我来给各位推荐一个知名刷题网站《牛客》
2022-08-23 18:45:41
3073
16
原创 【牛客网-公司真题-前端入门篇】——奇安信秋招笔试-前端-卷2
秋招正式批已经到来,相信不少小伙伴在为找工作而烦恼,对自己的实力不太自信,感觉好难找工作,不用怕,下面我来给各位推荐一个知名刷题网站《牛客》
2022-08-22 19:50:19
2757
2
原创 【牛客网-公司真题-前端入门篇】——奇安信秋招笔试-前端-卷1
秋招正式批已经到来,相信不少小伙伴在为找工作而烦恼,对自己的实力不太自信,感觉好难找工作,不用怕,下面我来给各位推荐一个知名刷题网站《牛客》
2022-08-21 22:41:30
4979
38
原创 【牛客网-公司真题-前端入门篇】——小米秋招笔试-前端
秋招正式批已经到来,相信不少小伙伴在为找工作而烦恼,对自己的实力不太自信,感觉好难找工作,不用怕,下面我来给各位推荐一个知名刷题网站《牛客》
2022-08-20 10:23:03
4376
48
原创 【牛客网-公司真题-前端入门篇】——如何快速上手牛客
秋招正式批已经到来,相信不少小伙伴在为找工作而烦恼,对自己的实力不太自信,感觉好难找工作,不用怕,下面我来给各位推荐一个知名刷题网站《牛客》牛客是一个非常好用的网站,合理的利用牛客可以帮助我们快速的找到工作,在牛客中不仅有丰富的题库,还有不少的内推机会,感兴趣的小伙伴可以来牛客看看。
2022-08-19 10:45:52
5545
41
原创 前端面试题:1.页面加载完成(onload)之前触发的事件;2.History,Location,Window,Navigation的区别;3.e.target和e.currentTarget的区别
当你触发一个元素的事件的时候,该事件从该元素的祖先元素传递下去,此过程为捕获,而到达此元素之后,又会向其祖先元素传播上去,此过程为冒泡。当初始的HTML文档被完全加载和解析完成之后,DOMContentLoaded事件被触发,而无等待样式表、图像和子框架的完成加载。我们把四个事件第三个参数都设置为true,我们看看输出结果,可以看出触发的是d,而执行的元素是捕获的顺序。现在我们点击,看看输出的东西,可以看出触发的是d,而执行的元素是冒泡的顺序。用load是一个令人难以置信的流行的错误,所以要谨慎。...
2022-08-18 23:47:58
1194
原创 前端面试题:1.B/S架构和C/S架构;2定义vue-router的动态路由
在路由path上配置动态参数,在前往的路由页面使用this.$route. .params截取携带过来的路由参数。一.字符串写法1.query参数k=1") //跳转后的页面通过$route.query.k接收2 params参数this . $router . push("/login/" + this . keyword) path : ' / search / : keyword” 4 | //通过$ route.params.keyword接收二对象写法1.query参数。...
2022-08-17 22:21:45
1691
7
原创 JavaScript相关面试题:1.cookie、 localStorage和sessionStorage;2.js中数组是如何在内存中存储的;3.异步编程有哪些实现方式?
第四种是使用 async 函数的形式,async 函数是 generator 和 promise 实现的一个自动执行的语法糖,它内部自带执行器,当函数内部执行到一个 await 语句的时候,如果语句返回一个 promise 对象,那么函数将会等待 promise 对象的状态变为 resolve 后再继续向下执行。第一种最常见的是使用回调函数的方式,使用回调函数的方式有一个缺点是,多个回调函数嵌套的时候会造成回调函数地狱,上下两层的回调函数间的代码耦合度太高,不利于代码的可维护。●cookie:4KB左右。.
2022-08-17 08:05:50
284
3
原创 JavaScript相关面试题:1.js数据类型;2.JavaScript 语句的基本规范;3.事件代理;4.全局变量;5.哪些操作会造成内存泄漏;6.bind, call,apply
事件代理( Event Delegation), 又称为事件委托,是JavaScript 中绑定事件的常用技巧。顾名思义,“事件代理”就是把原本需要绑定的事件委托给父元素,让父元素负责事件监听。事件代理的原理是DOM元素的事件冒泡。使用事件代理的好处是可以提高性能。:全局变量是整个代码中都可用的变量,也就是说,这些变量没有任何作用域。var关键字用于声明局部变量,如果省略var关键字,则声明一个全局变量。使用全局变量面临的问题是局部变量和全局变量名称的冲突。......
2022-08-16 00:00:09
272
4
原创 HTML5相关面试题:1.H5新特性;2. HTML5 新标签的浏览器兼容问题;3.H5 的离线存储;4.H5缓存和常规缓存有什么差别;5:H5缓存优势;6.Web Worker 和Web作用
浏览器支持新标签后,还需要添加标签默认的样式(最好的方式是直接使用成熟的框架,使用最多的是html5shim框架),可以用IE hack引入该框架。●语义化更好的内容标签( header、nav、footer、 aside、 article、 section )。●纯表现的元素,包括basefont、big、 center、 font、 s、strike、 tt、 u。●表单控件包括calendar、date、 time、 email、 url、 search。...
2022-08-15 08:17:43
467
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人