总结前端开发中遇到的问题，分享前端知识

（1）复制数组数组是复合的数据类型，直接复制的话，只是复制了指向底层数据结构的指针，而不是克隆一个全新的数组。const a1 = [1, 2];const a2 = a1;a2[0] = 2;a1 // [2, 2]上面代码中，a2并不是a1的克隆，而是指向同一份数据的另一个指针。修改a2，会直接导致a1的变化。ES5 来复制数组：const a1 = [1, 2];const a2 = a1.concat();a2[0] = 2;a1 // [1, 2]上面代

需求：手机端App实现pdf、图片在线预览下载功能，当前调用ios或者安卓提供的方法实现。

npm 打包运行报错，只需一招就能搞定

Vue 删除生产环境烦人的console.log打印，看完这个你就会了！

父组件调用子组件方法，居然方法只执行一次，这是什么情况？这个方法简单有效，相信你看一遍就能学会。

uni-app显示隐藏功能，兼容小程序。

【代码】完美解决微信小程序van-field left-icon自定义图片。

vue项目使用视频播放器vue-video-player。

前提：在写代码之前应该想清楚调用原生安卓、ios的方法，就应该遵循双端的方法规则，调用方法时应该注意，在这里先主要介绍一下注意事项：根据App发布应用市场的要求，下载、上传、定位获取、版本获取等功能必须要提供供用户选择的授权提示。当访问页面时候通过调用原生方法唤起手机授权提示，选择授权同意和拒绝授权处理，当选择同意授权就要对获取的数据进行 处理，选择拒绝授权时应做一些拒绝的提示，当再次访问页面时候，也要再次弹出这样的权限弹窗供用户选择授权，当然 用户可以拒绝或者在手机后台手动去设置是否要授权。这里介绍原生方

前提：在写代码之前应该想清楚调用原生安卓、ios的方法，就应该遵循双端的方法规则，调用方法时应该注意，在这里先主要介绍一下注意事项：根据App发布应用市场的要求，下载、上传、定位获取、版本获取等功能必须要提供供用户选择的授权提示。当访问页面时候通过调用原生方法唤起手机授权提示，选择授权同意和拒绝授权处理，当选择同意授权就要对获取的数据进行 处理，选择拒绝授权时应做一些拒绝的提示，当再次访问页面时候，也要再次弹出这样的权限弹窗供用户选择授权，当然 用户可以拒绝或者在手机后台手动去设置是否要授权。这里介绍原生方

vue 3.0项目安装详细介绍

api接口封装，路由拦截处理完整教程

vue项目前端优化处理：提高vue项目访问页面加载速度，提高页面数据渲染

商户APP调用微信提供的SDK调用微信支付模块，商户APP会跳转到微信中完成支付，支付完后跳回到商户APP内，最后展示支付结果。优快云前端领域优质创作者，资深前端开发工程师，专注前端开发，在优快云总结工作中遇到的问题或者问题解决方法以及对新技术的分享，欢迎咨询交流，共同学习。），验证通过打开选择支付方式弹窗页面，选择微信支付或者支付宝支付；4.可取消支付，放弃支付会返回会员页面，页面提示支付取消；2.判断支付方式，如果是1，则是微信支付方式。1.判断是否在微信内支付，需要在微信外支付。

如果用户已安装支付宝客户端，商家 App 唤起支付宝完成支付，支付完后跳回到商家 App 内，最后展示支付结果。如果用户没有安装支付宝客户端，商家 App 内会调起支付宝网页支付收银台，用户登录支付宝账号，支付完后展示支付结果。1.点击按钮开通或者续费，会验证是否选择会员商品以及对协议是否查看选中（这里根据项目需要自行验证，可忽略），验证通过打开选择支付方式弹窗页面，选择微信支付或者支付宝支付；4.可取消支付，放弃支付会返回会员页面，页面提示支付取消；1.判断支付方式，如果是2，则是支付宝支付方式。

vant3配置手机端适配，采用Rem 布局适配；需要使用 rem 单位进行适配，推荐使用以下两个工具：postcss-pxtorem 是一款 PostCSS 插件，用于将 px 单位转化为 rem 单位，lib-flexible 用于设置 rem 基准值

技术选型：轻量、可靠的小程序 UI 组件库Vant2：Vant Weapp。

用户授权后检索是否登记过信息，如果登记过则跳转到考试列表页进行答题考试，显示tabbar；如果没有登记过则不显示tabbar，需要就进行用户信息登记，登记之后跳转考试列表页进行答题考试；当切换tabbar时候，进入该页面获取用户信息进行信息回显；确定按钮不显示，用户信息也不能在修改；

打开项目根目录中的pages.json配置文件，为subPackages分包中的商品页面配置上拉触底的距离;通过节流阀防止发起额外的请求优化

React 路由是一个构建在 React 之上的强大的路由库，它有助于向应用程序添加新的屏幕和流。这使 URL 与网页上显示的数据保持同步。它负责维护标准化的结构和行为，并用于开发单页 Web 应用。React 路由有一个简单的 API。......

它 JSX 是 JavaScript XML 的简写。是 React 使用的一种文件，它利用 JavaScript 的表现力和类似 HTML 的模板语法。这使得 HTML 文件非常容易理解。此文件能使应用非常可靠，并能够提高其性能例子render() {return()}Props 是 React 中属性的简写。它们是只读组件，必须保持纯，即不可变。它们总是在整个应用中从父组件传递到子组件。子组件永远不能将 prop 送回父组件。......

伪类：不存在的类，特殊的类。用来描述一个元素的特殊状态如：第一个子元素、被点击的元素、鼠标移入的元素.…

通配选择器（Universal selector）作用：选中页面中的所有元素;元素选择器（Type selector）也叫类型选择器、标签选择器

层叠样式表网页实际上是一个多层的结构，通过CSS可以分别为网页的每一个层来设置样式。内联样式（行内样式）在标签内部通过style属性来设置元素的样式">内联样式（行内样式）问题：内联样式只能对一个标签生效。如果希望影响到多个元素，必须在每一个元素中都复制一遍；当样式发生变化时，必须要一个一个的修改，非常的不方便。............

npm install、npm run serve运行项目报错记录解决方案总结：使用cnpm安装node-sass 、sass-loader指定版本

从v0.22.0开始，Axios 支持以 fetch API 方式AbortController取消请求：

​Axios 是一个基于promise网络请求库，作用于node.js和浏览器中。 它是isomorphic的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.jshttp模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。

vue高德地图，根据后台接口返回的数据进行海量点标记

navbar、tabbar导航条根据位置移动距离实现颜色过渡、动画效果

van-area实现地区联动省市区三级选择

类型转换就是指将其他的数据类型，转换为String Number 或 Boolean

1. 从语法上来说: axios 不是 Axios 的实例；2. 从功能上来说: axios 是 Axios 的实例；3. axios 是 Axios.prototype.request 函数 bind()返回的函数；4. axios 作为对象有 Axios 原型对象上的所有方法, 有 Axios 对象上所有属性；...

前端最流行的ajax请求库react/vue官方都推荐使用axios发ajax请求文档:1.2.axios基于的异步ajax请求库浏览器端/node端都可以使用支持请求／响应拦截器支持请求取消请求/响应数据转换批量发送多个请求。.........

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

计算表格table的高度，mixin分全局引用和局部引用

递归函数 : 函数内部自己调用自己, 这个函数就是递归函数；

vue.config.js输出重构js\css，这样添加会导致了用户每次访问你的程序时都要重新请求服务器，所有的静态资源都无法用缓存了，浪费流量，网络压力变大。或者index.html页面添加。

深拷贝：修改新变量的值不会影响原有变量的值。默认情况下基本数据类型都是深拷贝。浅拷贝：修改新变量的值会影响原有的变量的值。默认情况下引用类型都是浅拷贝。

闭包（closure）指有权访问另一个函数作用域中变量的函数

当没有参数时，默认将this指向 window；带参数时候它们接受的参数不同，apply的第二个参数只能接受一个数组，并且apply()只能是两个参数；而call()的第二个参数起接受的多个参数列表项，参数是可以多个。...