wow Larissa-CSDN博客

微信小程序中的wx.navigateTo和wx.redirectTo,wx.reLaunch区别wx.navigateTo:用于保留当前页面、跳转到应用内的某个页面，但是不能跳到 tabbar 页面。使用 wx.navigateBack可以返回到原页面。小程序中页面栈最多十层，对于页面不是特别多的小程序，通常推荐使用 wx.navigateTo进行跳转，以便返回原页面，以提高加载速度。当页面特别多时，则不推荐使用。使用 wx.navigateBack 可以返回到原页面。wx.redirectTo:

2022-04-27 16:50:25 7023

原创 Node连接mysql，报错Client does not support authentication protocol...

当执行node index.js启动服务，通过浏览器访问http://localhost:8080/getData服务器端会报错：Client does not support authentication protocol requested by server//NodeJS MySQL客户端不支持身份验证协议原因：MySql 8.0换了新的身份验证插件（caching_sha2_password）, 旧的身份验证插件为（mysql_native_password）。以默认创建的用户和密码都

2022-04-24 17:39:02 895

翻译 CRO主网与测试网

Name:CronosRPC URL: https://evm.cronos.orgChain Id: 25Currency: CROBlock URL: https://cronoscan.com/测试网：Name:Cronos测试RPC URL: https://evm-t3.cronos.orgChain Id: 338Currency: tCROBlock URL: https://cronos.org/explorer/testnet3

2022-04-07 14:07:17 241

原创 react脚手架安装与使用

1.脚手架安装npm i -g create-react-app2.版本号查看create-react-app -V or create-react-app --version3.构建项目npx create-react-app my-app4.项目构建完成之后cd my-app5.启动编译项目npm start

2022-02-07 14:01:58 653

原创小程序中使用vant

1.npm 安装npm i @vant/weapp -S --production2.修改 app.json将 app.json 中的 "style": "v2" 去除3.修改 project.config.json{ ... "setting": { ... "packNpmManually": true, "packNpmRelationList": [ { "packageJsonPath": "./package.json",

2022-01-04 14:47:36 229

原创 vue表格前端分页

<el-table :data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)" style="width: 100%;margin-bottom: 20px;" row-key="id" border :tree-props="{children: 'refuelingBagCatalog', hasChildren: 'hasChildren'}"> <el-table-colum

2021-12-31 14:15:57 771

原创小程序文本太长使用scroll-view实现滑动

<scroll-view class="scroll_live" scroll-x="true" scroll-y="false" upper-threshold="50" lower-threshold="50" scroll-top="0" scroll-left="0" scroll-into-view="" scroll-with-animation="false" enable-back-to-top="false" bindscrolltoupper="" bindscrolltolowe

2021-12-14 16:16:10 1725

原创小程序返回上一页并携带参数

当前页面：toCourseDetail(e) { let { id, name } = e.currentTarget.dataset let pages = getCurrentPages(); //当前页面 let prevPage = pages[pages.length - 2]; //上一页面 prevPage.setData({ //直接给上一个页面赋值 courseid: id, couresename: name,

2021-12-13 11:21:50 1966

原创三元表达式（多条件）

item.status == 1 ? '审批中' : item.status == 2 ? '审批通过' : item.status == 3 ? '拒绝':'未提交'

2021-12-09 16:56:12 1457

原创 angular上传头像

<div class="avatar"> <nz-avatar [nzSize]="110" [nzSrc]="useravator"></nz-avatar> </div> <nz-upload [nzAccept]="'.jpg,.jpeg,.png'" [nzShowUploadList]="false" [nzBeforeUpload]="customUpload" (nzChange)="handleChan.

2021-12-09 14:47:16 643

原创小程序发送文件给好友wx.shareFileMessage

<button data-info="{{item}}" data-dataUrl="{{item.dataUrl}}" data-dataname="{{item.lable}}" bindtap="downloaddetails" style="color:#1989fa"> 下载</button> // 下载 downloaddetails(e){ console.log(e); let dataUrl = e.currentTarget.datas

2021-12-09 14:29:16 3381 1

原创 vue中判断pc还是手机

在 App.vue中export default { name: "App", created() { if (this._isMobile()) { console.log("手机端"); this.$router.replace('/wxLogin'); } else { console.log("pc端"); this.$router.replace('/PCLogin'); } }, methods: {

2021-12-06 11:36:37 2111

原创如何处理后端接口返回字符串里面含有标签问题

js之去掉字符串中的标签在这里插入代码片// 已知变量及对应的值let str = '<div><p>1233451</p></div>'// 用replace方法及正则表达式实现let res =str.replace(/<.*?>/ig,"")console.log('结果',res)...

2021-10-12 14:10:00 1124

原创通过window.addEventListener 绑定的事件会出现多次调用方法的情况

这会出现两次window.addEventListener("message", function( event ) { alert(event.data)}); 改为这种，只会出现一次window.onmessage=function(event){ alert(event.data)}

2021-09-16 10:11:50 12153 2

原创处理接口返回的数据，把后端返回的字段，修改成自己想要的

const jsona = JSON.stringify(res.data) // 把接口返回的res.data数据转成字符串// console.log(jsona);const jsonb = jsona.replace(/"Code"/g, '"value"') // 修改成你要的字段const jsonc = jsonb.replace(/"Name"/g, '"label"')const endjson = JSON.parse(jsonc) // 把JSON 字符串转换成对象..

2021-06-09 14:24:19 3760

原创 vue中通过url实现下载pdf

安装：npm install file-saver --save让后端返回[blob]文件格式，需要传递 responseType: ‘blob’ axios({ url: url, // 服务器上pdf路径 method: 'get', responseType: 'blob' }).then(res => { // eslint-disable-next-line no-undef // console.log(res) const FileSaver

2021-05-31 15:09:04 4248 1

原创 vue中我在axios添加了 withCredentials: true, 就报错显示跨域了

去掉 withCredentials: true就好了

2021-05-27 15:53:05 1563

原创微信扫码登录

<nz-tabset [nzAnimated]="false" class="tabs" (nzSelectChange)="switch($event)"> <nz-tab [nzTitle]="'账号登录'"> </nz-tab> <nz-tab [nzTitle]="'扫码登录'"> <div id='login_container'></div> </nz-tab> &

2021-05-07 11:49:47 261 1

原创 angular中使用md5密码加密

1.安装依赖npm install ts-md5 --save-dev2.在使用的页面中导入import { Md5 } from 'ts-md5/dist/md5';3.使用Md5.hashStr(str)

2021-04-20 11:13:30 907

原创 vue cli中使用echars绘制图表

1.安装echarts依赖npm install echarts -S2.在main.js中全局引入// 引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts3.具体代码<template><div id="myChart" :style="{width: '300px', height: '300px'}"></div></template>ex

2021-04-09 16:14:53 139

转载 Vue、React、Angular生命周期

前端目前的三大框架：Vue、React、Angular生命周期**1.vue**官网介绍1.1 beforeCreate在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。1.2 created在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，property 和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el property 目前尚不可用。

2021-04-09 15:00:59 619

原创 vue挂载路由导航守卫,控制访问权限

官网地址-导航守卫const router = new Router({ routes: [ { path: '/', redirect: '/login' }, { path: '/login', component: Login }, { path: '/home', component: Home, redirect: '/welcome', children: [ { path: '/welcome',

2021-04-09 11:26:34 332

原创 mac安装nginx

1.先安装工具：Homebrew2.终端执行brew update3.查询要安装的软件是否已存在brew search nginx 4.继续执行brew info nginx5.开始安装brew install nginx如果安装报错：解决：那我直接给vue这个大目录权限sudo chmod -R 777 /usr/local/lib/node_modules/@vue输入密码给权限后，然后再重新安装。6.查看nginx安装目录open /usr/local/Cell

2021-03-10 10:00:25 191

原创七牛实时音视频云视频连线demo（web部分）

官方文档git申请账号之类的我没有作考虑，因为这些都是后端同志给准备。此片文章注意记录一下我遇到的问题按照官方文档很好操作的，我这个是从登录页面选择加入会议房间，携带参数跳转到此页面，不作任何操作，开始共享屏幕，也就是跳转之后的页面如下：分享成功完之后的页面画面：...

2021-01-28 15:40:38 693

原创 vue + vue-socket.io实例

1.安装依赖npm install vue-socket.io --save2.在main.js中中引入import VueSocketIO from 'vue-socket.io'// import SocketIO from 'socket.io-client'const options = { path: '/v1/videoMeeting/socket.io', transports: ['websocket'] }Vue.use(new VueSocketIO({ debug:

2021-01-27 17:20:54 230

转载 vue- canvas生成海报图

官方文档：https://sunniejs.github.io/vue-canvas-poster/#/zh-cn/quickstart通过 npm 安装npm i vue-canvas-poster --save2.引用组件库方法一：main.js 中全局注册import Vue from 'vue'// 导入组件库import VueCanvasPoster from 'vue-canvas-poster'// 注册组件库Vue.use(VueCanvasPoster)方法

2021-01-14 15:37:46 450

原创 String类型转json格式

拿到下面这种格式的数据，我们是无法直接用的需要转化一下1.String类型转json格式通过JSON.parse进行转换如下：const goosid = JSON.parse(curid.bookIds) 最终得到下图数据：2.把json转换成String型通过JSON.stringify进行转换如下const good = JSON.stringify(goosid)最终得到下图数据：...

2021-01-12 16:32:49 9892

原创 vue+element ui中el-select选择器获得value，label

<el-select v-model="formData.province" placeholder="请选择省" @change="provincechange"><el-option v-for="item in provincelist" :key="item.id" :label="item.name" :value="item.id"/></el-select>export default { data() { return

2021-01-11 11:19:25 1233

原创 vue+element ui输入框，输入后匹配输入建议

<div class="demo-input-suffix"> <el-autocomplete v-model="searchcurriculum" class="inline-input" :fetch-suggestions="querySearch" placeholder="请输入名称后匹配建议" :trigger-on-focus="false" @select="handleSelectcur..

2021-01-11 11:10:48 1534

原创 angular 打包后 index.html 显示Failed to load resource: net::ERR_FILE_NOT_FOUND

angular 打包后 index.html 显示Failed to load resource: net::ERR_FILE_NOT_FOUNDnpm run build 之后找不到 .js 资源文件解决：打包时在ng build后加上–base-href ./ng build --base-href ./

2021-01-04 09:45:24 652

空空如也

空空如也