![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端笔试题整理
文章平均质量分 75
ass_ace
选择你所喜欢的,爱你所选择的
展开
-
css模块化
CSS 发展我们在书写 css 的时候其实经历了以下几个阶段:手写源生 CSS 使用预处理器 Sass/Less 使用后处理器 PostCSS 使用 css modules 使用 css in js手写源生 CSS在我们最初学习写页面的时候,大家都学过怎么去写 css,也就以下几种情况:行内样式,即直接在 html 中的 style 属性里编写 css 代码。 内嵌样式,即在 html h 中的 style 标签内编写 class,提供给当前页面使用。 导入样式,即在内联样式原创 2021-08-05 23:05:50 · 717 阅读 · 0 评论 -
chrome浏览器多进程架构
背景这篇文章取材于Mariko Kosaka在 2018 年 9 月发表在 Chrome 开发者文档中的Inside look at modern web browser系列文章,同时结合我自己的理解。如果你对浏览器如何将代码转化成页面感兴趣,这正适合于你。CPU 与 GPUCPU 和 GPU 作为计算机中最重要的两个计算单元直接决定了计算性能。CPUCPU.pngCPU 是计算机的大脑,负责处理各种不同的任务。在过去,大多数 CPU 是单芯片的,核心被安置在同...转载 2021-04-18 23:10:42 · 907 阅读 · 0 评论 -
利用location或a标签解析URL字符串
1.如果url是直接获取地址栏上的,则可以直接使用location对象解析function geturlresult (){ var res ={ hostname: window.location.host, parameter: {}, pathname: window.location.pathname, port: window.location.port, protocol: window.location.protocol } if(原创 2021-04-02 20:59:47 · 425 阅读 · 0 评论 -
如何通过webpack配置并部署属于自己的npm包
验证是否成功部署自己的npm包到npm网站上,只需要在部署后,在npm官网搜索自己的npm包名(即,package.json配置中的name字段内容)即可,效果如下,1.npm的功能支持以及达到的效果要求如下,1)实现大整数加法功能;2)实现压缩大打包和非压缩打包;3)支持amd,cjs,ems模块引入;2.创建项目并实现大整数加法功能,mkdir large-numbernpm init -ynpm i webpack webpack-cli -D1) 通..原创 2021-02-21 12:34:12 · 823 阅读 · 0 评论 -
当前端查询回来的数据过多时,通过事件循环机制分成多批任务,缓解页面卡顿问题
由于js单线程的特性,同一时刻只会执行一个任务,假如当前实质性任务时间过程,那么其他等待执行的任务就会一直等待,直到当前任务执行完毕,才接着执行下一个任务,在日常的开发中如果代码处理的数据量适中,一般不会有什么性能问题,但有一种场景:比如查询数据回来,进行处理然后渲染页面,这是如果接口查询回来的数据是1000条,那么没啥影响,如果是1000万条数据,那么就可能需要运行相当一段时间了。这样的代码运行时,页面上的其他代码都不能运行,这样使得我们的应用在前端交互上体验极其不友好。解决方法:..原创 2021-01-24 23:05:53 · 1014 阅读 · 2 评论 -
TCP的三次握手与四次挥手理解及面试题
本文经过借鉴书籍资料、他人博客总结出的知识点,欢迎提问 序列号seq:占4个字节,用来标记数据段的顺序,TCP把连接中发送的所有数据字节都编上一个序号,第一个字节的编号由本地随机产生;给字节编上序号后,就给每一个报文段指派一个序号;序列号seq就是这个报文段中的第一个字节的数据编号。确认号ack:占4个字节,期待收到对方下一个报文段的第一个数据字节的序号;序列号表示报文段携带数据的第一个字节的编号;而确认号指的是期望接收到下一个字节的编号;因此当前报文段最后一个字节的编号+1即为...转载 2021-01-14 23:43:13 · 112 阅读 · 0 评论 -
web前端笔试题整合
1.一个200 * 200的格在不同分辨率屏幕上下左右居中,用CSS实现 div{ width: 200px; height: 200px; background-color: red; position:absolute; top:50%; ...原创 2018-12-13 16:19:48 · 1879 阅读 · 1 评论