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] 并不保证顺 ...

众所周知CSS技术我们虽然很熟悉，在使用的过程却很容易被困住，这让我们在新问题出现的时候变得很不利。随着web继续不断地发展，对于新技术新解决方案的要求也会不断增长。因此，作为网页设计师和前端开发人员，我们别无选择，必须熟悉我们手上的工具， ...

yahoo军规一共分8个部分共35条: 内容部分： 1. 尽量减少HTTP请求数 80%的终端用户响应时间都花在了前端上,其中大部分时间都在下载页面上的各种组件:图片,样式表,脚本,Flash等等。减少组件数必然能够减少页面提交的HTTP请 ...