前端学苑

一、基础知识 1、定义 TypeScript 由微软开发的一款开源的编程语言。 TypeScript 是 JavaScript 的超集，支持 ECMAScript 6 标准...

微前端就是将不同的功能按照不同的维度拆分成多个子应用。通过主应用来加载这些子应用。微前端的核心在于拆，拆完后再合！...

Tailwind 能够快速将样式添加到 HTML 元素中，并提供了大量的开箱即用的设计样式。 tailwindcss 基于比组件更小、更灵活的工具类思想的 CSS 框架。这...

CSS 代码重构与优化之路：我们写CSS代码时，不仅仅只是完成页面设计的效果，还应该让CSS代码易于管理，维护。我们对CSS代码重构主要有两个目的：提高代码性能，提高代码的...

Vue-cli3 脚手架搭建，compression-webpack-plugin 开启Gzip压缩，image-webpack-loader图片压缩使用，uglifyjs...

随着互联网的高速发展，前端页面的展示、交互体验越来越灵活、炫丽，响应体验也要求越来越高，后端服务的高并发、高可用、高性能、高扩展等特性的要求也愈加苛刻，从而导致前后端研发各...

随着代码规模的增长，前端项目中的 CSS 管理成了问题，其中之一就是 CSS 规则冲突。多人协作开发的项目，通过命名约定的方式有时候可能也无法完全避免。对此，不同的前端框架...

vue-lazyload 解决了什么问题（项目常用） 可以想象一个网页打开有成百上千的图片需要加载，页面会变得非常的卡顿，此时如果只是可视区域的图片加载，其他的图片可以暂时...

一、正则表达式概括（作用、元字符、修饰符） regular expression：RegExp 用来处理字符串的规则 1）只能处理字符串 2）它是一个规则：可以验证字符串是...

开启 flex 与 grid 布局方式之旅。现在，我们被称为前端工程师。然而，早年给我们的称呼却是页面仔。或许是职责越来越大，整体的前端井喷式的发展，使我们只关注了js，而...

图标库的发展过程，iconfont图标库的重要性（项目常用） 对于前端而言，图标的发展可谓日新月异。从img标签，到雪碧图，再到字体图标，svg，甚至svg也有了类似于雪碧...

敏捷开发是互联网行业非常流行的一个词汇，它听起来是一个对开发团队管理的方法，而实际上是对团队的系统性要求，更是一种世界观的反映。...

JS进阶一些小技巧：针对数据操作，针对对象操作，数据类型转换，hacker 方法，常用基础操作。项目使用更方便。...

从源码解读 - Vue常考面试题。* 回答面试题的套路 1､先说这个点的明确定义，或者是特性； 2､再说具体的应用场景； 3､说说自己的看法、观点； 4､可以稍微举一反三，...

在项目中，最近需要对node代码进行混淆编译，原来曾经解决过ES6打包混淆的问题，在使用的是gulp打包，为了提升代码质量还有异步操作顺序问题，使用了async/await...

移动端调试痛点（项目常用） 在移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机端的浏览器进行测试。这个时候，一旦出现问题，我们就很难解决，因为...

作为一个开发了多个 H5 项目的前端工程师，在开发过程中难免会遇到一些兼容性等爬过坑的问题。现在我将这些问题一一汇总一下，并在后面给出坑产生的原理，和现阶段常规的填坑方案。...

Iphonex 刘海屏适配解决方案 iphonex之后引入的新概念，安全区域指的是一个可视窗口范围，处于安全区域的内容不受圆角、齐刘海、小黑条影响。...