1.0 响应式开发原理 1.1 响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。设备的划分情况：小于768的为超小屏幕（手机）768~992之间的为小屏设备（平板）992~1200的中等屏幕（桌 ...

HTML、CSS、Javascript 的历史1980年，欧洲核子研究中心（CERN）工作的物理学家蒂姆·伯纳斯 – 李（Tim Berners-Lee）提出了原型INQUIRE，这是一个供欧洲核子研究中心研究人员使用和共享文件的系统。 1 ...

前言通过对前端知识进行一个评级，确定现在阶段，然后提供清晰的学习路线，完成进阶。希望可以通过这篇文章，可以帮助大家少走弯路。目标：了解自己的实力明确不同阶段的学习路线 大纲对前端知识进行一次评级level1阶段level2阶段Ja ...

Data URLs 与 url-loader 除了file-loader这种通过copy物理文件的形式去处理文件资源以外还有一种通过date url的形式去表示文件。这种方式也非常常见。 Data URLs是一种特殊的url协议，可以用来直 ...

1.前言从事web前端的人很多，每个人的学习方式，学习习惯基本不会一模一样！关于web前端（或者直接互联网），大家都知道，是做到老，学到老的一个行业。之前写文章的时候，我说过很多学习的方式和建议。今天换一下，说一下我个人不建议的学习方式，或 ...

互联网正在改变我们的生活，前端也成了很重要的岗位之一，许多人都往前端靠拢，可又无能为力，不知所措，首先我们说为什么在编程里，大家都倾向于往前端靠呢？原因很简单，那就是，在程序员的世界里，前端开发是最简单的编程。 现在新进入web前端开发的人 ...

背景： vue-cli3.0项目中需要修改element-ui collapse collapse-item 的样式（背景色等）,template简单如下： <el-collapse class="my-collapse"> ...

背景 之前的文章vue动态加载静态js插件已经介绍，可以使用ajax的方式加载静态js库,项目里会把这些插件缓存在一个全局变量allPluginsComps里，可随时修改。 for (const item of this.insta ...

说到优化，首先肯定要通过一些分析工具找出项目存在的问题，然后针对问题来做对应的优化。 webpack优化分为两个方向： 1.构建速度层面优化 安装打包耗时分析插件： npm install --save-dev speed-measure- ...

近几年来，前端开发工程师越来越火了，2020年已经过去大半了，很多准备入行前端开发工程师的小伙伴们，不知道准备得怎么样了呢？有的朋友在想方设法的学习，争取能靠实力找到一份满意的工作！还有的小伙伴很迷茫，想学前端，却没有方向！今天来给大家讲讲 ...