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

首先，来看下效果图 map.gif 在线体验地址：https://hxkj.vip/demo/echartsMap/，并提供实时geoJson数据文件下载 echarts官方社区链接地址（可在线编辑）：https://gallery.ech ...

前言 大家都知道，后台管理界面不需要很酷炫的动画效果，也不需要花里胡哨的界面布局，只需要简洁易用、清爽明了的界面以便于管理数据。而现在普遍的后台管理系统的界面布局都差不多，上中下结构，然后左边是导航栏。随便贴两个Bootstrap的主题模板 ...

网页和网站1.网站是由各个网页组成的2.网页是有视频，音乐，图片和文字等组成3.HTML超文本标记语言(Hyper Text Markup Language)浏览器及其内核内核作用1.渲染和解析常见内核1.IE浏览器——trdent2.火 ...

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

什么是sticky footer布局？ 一般指手机页面中，当内容高度撑不满一屏时，页脚紧贴屏幕底部；当内容高度超过一屏时，页脚紧随其后。 方法一：flex弹性盒子布局 父容器container的display为flex，并规定项目排列顺序是 ...

苹果的retina屏幕（视网膜屏幕）为什么看起来那么爽？因为它的分辨率极高，可以达到眼睛几乎看不出来的地步。举个例子，一个1像素的点，普通屏幕会用1个像素格去表示，而retina屏幕则不是，iPhone5/6/7/8等机型会用4个像素格（2 ...

阅读element-ui源码，发现在设计子组时件用到了inject属性，随即查了一下官方文档，得知vue在2.2.0版本里新增了provide / inject： provide 和 inject 主要在开发高阶插件/组件库时使用。并不推荐 ...

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

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