前端技术汇总

1、常见块级元素 2、常见行内元素 3、居中方式对比和总结 （1）行内元素 水平居中：text-align:center；绝对定位 + transform 垂直居中：flex 布局；绝对定位 + tr

应用开发时，常需要发送大量请求，而且每个请求间常常只有接口相对地址和查询参数不同，基本路径和请求函数都一样，所以，这里通过对axios的GET请求进行封装，使后台使用时仅需传入查询参数便可获取返回数据

> 配置 devServer.proxy，让应用可以跨域仿问非同源网址。 ```js /** http-proxy-middleware 用于后台将请求转发给其它服务器。这里是将在本地服务器上的请求，

1、路由配置 2、在 main.js 中引入并使用 element-ui 3、APP.vue 中的逻辑代码 4、页面效果

```js const LazyLoad = { // install方法 install(Vue,options){ // 代替图片的loading图 let defaultSrc = option

FastMock：模拟后端接口。FastMock 添加成功后的界面；可以在 FastMock 中模拟后端要发送的数据格式；在 Vue 中使用 axios 发送 get 请求；成功返回的 JSON 数据

通过在 webpack 中配置 publicPath 和configureWebpack.externals 属性，可以使大部分依赖文件在压缩和转译时不用被打包，从而减少打包文件的体积、加快首屏加载。

> 使用 JSON.pare(JSON.stringify()) 实现深拷贝时，由于 JSON 中没有 symbol、函数、正则、日期等数据类型，所以存在缺陷。所以，要么引入第三方库实现深拷贝，要么通

使用递归的方法拼接树形结构。文章由三部分组成，第一、后端返回的数据结构 ；第二、希望变成的树形结构；第三、实现代码。

1、利用 AJAX 发送请求主要包括以下四步 创建 XMLHTTPRequest 实例。 调用 open 方法，公开请求的类型、URL 和是否异步请求。 调用 send 方法，将请求发送到服务器。 声

订阅和发布最常见的就是公众号了，关注公众号就是订阅，公众号新文章推送就是发布。细化到代码层面，订阅就是相当创建了一个键值对为 xxx: fn 的对象，当需要发布时，调用 fn 就可以

1、节流示例代码 2、防抖示例代码 3、节流和防抖的应用场景 节流 搜索框的联想功能，每隔一段时间“联想”一次。 滚动条的定时滚动功能，每隔一段时间加载一部分内容。 防抖 浏览器页面缩放时，根据最后一

1、左浮和右浮 2、在父元素中加 overflow: hidden 3、在父元素中加上 .clearfix

1、flex 布局 2、绝对定位 + 位移 3、绝对定位 + 负 margin 4、绝对定位 + margin: auto 5、table 自带功能 6、div 改装成 table + vertica

一、屏幕的适配 假设设计稿的宽高确定，比例为 16:9，但是，屏幕的比例不确定，这种情况，屏幕该如何适配？ 下面是该项目大屏的适配工式，页面的比例保持和设计稿一致，然后上下居、左右居中、四周留白。然后

一、简单介绍下 leancloud leancloud 是一个自带数据库和增删改查（CRUD）功能的后台系统，它会将数据封装在一个个对象里面，并通过提供的 API 进行调用和查询，同时，对象与对象之间

一、关于 Webpack 的部分配置 1、package.json 2、配置文件的入口和出口 导出模块中用了 path.resolve() 方法，它的作用是将 __dirname（当前项目的根目录）和

它们都是一种模块定义规范，因为项目都是由很多模块组成的，而通过模块规范，就可以在一个文件中引入其它的模块，达到复用的目的，开发者根据制定的规范，也减少了沟通的成本。

一、做项目过程中遇到的问题和难点（简单描述） 由 webpack 和 TypeScript 导致的问题，如版本号冲突、语法使用不正确等等。 svg 的导入和使用，这个问题主要问题是配置比较麻烦，需要注

一、不使用修饰符 .sync 假设存在一个 text-document 的子组件，当子组件中的数据变化时，需要通知父组件更新本地数据 property，以下是需求实现的伪代码： 子组件通过 $emit