前端
Cirzearchenille
这个作者很懒,什么都没留下…
展开
-
20190928多益网络前端笔试总结
首先是题型:选择题6填空题6问答题7编程题2选择题主要是一些前端的基础,就不过赘述了,填空题:1. CSS动画属性语法:animation: name duration timing-function delay iteration-count direction fill-mode play-state;2. box-shadow的设置语法:/* x偏移量 | y偏...原创 2019-12-27 18:47:45 · 812 阅读 · 0 评论 -
20190929哈啰出行前端投递笔试总结
全部为选择题,涉及到的知识点有:……1. 不支持冒泡的元素有哪些UI事件 load unload scroll resize 焦点事件 blur focus 鼠标事件 mouseleave mouseenter 2. typeof null 的返回值是什么object,原因呢是因为:从逻辑角度来看,null值表示一个空对象指针,而这正...原创 2019-12-27 18:46:58 · 1254 阅读 · 0 评论 -
前端之浏览器缓存机制
通俗地讲,缓存可以分为HTTP缓存和本地缓存HTTP缓存又可以分为强缓存和协商缓存强缓存即不会向服务器发送请求,直接从缓存中读取资源请求返回200的状态码在chrome控制台的network选项中可以看到size显示from disk cache或from memory cache。from memory cache代表使用内存中的缓存,from disk cac...转载 2019-12-06 21:53:24 · 648 阅读 · 1 评论 -
Webpack面试知识点总结
webpack是什么,解释一下webpack是一个模块打包工具,可以使用它管理项目中的模块依赖,并编译输出模块所需的静态文件。它可以很好地管理、打包开发中所用到的HTML、CSS、JavaScript和静态文件(图片。字体)等,让开发更高效。对于不同的类型的依赖,webpack有对应的模块加载器,而且会分析模块间的依赖关系,最后合并生成优化的静态资源。webpack的基本功能和工作原理...转载 2019-12-06 21:47:00 · 222 阅读 · 0 评论 -
settimeout、promise、async的执行顺序
用一段代码来说明async function async1() { console.log('async1 start') await async2() console.log('async1 end')}async function async2() { console.log('async2')}console.log('script start')se...原创 2019-12-06 21:44:57 · 193 阅读 · 0 评论 -
最近学到的一些知识
在Vue中使用v-for不仅可以遍历数组,还可以遍历对象,当然也可以遍历字符串。 还有在Vue中,不可以深度监听数组的变化,比如将数组arr某一项的值改变,在视图上不会发生变化,在网上找了很多方法,包括Vue.$set(原对象,位置,值),以及vue中的变异方法,像push,pop,shift,unshift,这些,最后发现都不生效,最后找到原因是我push的值不对,在数组中不能直接push数组...原创 2019-12-06 21:43:56 · 152 阅读 · 0 评论 -
HTML页面渲染过程
从接收到数据开始,浏览器页面开始进行自己的渲染操作,具体如下:1.解析HTML节点,生成DOM树,解析CSS,生成CSSDOM树2.结合两者,生成Render tree (渲染树)3.对渲染树进行解析,确定各个节点的位置大小等4.确定页面中各个节点的绝对像素5.将得到的绝对像素发送到GPU进行渲染显示。*为构建渲染树,浏览器大体上完成了下列工作:*从 DOM 树的根节点开始...转载 2019-11-30 21:31:01 · 541 阅读 · 0 评论 -
js实现todolist总结
首先在网页布局设置好的情况下,进行js文件的编写,要求实现增加,删除,和实时变化,其实这都可以在存在浏览器的本地存储中。下面先列出我的html页面及css文件内容<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>表</title> ...原创 2019-06-06 17:28:30 · 3502 阅读 · 4 评论 -
关于冒泡和捕获事件执行顺序
近日偶尔发现一段代码,对其执行后的结果产生了一些疑惑,在查阅诸多资料后恍然大悟,特此写下,以表纪念。如下所示<html><head> <title>冒泡捕获事件</title></head><body> <div id="box1" style="width:200px;height:200px;...原创 2019-09-08 09:28:12 · 401 阅读 · 0 评论