晒太阳的真

提升用户体验是前端工程师必不可少的工作之一。 过渡效果每个项目都必不可少，优化过渡效果变的尤为的重要。 这边来说一下发生这一切之前的场景，我们看一张过渡Loading图片。...

最近工作遇到产品的一个优化需求，产品说页面首次加载时间过长大概4-5秒左右，询问有什么好的解决办法，能不能优化一下，一秒出解决方案，直接上图。 以上玩笑，言归正传，页面首次...

web性能说白了就是网站打开速度快不快，页面中的动画够不够流畅，表单提交的速度是否快，列表滚动页面切换是否卡顿。性能优化就是让网站变得快。 在MDN上对web性能的定义是网...

在前端性能优化的方式中，最重要的当然是缓存了，使用好了缓存，对项目有很大的帮助。比如我们访问网页时，使用网页后退功能，会发现加载的非常快，体验感很好，这就是缓存的力量。 什...

前言一年多前自己就在公司弄了个简易版本的表单方案，当时的方案其实是不成熟的，但是方向是对的。对于vue的中后台表单解决方案知名的非常少，不像react生态有uform、fo...

今天偶然看github，看到了一个叫 webpack-virtual-modules 的项目，进去看了一下当时我就被它的设计给震惊了。这让我觉得不可思议，原来还可以这么玩。...

前言 微前端（Micro-Frontends）是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应...

缺少一个调试和环境配置中心，人人都需要配置一次。每个新同学加入新项目的时候，首先必须要做的事情是知道项目的抓包调试配置是什么，才可能运行和访问调试一个项目。而配置要么看文档...

如果你是 Vue2 的迁移者、学习 Vue3 或者是准备面试的话，相信看完本文一定会有所收获，加油！...

最近在学习使用框架的时候，分别使用vue和react开发了两个移动端产品，对这两个框架的学习曲线有了一些感悟，这两个都是现在比较热门的js框架，它俩在使用方式上和学习复杂度...

Vue和React实现原理和流程基本一致，都是使用Virtual DOM + Diff算法。不管是Vue的template模板 + options api写法，还是Reac...

前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会专属内推群，赢在新的起跑线。 大家好，我是飞猪前端侑夕，今天分享的主题是《如何...

当你陪着家人嗑着瓜子，和家人一起看着春晚，顺便拿着手淘参与春晚抽奖互动的时候，杭州还有两百多程序员还奋战在一线当中。现在年也过完了，奖也抽了，红包也拿了。也该好好回来工作的...

1. 异步执行原理 （1）单线程的JavaScript 我们知道，JavaScript是一种单线程语言，它主要用来与用户互动，以及操作DOM。 JavaScript 有同步...

最初，Javascript 没有导入/导出模块的方法， 这是让人头疼的问题。 想象一下，只用一个文件编写应用程序——这简直是噩梦！ 然后，很多比我聪明得多的人试图给 Jav...

尤其清晰的记得毕业期间有一次上课期间手机响起来，接了个面试电话，就问了原型、原型链，真的是怕什么来什么，当时对这块知识较模糊，支支吾吾回答不上来很尴尬。 - 真花了几天几夜...

理解js中原型、原型链这个概念，绝对是帮助我们更深入学习js的必要一步，比如，如果js开发者想理解js继承，new关键字原理，甚至封装组件、优化代码，弄明白js中原型、原型...

更新：在常用七种继承方案的基础之上增加了ES6的类继承，所以现在变成八种啦。 构造函数、原型和实例之间的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的...

本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘，如果大家想直接看如何减少回流和重绘，优化性能，可以跳到后面。（这个渲染过程来自MDN） Display:将像素发送给G...