08 2020 档案
摘要：深度作用选择器简介 如果你希望 scoped 样式中的一个选择器能够作用得“更深”，例如影响子组件，你可以使用 >>> 操作符： <style scoped> .a >>> .b { /* ... */ } </style> 上述代码将会编译成： .a[data-v-f3f3eg9] .b { /*
阅读全文
摘要：前言 在Vue.js的组件化开发中，常常会对某个组件的style标签加上scoped属性，如<style lang='less' scoped>，这样做的目的在于使这个组件的样式不能轻易在其他地方被有意或无意修改，以达到封装的目的。值得注意的是，当我们进行组件嵌套时，常常需要修改子组件的默认样式，由
阅读全文
摘要：参考 HTML/BODY的背景渲染原理（优先） 关于body,html与background的冷知识
阅读全文
摘要：前言 今天在看vue-loader预处理器配置相关的内容，突然看到了Pug，然后有了一个疑问：模版引擎原来是预处理器吗？ 答案是：YES 说明 这里重点讨论使用不同的js模板引擎作为预处理器， 下面示例使用了pug模板引擎 <template lang="pug"> div h1 Hello wor
阅读全文
摘要：引言 图片处理在前端工作中可谓占据了很重要的一壁江山。而图片的 base64 编码可能相对一些人而言比较陌生，本文不是从纯技术的角度去讨论图片的 base64 编码。标题略大，不过只是希望通过一些浅显的论述，让你知道什么是图片的 base64 编码，为什么我们要用它，我们如何使用并且方便的使用它，并
阅读全文
摘要：编码方式 所谓Base64，就是说选出64个字符 小写字母a-z、大写字母A-Z、数字0-9、符号"+"、"/"（再加上作为垫字的"="，实际上是65个字符） 作为一个基本字符集。然后，其他所有符号都转换成这个字符集中的字符。 具体来说，转换方式可以分为四步。 第一步，将每三个字节作为一组，一共是2
阅读全文
