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

当前项目借助调用安卓和ios方法跳转第三方支付平台实现微信支付和支付宝支付

安装：1.npm install compression-webpack-plugin --save如果安装不成功，可选择降低版本：npm install compression-webpack-plugin@6.1.1 --save-dev2.npm install postcss-plugin-px2rem--save新建 主要文件 vue.config.js ：// 在vue-config.js 中加入const Compre...

这样可以和后端加密出来的密文一致。如果你的项目也需要这种加密，不妨试一试。加密方式很多，但是今天我要介绍的却是。话不多说，直接上代码！

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

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

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

修改来修改去一直解决不了，那就试试查看一下源文件记录的账号密码吧！

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

功能：可进行月度、年度切换显示相应的收入和支出柱状图数据；这里进行了柱状图的简化配置，X轴Y轴都有所改写，具体的简化配置下文会贴出代码，参照功能开发时按照自己的需要去处理；这里也会提到在开发时会遇到的问题，以及延伸配置的其他功能介绍；

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

1.列表分页功能；2.一键全选，选中列表所有数据；3.全选，选中当前页数据；4.重置，清除选中状态；5.列表搜索查询；效果：

配置：4.自定义主题 5.定义全局变量6.vue自定义指令7.拦截器8.路由拦截处理9.全局配置 loading加载效果10.前端调试接口跨域处理11.element组件使用注意事项

​刷新、效果预览功能、新建、编辑轮播图功能、删除功能、分页功能​

element-ui table列表分页条件搜索查询重置导出功能

props$emit共同点：都是动态显示 DOM 元素区别点：性能消耗使用场景5、的作用是什么主要是用于需要频繁切换的组件时进行缓存，不需要重新渲染页面给dom元素加ref=‘content’,然后通过this.$refs.content进行获取dom元素7、说出几种vue当中的指令和它的用法8、vue-loader是什么？它的用途是什么？vue文件的一个加载器，将template/js/style转换为js模块用途:js可以写es6、style样式给每个dom元素加上key作为唯一标识 ，

vue 3.0项目安装详细介绍

两种方法 ：第1种是借助canvas的封装的文件压缩上传;第2种（扩展方法）使用compressorjs第三方插件实现

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

使用vue3+vant3框架，采用Rem 布局适配；postcss-pxtorem是一款 PostCSS 插件，用于将 px 单位转化为 rem 单位，lib-flexible用于设置 rem 基准值；​

功能介绍：登录、记住密码功能实现；登录账号、密码添加规则验证；记住密码，默认保存7天，有效期内下次可直接跳转首页，非有效期需要重新输入账号、密码进行登录....

api接口封装调用详细介绍，项目功能介绍：账户信息模块：菜单权限、角色权限设置、角色权限分配、账号设置、公司分组

vue2.0后台系统管理项目：实现考试录入到评分、成绩查看导出一系列流程，人员分配权限，菜单路由配置，题库试题录入，管理考试分类

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

功能需求：获取后端接口返回的数据，实现列表数据上滑加载更多下一页数据，下拉数据刷新功能，结合vant-ui框架实现。可直接参考使用。

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。

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端都可以使用支持请求／响应拦截器支持请求取消请求/响应数据转换批量发送多个请求。.........

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

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

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