YZ_ZZZ24的博客

原创 2025年 npm淘宝镜像最新地址

那么说明你已经成功切换到淘宝的npm镜像源了。

原创 proxy代理的使用（解决跨域，配置多个代理）

这样匹配到这个字段时就会代理到target去，将target添加到/前面，在根据pathRewrite,然后是你请求的ajax。意思大概就是，你的beseURL加上你请求的url满足proxy的匹配，那你的代理就是没问题的。在创建axios的时候，beseURL这样配置。在创建axios的时候，beseURL这样配置。只需让你本地请求，满足代理的规则即可。但你本地看见的请求地址可能是这样的。同时处理的也是匹配到的部分。这样虚拟服务器请求的的就是。我现在需要在本地请求接口。

原创 vite 配置代理

在vue2中使用proxy进行跨域的原理是：将域名发送给本地的服务器（启动vue项目的服务,loclahost:8080），再由本地的服务器去请求真正的服务器。1.在proxy中设置要访问的地址，并重写/api为空的字符串，因为我们真正请求的地址是没有带/api，这个重写很重要!!!2.在创建axios实例的时候将baseURL设置为/api ,这时候我们的跨域就已经完成了。

原创 uniapp中使用selectComponent

普通的组件引用无法用selectComponent获取组件实例。

原创 使用泛型定义interface函数接口

【代码】使用泛型定义interface函数接口。

原创 vue爷孙组件传值

其实$attrs和$listeners相当于是一个中转，主要用在父亲组件上。爷组件和孙组件保持以前的使用即可！

原创 vue 平级组件通信

代码很简单(就2句)，只是创建一个空的vue实例。

原创 vue 中 computed属性中的get与set；

1.computed是对⾃⼰定义的变量进⾏监控，这⾥的变量不是在data中定义，直接在computed中定义，然后变量放到展⽰页⾯后就实现了数据的双向绑定，当变量发⽣改变是就会触发计算，说到这就要说说第⼆点get和set ⽅法了，2.computed中有get和set⽅法，（在默认的情况下只有get）1.get⽅法是取，相当于我们可以在get中给这个计算属性中的变量赋值2.set⽅法是改变时触发，这⾥的改变指的是当我们在computed中定义的变量的值发⽣改变是，会触发set⽅法，这样我们就

原创 在js用到枚举

一：下面是我以前做判断第一时间想到的解决方法 if (level == 1001) { return "城市合伙人发起人"; } else if (level == 1002) { return "准城市合伙人"; } else if (level == 1003) { return "合格城市合伙人"; } else if (level == 1004) { return "金牌城市合伙人"

原创 挖咖品牌店主记录

记录一下在新项目中遇到的一些自己之前没有经历过的项目需求1：使用uniapp的map组件（1.1）使用这个参数可以隐藏组件默认自带的蓝色定位图标，从而换成自己想要的icon（1.2） marker 的点聚合功能，以前经常会看到这个名词，但是具体啥意思没搞懂，现在才知道是用了管理marker 过多，当地图收缩，marker 会被集中成光标圈圈2：时间格式转换（2.1）我现在的项目采用的是uview框架，项目中有时候会要接收从后端传来的时间值，但是时间格式不是我想要的，于是经过同

原创 2：箭头函数什么时候要使用return,以及返回对象字面量

（1）：函数体箭头函数可以有一个“简写体”或常见的“块体”。在一个简写体中，只需要一个表达式，并附加一个隐式的返回值。在块体中，必须使用明确的return语句。（1.1）：var func = (x, y) => { return x + y; };//常规编写 明确的返回值（1.2）： var func = x => x * x;// 简写函数 省略return（2）：返回对象字面量记住用params => {object:literal}这种简单的语法返.

原创 1：es6箭头函数的简写

(1) //常规编写 明确的返回值elements.map(function(element) { return element.length;});（2）：// 上面的普通函数可以改写成如下的箭头函数elements.map((element) => { return element.length;})（3）：// 当箭头函数只有一个参数时，可以省略参数的圆括号elements.map(element => { return element.length.

原创 js操作数组的一些Array.some() 、Array.filter(),

一：Array.filters()1:作用filter用于对数组进行过滤。它创建一个新数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。2：语法array.filter(function(currentValue,index,arr){}, thisValue)orarray.filter((currentValue,index,arr)=>{}, thisValue)注意 ：Array.filter()不会的空数组进行过滤...

原创 数组遍历 map（）与 forEach区别

1：首先来看map遍历handleMap(){ var arr = [1,2,3] var list = arr.map((item=>{ return item })) console.log("map遍历",list) console.log("map遍历后的原数组",arr)},打印结果可以看出 对于map（）方法可以对原数组中的，每个值产生一个对应的值，并返回一个新的数组，并且返回新数组后，不会改变原数组

原创 uniapp实现微信公众号支付

uniapp微信支付 jsapi缺少参数 appiduniapp开发微信公众号使用以下方式支付有时会报错改为以下支付即可(以下为微信内置支付，无需导入任何东西)改为以下支付即可(以下为微信内置支付，无需导入任何东西) WeixinJSBridge.invoke( 'getBrandWCPayRequest', { "appId": res.data.data.appId, //公众号名称，由商户传入 ...

原创 vue 项目安装axios报错

今天打算写一个vue项目模板，在安装axios时遇到了点坑，分享一下问题： 使用 npm install axios -- save 报错尝试：1、使用 淘宝镜像 cnpm install axios -- save 可以安装成功，但是，在pages.json文件中会发现，axios并没有安装上。原因：cnpm install axios -- save安装后需要重新启动项目...

原创 解决element ui drawer组件关闭后，滚动条不复原的问题

情况一：项目需求原因，抽屉弹窗的内容比较多，所以在样式上使用 ::v-deep .el-drawer__body { overflow: auto;}给组件增加滚动条，问题出现：每次抽屉组件关闭，再打开后滚动条的位置一直不复原。解决：在组件外再加一层 div 进行v-if 动态加载，这样每次动态值为false，该部分dom元素就会被销毁，为true时，dom结构重新渲染，滚动条位置也将复原。情况二：...

原创 uniapp scroll-view去掉或者隐藏滚动条

// 在App.vue里面写样式::-webkit-scrollbar{ display: none; }

原创 父组件传递异步请求的数据给子组件，子组件打印为空

碰到一个这样的问题，// 父组件<nav-head :projeList="projeList" @getMessage="getmessagefromChild"></nav-head>传递的projeList ，是从created函数中执行获取到的// 子组件props:["projeList"],created() { console.log("测试",this.projeList)},接口是有数据的，但是子组件就是获取不到。

原创 v-modal进行父子组件间的传值

// 父组件<el-form-item label="Banner图" prop="bannerImages"> <image-list-upload v-model="queryByAdd.bannerImages"></image-list-upload></el-form-item>// 子组件props:{ value: { type: Array, default: () => {.

原创 Nuxt在axios请求拦截中进行路由跳转

需求：用的nuxt搭建的框架,因为需要在请求token过期之后提示用户重新登录并且返回登录页面,但是在axios的配置文件中使用router.push一直报错解决：上下文context中有个redirect属性，可以对路由或者网址进行跳转...

原创 nginx.config 文件配置详情

# 启动的进程数量worker_processes 1;events { # 单个进程的并发量 worker_connections 1024; # 总并发量 = 进程数量 * 单个进程的并发量}http { include mime.types; default_type application/octet-stream; sendfile on; keepalive_timeout 65; # 连接服务器超时时长, 65秒 .

原创 vue项目部署到服务器

1、安装yum 类似npm，下载模块以及模块的依赖yum -y install pcre*yum -y install openssl*2、下载wget 类似于迅雷 下载文件yum install wget3、下载nginx下载到对应目录 一般都在usr/localcd /usr/localwget http://nginx.org/download/nginx-1.17.9.tar.gz// nginx版本没有限定4、安装 nginx可能会使用的依赖...

原创 nuxt.js + pm2 部署

1、在项目文件下打包文件npm run build2、将打包后的文件上传到服务器 ，我用的Xshell搭配Xftp工具除了.git和依赖包文件最好都给上传上去，避免在服务器上运行抱错，3、下载项目依赖进入服务器上的项目根目录npm install4、启动与访问项目4.1、在项目根目录npm run start运行成功出现http://localhost:30004.2、新开一个窗口，测试是否可以访问需要安装倚赖安装 curlyum ...

原创 nuxt项目中调用百度地图api

1：配置代理2：封装接口// 该项目涉及到多个跨域，这里将请求前缀注释，//在api下的map.js文件中封装接口export default ({$axios},inject) => { inject("roomMapMseeage" , (parmas) => $axios.$get(`/map/place/v2/search/`,parmas))}/map/place/v2/search/ // /map/为请求前缀3：调用方法..

原创 Object.assign与深、浅拷贝

Object.assign(target,sources)target: 目标元素， sources: 源对象// obj1 为源对象 ；obj2为目标对象 var obj1 = { name:"尹朝", age:23, height:182, MyFavouritePlayer:{ name:"KoBe" } } const o.

原创 new Vue({ render: h =＞ h(App), }).$mount(‘#app‘)到底什么意思?

render函数的作用1：render函数是vue通过js渲染dom结构的函数createElement，约定可以简写为hrender: h => h(App) 缩写前//createElement就是h,一个形参，没有具体意义，可以随意改变书写1 | render:function(createElement){2 | return createElement(App);3 | }继续缩写render(createElement){ return c

原创 uniapp和小程序事件参数传递

uniAPP实现uniAPP的实现比较简单，比如： @click="startCharge(item)"传多个参数 @click="startCharge(item,index)"小程序的实现小程序的实现方式比较麻烦，事件不能直接传参，需要添加一个data-xxx来进行参数的传递，比如，我在item里写事件，需要这么写：bindtap="toWeb" data-url="{{item.url}}传多个参数bindtap="toWeb" data-url="{{

原创 uniapp 小程序点击事件如何获取event对象

需要在事件中加入（$event）

原创 vue 使用 vant上传图片

这是2018年最后一个周二了，这个周二有点淡淡的忧伤，于是和我往常一样听着歌敲着代码，于是乎，遇到了一个问题，图片上传的，虽然之前用mpvue开发小程序的时候做过一样的，但是后来时间久了，忘记了，今天再走一遍，下面我简洁的写下流程1.下面这个页面效果图，图片是在网上随便找的一张2.这个是页面的部分代码，用的是有赞团队的 vant框架3.然后重点来了，看屏幕，我现在要点击“保存”提交表单，但是提交图片的方式我们可以把图片转为base64进行提交，如果后端接收的时候是base6...

原创 scroll-view 设置下拉刷新

htmljs

原创 uniapp中scroll-view 的 scroll-into-view属性使用

html结构tabID为data中的数据css

原创 Echarts 的点击事件 this指向问题

myChart.on('click',function(params){console.log(params); });这样写函数内的this指向会指向echarts实例 （获取不到data里面的数据，console.log（this.xxx）为undefind）需要将该函数变为箭头函数// 让其变为箭头函数，才能获取this（指向window） important!!! myChart.on('click',(params...

原创 uni-app 中的 picker-view 组件 value属性 无效

但是这样实现不了效果解决方案：

原创 vue-baidu-map导致页面IE下不显示的问题

第一步：需要安装loader：babel-polyfill，使一些浏览器支持ES6语法，这样还不够，还要确定是否命中了该组件库第二步：通过在vue.config.js的配置文件中加入此配置项即可！module.exports = { transpileDependencies: ['vue-baidu-map'],}配置完成，重启项目，页面就出来啦！...

原创 vue 解决跨域之代理

为什么会跨域下面以请求百度地图接口为例子

原创 Vue中监听窗口关闭事件

mounted() { window.addEventListener('beforeunload', e => this.beforeunloadHandler(e)) window.addEventListener('unload', e => this.unloadHandler(e)) }, destroyed() { window.removeEventListener('beforeunload', e => this.bef...

原创 uniapp 小程序 使用slot插槽的列子

原创 当JSON.stringify ( json)和JSON.parse(json)相互转换报错

原创 uni-app中scroll-view的scroll-top不生效问题

scrolTop数据不改变，不会触发dom更新。先置为-1，由于dom更新是异步的，所以需要用nextTick方法延迟到下次dom更新循环之后再将scrollTop置为0。顺便提一下 vue.nextTick()方法的使用详解理解:nextTick()，是将回调函数延迟在下一次dom更新数据后调用，简单的理解是∶当数据更新了，在dom中渲染后，自动执行该函数，...