上个项目第一次用到vue+webpack，也是我第一次尝试自动化、模块化的开发方式，总的来说就是结构太烂，开发体验差，效率低，难维护。细数的罪状有如下几条没有servies层，全部ajax接口都和逻辑混合在一起写只有公众组件和页面，页面没有组件化，造成每个页面的.vue文件相当长没有将路由按模块划分，所有路由都写在一个文件中，多人合作代码经常被覆盖所有的静态资源都放在一起，没有按模块区别，静态资源
前端常见问题目录前端常见问题1. 跨域问题产生的原因以及十种解决方案1.1 跨域的概念1.2 同源策略1.3 解决方案1.3.1 JSONP 跨域1.3.2 跨域资源共享 (CORS)1.3.3 nginx 代理跨域1.3.4 nodejs 中间件代理跨域1.3.5 document.domain + iframe 跨域1.3.6 location.hash+iframe 跨域1.3.7 wind
前端面试题汇总 -前端框架1. vue基本使用（1）computed和watch（2）class和style（3）条件渲染（4）循环（列表）渲染（5）事件（6）表单2. vue组件使用（1）props 和 $emit（2）组件间通讯 - 自定义事件（3）组件生命周期3. vue高级特性（1）自定义 v-model（2）$nextTick（3）slota. 基本使用b. 作用域插槽c. 具名插槽（4
转载
2024-05-04 10:38:21
28阅读
# 前端项目架构方案
在面试前端开发岗位时，面试官常会问及“项目如何架构”的问题。良好的项目架构能够有效地支持代码的维护、扩展和团队合作。本文将探讨一个前端项目的架构方案，以便为开发团队提供清晰的指引。
## 项目背景
假设我们正在开发一个电子商务平台的前端部分，平台包括用户注册、商品浏览、购物车、订单管理等功能。我们的目标是搭建一个可扩展、高效、易维护的前端架构。
## 项目架构概述
原创
2024-10-11 05:57:01
88阅读
# 前端面试中的业务架构：深入理解与代码示例
在前端开发中，业务架构是一个重要的概念，它直接影响到应用的可维护性、可扩展性和性能。本文将探讨前端的业务架构，结合代码示例来阐述相关概念，并提供一些常见的状态图示例。
## 什么是业务架构？
业务架构是对业务需求、流程和相关技术实现的全面描述。它包括了应用的结构、数据流以及用户交互。优秀的业务架构能够让开发团队更清晰地理解业务需求，从而高效地进行
原创
2024-10-24 06:41:46
16阅读
文章目录前言:JavaScriptJs的三大核心组成部分基本类型和引用类型基本类型和引用类型的区别null和 undefined 的区别instanceof与 typeof的区别== 和 === 区别什么是基本包装类型值传递和引用传递浅拷贝与深拷贝的区别和实现方式什么是栈内存，什么是堆内存，两者有什么区别原型与原型链javascript的原型链有显式和隐式两种：prototype和__proto
转载
2023-08-14 12:58:50
143阅读
一.我们为什么需要CSS？使用css的目的就是让网页具有美观一致的页面，另外一个最重要的原因是内容与格式分离 在没有CSS之前，我们想要修改HTML元素的样式需要为每个HTML元素单独定义样式属性，当HTML内容非常多时，就会定义很多重复的样式属性，并且修改的时候需要逐个修改，费心费力。是时候做出改变了，所以CSS就出现了。CSS的出现解决了下面两个问题：将HTML页面的内容与样式分离。提高web
转载
2024-06-13 21:53:49
52阅读
# 前端面试：微服务架构实战指南
微服务架构（Microservices Architecture）是一种构建应用程序的方式，它将应用程序拆分成多个小的、独立的服务，这些服务通过API进行通信。作为一名刚入行的小白，理解和实现微服务架构对于你进入前端开发的世界至关重要。本文将为您提供一个完整的流程和代码示例，帮助您掌握这一概念。
## 实现微服务架构的流程
在开始之前，我们首先概述实现前端微
1、什么是盒子模型？ 在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个
转载
2019-04-20 08:42:00
181阅读
2评论
2018年最新经典web前端面试题汇总。如果你一些基本问题答对了，那么我可以肯定的是 你面试任何公司的前端技术轮，都是没问题的。不是我吹，是真的 基础很重要。今天这套面试题也很特别，都是一些问题，没为大家准备答案，这样做的目的就是希望培养大家独立自学的能力，不要总是依靠别人的答案，这些问题网上也是能查到答案的，随着看问题随着找答案能在一定程度上巩固所学知识。「 CSS篇 」1. CSS 盒子模型
转载
2019-08-30 17:08:29
613阅读
1.CSS盒模型 当对一个文档进行布局（lay out）的时候，浏览器的渲染引擎会根据标准之一的 CSS 基础框盒模型（CSS basic box model），将所有元素表示为一个个矩形的盒子（box）。CSS 决定这些盒子的大小、位置以及属性（例如颜色、背景、边框尺寸…）。 每个盒子由四个部分（ ...
转载
2021-10-27 16:55:00
184阅读
2评论
https://.520mg.com/a/inter/index.html
原创
2022-03-01 15:30:13
152阅读
网上的面试题一大堆，鱼龙混杂，一方面多数题目质量不高，另一方面有答案的很少，即使拿到面试题对自己的帮助也不大。 最近我花了一点时间，为大家整理了8月面试的过程中遇到的4个值得分享的前端面试题，内容包括Vue、React、JavaScript、Webp
转载
2023-12-14 22:28:05
328阅读
不久前参加了一场前端实习生校招类型的面试面试官问了：vue实现双向绑定 uniapp nodejs js 异步 组件 布局面试了两轮问了有一些视频 学习的...
原创
2022-08-19 11:45:41
164阅读
给大家推荐一个实用面试题库
前端面试基础知识题1. 将数组的length设置为0，取第一个元素会返回什么？设置 length = 0 会清空数组，所以会返回 undefined2. e.target 和 e.currentTarget 有什么区别？e.target：触发事件的元素 e.currentTarget：绑定事件的元素3. 如何获取到一个实例对象的原型对象？从构造函数获得原型对象：&nbs
转载
2023-09-10 15:11:48
40阅读
简单说一下HTML，CSS，javaScript在网页开发中的定位？HTML：超文本标记语言，定义网页的结构CSS：层叠样式表，用来美化页面JavaScript：主要用来验证表单，做动态交互(其中AJAX)CSS面试题bootstrap是什么bootstrap是一个移动设备优先的UI框架，我们可以不用写任何css、js代码就能实现比较漂亮的有交互性的页面，我们程序员对页面的编写是有硬伤的，所有要自
转载
2023-08-01 17:19:52
92阅读
例子：添加水印，使用MutationObserver阻止用户恶意破坏水印，因为在控制台修改水印的background-image或者将水印的div删掉，都会引起MutationObserver的监控触发
转载
2023-08-04 08:37:32
60阅读
1、快速居中对齐（版心）父 display:flex; 子 margin:auto;2、margin和padding的区别作用对象不同，margin相对于外部，padding相对于自身3、vw和百分比的区别vw是视口宽度，百分比是相对于父继承4、块级和行内元素的区别块级元素宽默认占满继承父，行内元素宽高由内容决定不可设置5、如何让浏览器支持小字体使用scale缩小，transform:scale(
转载
2023-10-26 21:50:38
67阅读
vue生命周期？beforeCeate、ceated、beforeMount、mountedbeforeUpdate、Updated、beforeDestroy、destroyed详细说说每个生命周期的区别父子组件的生命周期执行顺序？页面渲染html的过程?vue组件通信？前端性能优化？怎么理解HTML5语义化？两个元素相互影响出现高度坍塌，margin重叠的问题是什么原因导致的？（BFC..
原创
2022-01-16 16:22:20
416阅读
今天周六，跟大家一起聊聊前端面试~
转载
2022-07-26 20:01:44
216阅读
