- 博客(22)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Vue.js源码分析（二）--mount整体流程
$mount这一节看挂载，从有编译的运行时触发的$mount方法出发，这个函数里面只有一句话：el = el && query(el)这是用来保证el的类型的，我们来看query方法，实现的很直接，如果el是个字符串，使用querySelector拿到DOM节点，没有这个节点的话，生产环境会报错；否则返回createElement创建的DOM节点。如果不是字符串，直接返回...
2020-04-30 23:48:35
615
原创 2020 4月 月末总结（飞速流逝的一个月）
前言整个月基本没有再面试，拿到了mentor给出的一些学习方向，然后就是在应付导师的论文，一个月过的好快。总结这周主要是两块，一个是Vue全家桶和VCA的学习；另一块就是论文方向了，后者没啥好说的，也不是这个博客的初衷，咱们还是捋捋第一个。首先是找之前的QQ音乐项目，入门的时候看黄奕老师的课学到了不少，如今打算用Vue Composition API重写，今天下午终于全部搞定，一方面巩固...
2020-04-30 19:54:45
271
原创 Vue.js源码分析（一）--init
前言vue源码相对于React还是要简单一些的，今天开始踩这个坑，帮助我更好的去理解Vue深层的东西，也能更好的看懂Vue3吧。init首先，当我们new Vue时，会调用this._init方法，而这个方法是在initMixin里面定义的：export function initMixin (Vue: Class<Component>) { Vue.prototype._...
2020-04-27 08:52:10
416
原创 重学NPM
前言什么？npm还要学么？确实不咋需要学，所以推荐你看这篇文章。你用的npm前些日子Github把NPM纳入自家后宫，这个完虐pip的最大的包管理器从此也有了微软的印记。最近想打包个项目发到NPM上去，自然要对npm进行全面的学习。我们平时使用npm，大多是使用npm run scripts，npm install xxx之类的，所以下面的讲解首先从npm install这种最常见的开始。...
2020-04-26 22:36:38
203
原创 写storybook时报错 preview hooks及Webstorm与VS Code的全方位比较
描述其实是个小错误，就是怎么也想不通，还以为hooks不能直接写story，想想也不对啊，难道只是不支持useContext吗？之所以有这个想法是之前在使用react-three-fiber时遇到的一个BUG，redux的数据是不能在一个 canvas组件中通过useSelector等API拿到的，所以在这里想当然想偏了。错误是这样的：Storybook preview hooks can...
2020-04-26 00:42:23
879
原创 storybook生态初体验
前言上一篇文章简单介绍了一下storybook，这一篇用个实例来做一下。生态首先因为是配合React和CRA使用，所以需要一下几个插件：@storybook/addon-info@types/storybook__addon-inforeact-docgen-typescript-loader第一款是为了展示源代码等信息用的，第二款是类型文件，第三个是一款webpack插件，主要解...
2020-04-24 00:27:48
958
原创 storybook上手（安装分析，修改配置）
前言这个名字大家可能再很多地方都见过，今天我们来真正上手一下。安装storybook作为UI库设计的好朋友，在很多地方都有用武之地，不限于View库或者MVVM框架，这里以React为例。npx -p @storybook/cli sb init注意，下周速度感人！这里因为我已经使用CRA创建项目，所以项目会在原有工程上做一些修改。首先是package.json： "scrip...
2020-04-23 19:13:20
3443
原创 Jest和testing-library/react--React的单元测试
前言测试一直是忽略的东西，虽然之前简单上手过Jest，但是总体来说很浅显，这次深入一下React的单元测试。Jest关于Jest，这里简单回顾一下：test('test common', ()=>{ expect(2+2).toBe(4) expect(2+2).not.toBe(5)})test('true', ()=>{ expect(1).toBeTru...
2020-04-23 17:45:51
4496
2
原创 Vue3.0+vuex4.0尝鲜
前言做题3.0出了beta版，这一段时间使用VCA的过程中，也接触了不少3.0的特性，除了些生态相关的东西，别的体验已经很好了，今天就基于vue-cli-plugin-vue-next搭建一个工程化的Vue3.0样例。安装注意，这个插件的TS的支持还没有做好，这里我们基于JS做。yarn global add @vue/clivue create vue3-beta-js-all同...
2020-04-19 12:18:01
8165
1
原创 走一遍Vue渲染更新的流程
前言这个图估计大家都看烂了，这篇文章就从这幅图讲起。概览首先new Vue()之后会进入初始化阶段，初始化的东西有很多，如我们的常见的生命周期，事件，属性与状态，计算属性与watch，并实现数据的响应式。初始化完成之后就是挂载阶段，如果是使用template模板并且处于运行时编译的状态，那么会进行编译阶段。编译阶段由parse, optimize, generate组成，分别用来解析模...
2020-04-16 14:46:22
1417
原创 崎岖探索之VCA和Vuex到底怎么结合
前言最近在用VCA写个应用，收React思维的影响，有些东西写起来着实觉得不是很顺手，但是Vuex一直是我觉得比Redux要清晰的状态管理工具，直到今天用起来发现，并没有想象中那么简单。执行过程这是写的一段代码：export default { setup(_, { root }) { const store = root.$store; const router = ...
2020-04-14 23:38:09
379
原创 使用VCA过程中出现的几个问题（2）
前言最近在用VCA去写一些项目，出现的一些问题有的也挺烦人的，这里记录一下。setup的函数签名没了this的约束，没有见过风格良好的VCA编码规范，感觉自己的代码很松散，同时对于VCA的一些坑也是狠狠踩了。setup作为VCA最重要的入口，接收props和context两个参数，后者经常用结构的方式拿出来，最常见的有on，emit，root.$nextTick，我们可以直接如下拿到：s...
2020-04-13 21:07:25
720
原创 一脸懵逼的毕业设计--tensorflow.js
前言又到了被催进度的时候，然而自己的进度却是一片空白，之前应付了一周的开题现在发现有很多地方根本就不合理，导师自然不能帮到你什么，所以一切到头来还是要自己去折腾。内容说实话要是都和Three.js相关的内容其实还好做，偏偏里面还涉及启发式算法和神经网络拟合的问题，这就很麻爪了，而且还不知道到底要不要上神经网络。目前的问题主要有三大块，首先就是博弈支付矩阵的建立。...
2020-04-11 00:46:55
772
原创 基于Vue Composition API开发一个音乐App遇到的一些问题
前言最近一直在学习如何使用Vue Composition Api，事实是自己的Vue Options Api掌握的也不是很熟练，因此开发过程中还是出现了很多问题，在此记录一下。Better-Scroll首先是和Vue关系不大的移动端滚动神器，原理很简单，我们让父容器宽高小一点，子容器宽高大一点，这样子容器就能在父容器内滚动了。对于VCA，我们往往需要拿到Ref，并在nextTick中处理，...
2020-04-10 10:58:04
504
原创 重学Vue（六）--VCA
前言VCA是Vue3中最重要的特性之一，和Hooks一样的函数式编程思想使得VCA可以很好的支持类型系统，更好的性能，以及更方便的开发。使用很简单，在2.x中直接作为插件即可：import Vue from 'vue';import VueCompositionApi from '@vue/composition-api';Vue.use(VueCompositionApi);使...
2020-04-06 12:27:18
1614
原创 重学Vue（五）--typescript
前言在vue中使用typescript是有些缺憾的，首先Vue2的类型系统并没有为Typescript做兼容，因为最开始选择的就是flow而不是TS，因此在Vue2中使用TS需要vue-property-decorator的帮助，从名字也看得出来，这里我们需要大量借助装饰器。基本使用基于TS的Vue开发是需要vue-property-decorator的辅助的，因此编程方式与JS的开发也有很...
2020-04-05 23:55:52
689
原创 重学Vue（四）--全家桶
前言前面裹过了下基础，响应式和一点点高级特性，下面捋一下全家桶。Vuex首先Vue-router和Vuex都是作为Vue的专属插件存在的，尤其是Vuex，和Vue的响应式原理息息相关，这也使得Vuex的上手难度远远小于Redux。首先要做的就是在main.js里面引入注册的插件，这里我们使用上面提到的两个：new Vue({ router, store, render: h ...
2020-04-04 22:44:30
178
原创 重学Vue（三）--一点点高级特性
前言之前走过一遍Vue基础，和React的对比去学，上手也还可以，也着实感觉到Vue在某些方面是很方便的。这篇文章主要介绍一下Vue的高级特性。slot说slot是高级特性，但是感觉平时的使用中也会带来很大的方便。slot主要分为普通的slot使用，就是在调用的子组件中插点东西，同时把插入的东西在子组件合适的位置显示出来。接着还有些别的使用，如我们想在父组件中使用子组件的数据当作插槽，如下...
2020-04-04 12:46:00
189
原创 重学Vue（二）--响应式
前言不同于React的不可变数据，Vue的一套响应式机制成为Vue的一套核心原则，从2.x基于Object.defineproperty到3.0即将推出的proxy和reflect，弄懂这一套还是很有必要的。2.x首先，对于2.x中的响应式原理，官网已经有很详细的解释了，这里我们抛开整个响应式流程，只从JS的角度去研究一下。let a = 2, obj = {}Object.define...
2020-04-03 22:40:16
156
原创 撸一撸简单的操作系统知识
前言打开浏览器，做个简单计算，我们能看到控制台打印出计算结果，这个过程究竟发生了什么？一个简单计算首先，我们使用键盘输入计算式子，指令会被放入内存中，相应的控制器会取出内存中的指令，运算器拿到结果之后仍然会返回给内存，输出设备继续读取内存讲结果展示出来。那么操作系统是干什么的呢？如果没有操作系统，JS要处理硬件的协调工作，进程之间的切换等等，说到了进程，Node.js问这个的可能性可是很大...
2020-04-03 12:33:05
40737
原创 重学Vue（一）
前言因为种种原因，时隔半年，再次开始了Vue的系统学习，作为现在最火的类MVVM框架，之前前端基础一塌糊涂时就可以做出来些东西了，如今经过了各种查漏补缺各种洗礼，也更加期待通过学习这个框架进一步巩固自己的前端知识体系。模板语法当初放弃Vue的一个原因就是想用JSX更加深入到JS的编程中，中间拾起来Vue也是用JSX写点东西，在这个角度说来模板语法也是个人不是很喜欢的东西。不过所谓熟能生巧，归...
2020-04-03 00:49:46
174
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人