引言 1.1目的及文档说明 规范的目的是为了统一编码风格规范，提高代码质量和可读性，增强团队协作开发效率（参考腾讯、百度、字节跳动等前端规范） HTML规范 2.1.语义化标签 标签语义化，切忌清一色

在前端三大框架并存的今天，vue已经是前端必须掌握的一部分。而对于很多入门者，或者转行前端的小伙伴们，个人觉得vue是一个非常适合入门的框架的之一。笔者个人觉得，无论从api的易学的角度出发，还是从原理层面解析，vue还是比react的简单一些。记得某个大神的面试分享：如果面试…

背景 前端拿到的设计给的图片过大或者项目里本身需要展示的图片就比较多，特别现在网站往往流行的都是大图片大视频的情况下，那么多而大的图片和视频导致网页加载缓慢的问题，不靠后端，前端有哪些优化方案呢？ 压

前言 我以前很喜欢封装组件，什么东西不喜欢别人的，总喜欢自己搞搞，这让人很有成就感，虽然是重复造轮子，但是能从无聊的crud业务中暂时解脱出来，对我来说也算是一种休息，相信有很多人跟我一样有这个习惯。

通过这次查看 keepalive源码发现，其实也没那么难，当然这次查看源代码也只是粗略查看，并没有看的那么细，主要还是先解决问题。动动手调试一下，有时候真的就是不逼一下自己都不知道自己多优秀。

在 Vue 开发过程中，如遇到祖先组件需要传值到孙子组件时，需要在儿子组件接收 props ，然后再传递给孙子组件，通过使用 v-bind="$attrs" 则会带来极大的便利，但同时也会有一些隐患在其中。 于是我发现这个“bug”，并迅速打开 gayhub 提了个 issue…

现有3个嵌套组件，A->B，B->C。 我们使用vuex来进行数据管理，依赖于vuex我们可以一次改变，任何一个组件中都能获取。但是如果多个组件共享状态比较少，使用vuex过于麻烦和难以维护。element-ui中大量采用此方法。 自定义vue bus事件总线，原理类似vuex…

首先让我们看一下这张图，表示了一个多级关联的组件嵌套 为什么要用$attrs 和 $listeners 先让我们来想一种情况，就是组件A跟组件C怎么通信，我们可以有多少中解决方案？ 看到这种情况，大多

最近在写一个生日贺卡的小网页（可以作为特别生日礼物送给想送的人），上面可以动效展示她的图片，和想对她说的话。播符合场景的音乐。最后，有个类似于微信红包的抽礼物环节，你可以把想送的礼物或者特别的愿望放里面。然后把做好的网页做成二维码送出去， 然后在里面做好一切，发现因为播放是有问…