正值前端组件化开发时代，那么必然离不开目前最火的构建工具——webpack（grunt，gulp等暂且不谈）。说到这里，刚好有几个问题： 为什么运行打包命令之后，.vue 文件可以转成 .js 文件 为什么运行打包命令之后，.less 文件 ...

刚学web开发的时候，网页上的图标都是用标签引入一张小图片来实现的，这样的好处是简单、易上手。但是渐渐地，开始注重页面细节和用户体验，就会发现这种方式存在一些弊端：随着页面放大，图片会出现锯齿和马赛克，不能一直保持清 ...

今天针对vue-router官网进阶部分的知识点进行了检漏学习，里面有一些是之前不了解的（竟然还可以这么玩？），也有一些知识虽然之前了解，但是发现官网提供的例子真香，书写方式很高雅，所以记录一下。 一、导航守卫 二、路由元信息 三、基于路由 ...

web开发中经常会做滚动监听，比如商品分类功能：左右两列，左侧类目，右侧商品，需要监听右测商品列表的滚动，滚到哪个类目区间，左侧就点亮哪个类目标签。如果在滚动的过程中一直监听而不做性能优化的话，浏览器是很容易卡死的。下面提供两种优化性能的方 ...

一份工作干得顺心长久，除了本来就很热爱这份工作以外，跟同事的关系也要处的和睦，特别是跟领导的关系，一旦跟领导关系闹僵，不光日常的工作很受影响，有可能也会影响自己的前途。尽管现在跳槽是件很容易的事情，但是因为跟领导关系搞僵，就算跳槽，也会让下 ...

优秀的Web前端开发工程师要在知识体系上既要有广度和深度！应该具备快速学习能力。前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维 ...

上篇我们讲解了不同类型元素的特点，我们可以随意的排列组合他们来达到我们想要的效果。但是他们都是基于一个二维平面的，如果我们想在布局中有遮挡，重叠之类的更丰富效果，我们就需要使用到定位和浮动的相关知识。 1.文档流 文档流就是按照页面元素书写 ...

1.1块级元素 & 行内元素 & 行内块级元素 元素除了自己的盒模型外还有自己的分类。从元素的布局特性来分，主要可以分为三类元素：块级元素，行内元素，行内块级元素。 接下来看下他们的定义： 块级元素：display属性取block、tabl ...

关于专题【vue开发音乐App】 对于多图页面，如果一次性加载所有图片可能会因为网络拥堵造成页面卡顿，用户体验不佳。我们可以采用懒加载的方法解决这个问题，使用第三方插件——vue-lazyload 。页面渲染时先加载首屏的图片，其他图片等到 ...

关于专题【vue开发音乐App】 何为listview？简单来说就是类似于我们手机自带的通讯录列表、音乐APP的歌手列表、外卖APP的分类菜单……，本文介绍的listview组件具备以下特性： 列表数据按照一定的分组依据（如热门、A、B、C ...