大家好，我就是技术胖，2017年我在下班时间录制了200集左右的视频教程，现在贡献155集免费观看，希望可以帮助前端小伙伴学习（点击下面链接免费观看）。需要说明的是本人还是一线奋战的前端程序员，不是专业讲师，所以教程难免有所纰漏和错误，还请多多理解和指正。这些视频都是本人原创，…

找了很多vue进度条组件，都不包含拖拽和点击事件，input range倒是原生包含input和change事件，但是直接基于input range做进度条的话，样式部分需要做大量调整和兼容性处理。即使做好了，将来需要修改外观，又是一番折腾。 基于以上两个原因，做了一个可以响应…

本文根据Vue源码v2.x进行分析。这里只梳理最源码中最主要的部分，略过非核心的一些部分。响应式更新主要涉及到Watcher，Dep，Observer这几个主要类。 1. Vue实例初始化 从Vue的生命周期可知，首先进行init初始化操作，这部分代码在instance/ini…

Vuejs渡劫系列的第三篇文章，主要通过vue-cli构建容器，并应用vue-router实现前端路由控制，应用vuex实现状态管理，以及通过axios的拦截器进行页面访问的权限控制，读者在阅读后，可以完成一个常规的后台管理应用模型。

还是那句话办法总比问题多，vuex为我们提供了module这样一个模块的概念。

2.23修复了2026年2月份会渲染多一行的bug，谢谢@深蓝一人童鞋提出的bug，解决方案是给二月份的日历做特殊处理，new Date(year, month+1, 0).getDay() === 6时不会再渲染后面的日期。 下面是借鉴px2rem模式，写的基于vw为主单位的…

虽然说是Vuejs实践，但是有些重要的理论还是必不可少的，本文将简单的带你了解 Vuejs的响应式原理。 编译组件：对特殊标记的部分（比如双大括号部分）进行替换为相应的数据值。 通知更新：当步骤2中监听的数据发生变化时，会通知 watcher 进行重新计算，触发关联视图更新。 …

做音乐播放器，界面一定要炫酷。太low了听歌没感觉。本身是为了在上班的时候用，于是做成了一个类似网易云音乐的界面，大小合适。不用兼容手机端。 本怀着简单实用的需求去考虑，图标可用SVG、url或者css。相对于url，SVG和css更好一些。为了修炼，最终选择的css。利用好a…

在实现封装之前，先介绍一下Swiper。 Swiper是纯Javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选…