快速开始 # 拉取代码 git clone git@github.com:fmfe/vue-genesis-micro.git # 进入项目目录 cd vue-genesis-micro # 安装依赖 npm install # 开发环境启 ...

在这里就不讲微前端的各种优缺点，直接假设你在负责一个中后台管理系统的开发，所有的业务模块全部都在一个项目中打包，随着业务量的不断增长，编译越来越慢，你期望可以从老的项目中将新的业务进行独立开发、独立部署，以微应用的形式嵌入到老项目中。 本篇 ...

2020年5月22日FOLLOWME5.0的第一个版本终于上线了，这也是公司内部基于 Genesis 上线的第二个项目。首页是老项目经历了最原始的那种 Vue SSR，后来在年初的时候，迁移到了 Nuxt.js 下，再到现在迁移到了 Gen ...

我们的需求 在 Genesis 中，核心的就是渲染器，它提供了最基础渲染能力，有了它，你可以实现微前端、微服务、远程组件、首屏渲染，甚至可以和 React、EJS 等配合使用。 它可以和怎样的你协作？ 如果你是传统的后端渲染的，需要做SE ...

本文目录： 1.格式化日期时间函数 2.获取对应id或者class的DOM对象 3.获取当前浏览器的类型 4.为任意一个元素绑定事件 5.为任意一个元素解绑事件 6.获取页面向上或者向左卷曲出去的距离 7.限制字符显示字数 8.ajax原生 ...

什么是前端？ 前端即网站前台部分，也叫前端开发，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验 ...

1px有多大？ 我们先了解几个概念： 关键概念 设备像素：设备屏幕实际拥有的像素点一般来说：宽度方向有1920个像素点，长度方向有1080个像素点。 逻辑像素：CSS 的像素单位(就是我们这次要讨论的css的px)，其尺寸大小是相对的，也称 ...

拖拽的实现 在HTML5还未普及之前，实现元素的拖拽还算是一件比较麻烦的事，大概思路就是监听鼠标移动相关事件，下面是伪代码 oDiv.onmousedown = function(ev){ //记录起始位置 } document.o ...

在整个流程上的优化 在 HTML 内实现 Loading 态或者骨架屏； 去掉外联 css； 缓存基础框架 - HTTP 缓存资源； 使用动态 polyfill； 使用 SplitChunksPlugin 拆分公共代码； 正确地使用 Web ...

这是我第20篇简书。 1、组件通信 （1）父子通信 ① props-$emit ② $refs 短信验证码、图形验证码组件我经常用$refs this.$refs.captcha= 'xxx' ③ 子组件$children[0] 并不保证顺 ...