vue通过 template 来创建你的 HTML。但是，在特殊情况下，这种写死的模式无法满足需求，必须需要js的编程能力。此时，需要用render来创建HTML。 在一次封装一套通用按钮组件的工作中，按钮有四个样式(default success error )。首先，你可能…

因为<img>、<input>属于替换元素，替换元素一般有内在尺寸和宽高比(auto时起作用)，所以具有width和height，可以设定。 元素是文档结构的基础，在CSS中，每个元素生成了一个包含了元素内容的框（box，也译为“盒子”）。但是不同的元素显示的方式会有所不同，例…

然而前端优化策略却是一件老生常谈的问题，百度一把大量的博文，曾拜读过张成文大大的《现代前端技术解析》，关于前端知识体系与架构思维的一本书，里面有一章讲到前端优化策略，前人总结的较为全面，自知能补充的内容也不多，索性添添简简做一个优化速查列表，以便后期回读，同大家分享。 PC端优…

伪元素和伪类一样，添加到选择器，但是不是描述状态，他允许我们为元素某些部分设置样式；利用伪元素，我们可以简化页面的html标签，同时用起来也很方便，善于使用伪元素可以让你的页面更加地简洁优雅。之所以叫伪元素，是因为他修饰不在文档树中的部分；不是真实存在的； 方法：把父容器的高度…

关于event loop的详细理解

《你不知道的JavaScript》系列丛书给出了很多颠覆以往对JavaScript认知的点, 读完上卷，受益匪浅，于是对其精华的知识点进行了梳理。 作用域是一套规则，用于确定在何处以及如何查找变量。 JavaScript是一门编译语言。在传统编译语言的流程中，程序中一段源代码在…

传统的 Web 页面不会包含很多脚本，至少不会太影响 Web 页面的性能。然而，Web 页面变得越来越像应用程序，脚本对其的影响也越来越大。随着越来越多的应用采用 Web 技术开发，脚本性能的提升就变得越来越重要。 桌面应用程序通常是用编译器将源代码转换为最终的二进制。编译器在…

“征服 JavaScript 面试”是我写的一系列文章，来帮助面试者准备他们在面试 JavaScript 中、高级职位中将可能会遇到的一些问题。这些问题我自己在面试中也经常会问。 在我面试时问出的一系列问题里，闭包通常是我问的第一个或最后一个问题。坦白地说，如果你连闭包也弄不明…

过去没太研究过HTTP,最近有空,看了一些。本文主要讨论浏览器缓存以及304状态码的一些知识，在这里做一个分享,这里先上一张HTTP请求流程图： 禁止缓存指的是缓存中不得存储任何关于客户端请求和服务端响应的内容。每次由客户端发起的请求都会下载完整的响应内容。 但两者也有区别，P…