前端

前端开发相关笔记,包括一些开发经验和代码。

如何优化CSS阻塞

默认情况下,CSS 被视为阻塞渲染的资源,这意味着浏览器将不会渲染任何已处理的内容,直至 CSSOM 构建完毕。所以要精简 CSS,尽快提供它,并利用媒体类型和查询来解除对渲染的阻塞。 总而言之,记住下面这几条: 默认情况下,CSS 被视为阻塞渲染的资源。 我们可以通过媒体类型和媒体查询将一些 CSS 资源标记为不阻塞渲...

js知识总结—基础进阶篇

1.eval(jsstr)和new Function(jsstr) eval和new Function都可以动态解析和执行字符串。会将字符串转义为js代码。区别如下: 1.对解析内容的运行环境判定不同:eval中的代码执行时的作用域为当前作用域,它可以访问到函数中的局部变量,也可以访问全局变量。new Function中的代码执行时的作用域为全局作用域,不论它的在...

js知识总结—基础知识篇

1.js判断变量类型 typeof可以判断一般类型。但无法准确识别对象。所有对象或类对象类型(null)都为"object",比如数组typeof [] == "object"。JS数据类型在底层都是以二进制的形式表示的,二进制的前三位为 0 会被 typeof 判断为对象类型,而 null 的二进制位恰好都是 0 ,因此,null 被误判断为 Object 类型。 typeof...

Vue重点知识总结—性能篇

1.vue性能优化 1.编码优化(代码层面) 不要将所有数据都放到data中,因为data中数据会遍历添加getter和setter,会收集对应的watcher 若在方法或计算属性中不对组件数据进行修改,最好在刚开始时就将数据赋值给变量,之后使用直接使用变量效率较高(let {user,list} = this)。 在v-for时需要给每项元素绑定事件时用外...

Vue重点知识总结—理论篇(二)

作为前端开发中现行最火的框架之一,基于此,总结了一些 Vue 方面经常出现的问题,留给自己查看消化,也分享给有需要的小伙伴。 由于篇幅较长,不能将所有知识点放到一篇文章内。这是Vue重点知识梳理理论篇的第二篇。前端茫茫,学无止境。 1.模板引擎原理(指令和插槽表达式如何生效) 使用with改变作用域,渲染数据。并...

Vue重点知识总结—理论篇(一)

作为前端开发中现行最火的框架之一,Vue 在面试中出现的频率不断增加。基于此,总结了一些 Vue 方面经常出现的面试题,留给自己查看消化,也分享给有需要的小伙伴。 就算工作时间再久,不刷题,是不能那么容易过面试的。我相信就算你是面试官,也不会百分百了解你所问的问题,也不能做到面面俱到。我一直相信,成功的面...

CSS重点知识总结—flex布局

1.理解flex Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。可以随着页面大小的改变自适应页面布局。 块级元素 .box{ display:flex; } 行内元素也可以设置成flex布局 .box{ display:inline-flex; } 设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。 2.justify-cont...

浏览器HTTP的缓存机制详解

当我们的页面发起资源请求时,浏览器会通过缓存等手段来尽快响应,避免不必要的http消耗,所以我们经常见到:Memory Cache、Disk Cache、Push Cache,现在又多了一种ServiceWorker。我们来简单对比如下: ServiceWorker Service worker是一个注册在指定源和路径下的事件驱动worker。它采用JavaScript控制关联的页面或者...

前端算法:JavaScript实现字符串全排列

我个人认为前端工程师笔试题中,算法题一般不难,也就这个难度,甚至比这还要简单。这是我在笔试过程中遇到的一个题~下面分享一下解题思路。 大体结构:定义一个方法,传入str变量,返回一个数组,包含所有排列: function fun(str){ var result = []; return result; } 主要逻辑:肯定是需要递归...

ES6常用方法总结—Promise

1.Promise用法 Promise的then方法会返回一个新的Promise let p = function(){ return new Promise((resolve, reject) => { try { setTimeout(()=>{ return resolve() },500) } catch (error) { return reject(error) } ...

加载中...