- 博客(18)
- 收藏
- 关注
RSS订阅原创 素燕的 2020 · 终生成长
每年年末总结，一年也不能少。下面从技术、写作和理财回顾一下我的 2020 年。这一年没有原地踏步，不断成长。技术 · 生存之本19年的时候希望能够拓宽一下自己的技术视野，就开始做前端方面...
2020-12-31 19:44:04
269
原创 scoped 和 /deep/ 解决 css 冲突覆盖问题
上一节内容我们学习了 Vue 中使用 CSS 系统学习 vue 中使用 css 的各种方式，这节内容学习一下 scoped 和/deep/ 的作用：在 vue 中使用组件时，最怕 cs...
2020-12-30 08:52:15
1291
1
原创 系统学习 vue 中使用 css 的各种方式
Vue 中使用 CSS 非常灵活，可通过 class 和 style 给元素动态绑定 CSS，今天内容详细介绍使用规则：在未使用 Vue 框架时，可以通过 class 和 style 来...
2020-12-28 08:28:08
1155
原创 refs - 访问DOM或组件实例
这几天内容中我们逐步学习了 Vue 的编程思想，旨在能够灵活运用 vue 的编程思想，在平时的工作中能够更高效快速完成任务，所有内容均在公众号素燕和小课官网（https://lefex....
2020-12-22 08:51:59
199
原创 GitHub 夜间模式实现原理拆解
GitHub 目前已经支持夜间模式，周末分析了它的实现思路，先来看下它的两种模式效果：它的实现思路其实核心有 4点：1、在html 元素中不同模式中添加不同的属性选择器 data-c...
2020-12-21 08:46:50
1289
3
原创 反思一下，如何写一流代码
最近公司 CR（code review，代码评审）越来越严，这是非常正确的决定，我非常支持。过往，CR 就是一种「形式」，很少有人重视，代码质量太差，导致业务迭代速度大打折扣，甚至有些业...
2020-12-19 09:44:45
92
1
原创 找女朋友时，可能真需要一个媒人 Proxy
Proxy，中文意思是「代理」，在 JavaScript 中提供了一个系统类 Proxy，当你想要操作一个对象的时候，可以不直接操作对象本身，而是操作代理对象，这时代理扮演了一个中间人的...
2020-12-17 09:00:08
91
原创 深度嵌套组件，数据不需要层层传递
前面我们连续介绍了Vue相关的概念，如果你能坚持到这里基本上入门 Vue 了，回顾一下前面的内容：新开了一个坑Vue3 安装与执行过程来，开局先创建一个 appVue 创建的 app 实...
2020-12-16 08:20:23
266
原创 vue 模板的本质是渲染函数
上节内容我们学习了 Vue 组件的本质，这节内容看看 vue 模板的本质是什么。模板 - 内容的承载体Vue 在渲染组件的时候，需要使用者提供一个渲染模板或者渲染函数。渲染模板就是一个...
2020-12-15 08:34:43
784
原创 Vue 组件的本质
前面的内容我们学习了 Vue 创建的 app 实例最终去哪了，今天来学习组件。Vue3 在定义组件模板时，不需要使用一个根标签来包含子标签了，模板可以直接这样定义：const SuYan...
2020-12-14 08:30:08
606
原创 三十而已，构建自己的投资系统
今天我想和朋友们分享一些关于编程之外的知识，「构建自己的投资系统」。投资理财其实是我很早很早就一直规划的事情，但是由于种种原因，直到今年才初步落地，这是我今年做的一件最重要，也是最有意义...
2020-12-13 20:28:17
100
原创 Vue 创建的 app 实例最终去哪了
昨天在 来，开局先创建一个 app这节内容中我们学习了如何创建一个 app，今天我们学习一下 app 中的方法。大家思考一下「Vue 创建的 app 实例最终去哪了」。1、compon...
2020-12-11 08:41:19
620
原创 来，开局先创建一个 app
昨天我们学习了如何安装 Vue 和一个单页应用执行的过程（Vue3 安装与执行过程）。今天我们学习一下通过 createApp 来创建一个 app。创建一个 app在使用 Vue 框架时...
2020-12-10 08:24:42
196
原创 Vue3 安装与执行过程
安装初次使用 Vue 的时候，无论是新项目还还是老项目，首先需要安装。安装 Vue 和安装其它 npm 包一样。下面我列举 4 种方式来安装 Vue。直接使用 CDN 地址这种方式直接在...
2020-12-09 08:30:00
686
4
原创 新开了一个坑
搞懂搞透Vue 是我一直在做的事情，但是做了很多，最终都半途而废，比如前面的众人拾柴火焰高 · Vue虚拟实验室，也没有坚持下来。最主要的原因是，每个人并不能够按原计划把事情做完，最...
2020-12-08 08:59:33
90
原创 Vue3 Contributor 说渲染器的设计思想
Vue 设计的核心思想，其中非常重要的一环是渲染器的设计。在使用的过程中你肯定遇到过 render、h、vnode、虚拟 DOM 这些概念。但是对于一个框架设计者来说为何要引出这些概念，...
2020-12-05 16:02:41
345
原创 js 中的 ~~ 随好用但好丑
你有在代码中用过~~吗？今天来普及一下它。举例：例1：let a = 10~a 最终结果为-11；~~a 最终结果为 10；对数字使用 ~ 时，结果为-(N+1)例2：let n...
2020-12-03 08:26:09
74
原创 查看 Vue3 模板编译后的 AST 和渲染函数
Vue 在开始工作之前，需要对 HTML 模板进行一次编译，转换成 AST。一说到 AST 有人可能就害怕了，其实不必，你把它看做是一个 JS 对象，使用了树这种数据结构，它在这里的作用...
2020-12-01 08:21:07
883
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人