2020年11月16日
摘要: 前言 qiankun框架的编写基于两个十分重要框架,一个是single-spa,另外一个是import-html-entry。在学习qiankun的原理之前,需要知道single-spa的原理,了解它是如何调度子应用,可以看看我上一篇文章。https://www.cnblogs.com/synY/p 阅读全文
posted @ 2020-11-16 17:01 余圣源 阅读(10186) 评论(1) 推荐(3) 编辑
  2020年11月12日
摘要: 前言 看这篇文章之前先要了解微前端概念,single-spa如何使用。 这篇文章主要分析single-spa原理。然后分析完之后,作者说说自己对于同时都是微前端框架qiankun和single-spa的关系的一些理解,因为在我学习刚开始微前端的时候,我其实不太明白都是微前端框架qiankun和sin 阅读全文
posted @ 2020-11-12 15:49 余圣源 阅读(6317) 评论(2) 推荐(7) 编辑
  2020年10月11日
摘要: 响应式原理 开篇 我们以一段代码为例子: <template> <img src="./logo.png"> <h1>Hello Vue 3!</h1> <button @click="add">Clicked {{ state.observe }} times.</button> </templa 阅读全文
posted @ 2020-10-11 17:11 余圣源 阅读(437) 评论(0) 推荐(0) 编辑
  2020年9月22日
摘要: 前提知识 Vuex涉及Vue原理中的computed,Vue的响应式原理。 其实Vuex的原理可以归结为它源码里面的一句话(如下),下面来看看这句话的威力所在。 store._vm = new Vue({ data: { $$state: state }, computed }) install阶段 阅读全文
posted @ 2020-09-22 16:34 余圣源 阅读(323) 评论(0) 推荐(0) 编辑
  2020年9月19日
摘要: 这里大概分析一下vue router整体流程, push方法原理和如何监听用户修改url,然后进行视图渲染。 在一个项目中我们可能会这么去配置一个router Vue.use(VueRouter) const routes: Array<RouteConfig> = [ { path: '/', r 阅读全文
posted @ 2020-09-19 21:01 余圣源 阅读(399) 评论(0) 推荐(0) 编辑
  2020年8月7日
摘要: 本文可能需要对vue,从编译模板到生成dom的流程具有一定的熟悉程度,可能才能够明白。同时不排除作者有理解出错的地方,大家在学习的过程中可以进行参考。 简单流程 从一个简单的例子入手 <div class="login-register" @click="testClick"></div> 假如我们 阅读全文
posted @ 2020-08-07 12:08 余圣源 阅读(1554) 评论(0) 推荐(0) 编辑
  2020年7月21日
摘要: 1.项目准备 首先npm init初始化工程,然后安装typescript和webpack相应模块: npm install --save-dev webpack webpack-cli npm install --save-dev typescript npm install --save-dev 阅读全文
posted @ 2020-07-21 23:28 余圣源 阅读(429) 评论(0) 推荐(0) 编辑
  2020年4月14日
摘要: 1.前言 由于开发需要,项目需要接入萤石的视频监控。萤石官方提供了三种协议的的视频方式,hls,rtmp,ezopen。三种协议是视频直播有一定差别,由于hls有十多秒的延迟,不符合项目的要求,所以本人采用了延迟最低的ezopen。在使用的过程中遇到了很多很多的坑,即使在尝试别人的解决方案依旧无用。 阅读全文
posted @ 2020-04-14 18:31 余圣源 阅读(12758) 评论(10) 推荐(1) 编辑
  2020年4月10日
摘要: 1.介绍 本程序是一个具有图形化界面的小学生四则运算生成的程序,作者是:余圣源,王树干。本程序使用JavaScript结合electron框架打包生成的一个前端exe可执行程序。 这里对electron框架使用不做介绍。github地址:https://github.com/yushengyuan1 阅读全文
posted @ 2020-04-10 18:02 余圣源 阅读(363) 评论(0) 推荐(0) 编辑