如我在本地localhost访问接口http://47.94.12.33:8080/是要跨域的，相当于浏览器设置了一到门槛，会报错XMLHTTPRequest can not load http://47.94.12.33:8080/. Response to prefligh…

webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpack4，建议从零开始配置，在项目初期，使用 webpack4 默认的配置。 接下来，本篇文章会列出所有适用于…

2021 高频前端面试题汇总之手写代码篇，前端面试题汇总系列文章的手写代码篇，长期更新，欢迎收藏、点赞！

每个人在一生中总会碰到比较煎熬的日子，如果是前端求职的磕碰，那么希望看完这系列的 49 篇文章对你能有所帮助。 —— jsliang Hello 小伙伴们早上、中午、下午、晚上好，我是 jsliang。 如果你准备明年跳槽，或者已经离职，希望能对面试有充足的准备。 那么 jsl…

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看，我们将flex布局分为两部分讲，轴和容器。 打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。 接下来先梳理常见的属…

一尾流莺在此祝大家虎年大吉 ~ ！ 为了金三银四的跳槽季做准备，并且我是 vue 技术栈的，所以整理了若干个 vue 的面试题。 每次看别人的博客，都会不自主的去看答案，为了方便检验自己的掌握程

写过 Vue 的同学肯定体验过， .vue 这种单文件组件有多么方便。但是我们也知道，Vue 底层是通过虚拟 DOM 来进行渲染的，那么 .vue 文件的模板到底是怎么转换成虚拟 DOM 的呢？这一块对我来说一直是个黑盒，之前也没有深入研究过，今天打算一探究竟。 Vue 3 发…

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…