minx_6688-CSDN博客

原创 h5/web 获取实时视频并预览上传

注意：需要在 https 或者 localhost 下才能成功调起摄像头（如果是html使用file协议也能成功）html<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X

2022-01-13 00:15:08 3399 1

原创 es6--let和const

简介let 和 const 是es6新增的命令，这两个命令和 var 一样，都是用来声明变量的。如果想深入学习 es6 推荐去看阮一峰的 ECMAScript 6 入门，阮一峰-ECMAScript 6 入门letlet a = 10console.log(a) // 10--------------------console.log(a) // 报错 // let 没有变量提升let a = 1-------------------if(true) { let a = 1}

2022-01-10 23:54:19 401

原创 vite创建的vue3项目安装使用sass

我开始也是用的 node-sass ，然后一直报错，最后发现居然是直接使用sass 。。。晕????npm install sass -D

2021-08-29 22:34:14 2684

原创 vue中使用requestFullscreen放大元素时el-dropdown被覆盖的问题

因为el-dropdown的弹出层是和body一个层级解决：直接放大 document 这个元素使用el-select 代替，并设置el-select 的 popper-append-to-body属性为 false

2021-08-03 22:31:49 1035

原创 js 计算房贷

商业贷如果有利率浮动就调整相应的利率，例：利率上浮10% 利率 = 利率 + 利率 x 10%<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wi

2021-06-10 11:38:48 821

原创 uni-app手机横屏之后样式错乱的问题

app从竖屏页面1进入竖屏页面2，再进入横屏，再返回，再返回从新回到竖屏页面1，再次进入竖屏页面2，发现竖屏页面2的所有图片字体都被放大了。再返回竖屏1，再进入竖屏2，一切又恢复正常。解决：其实就是横竖屏切换之后的第一个加载的页面样式会错乱，所以需要一个空白的页面来承载这个样式错乱的问题。在横屏页面返回时，监听onBackPress()使其跳转到一个空白的vue页面，这个空白的vue页面在跳转到自己想去的页面。这样的话，这个空白vue页面会样式错乱，但不会影响其他页面// 横屏页onBackPr

2021-06-01 17:16:44 2122

原创 vue2.x中使用百度地图

安装依赖npmnpm install vue-baidu-map --savecdn<script src="https://unpkg.com/vue-baidu-map"></script>全局注册在 main.js 中import Vue from 'vue'import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { // ak 是在百度地图开发者平台申请的密钥详见 http://lbsyun.b

2021-06-01 00:08:20 169

原创 uniapp app端打包之后某些平台检测出病毒问题

详细参考 https://ask.dcloud.net.cn/article/37501

2021-05-08 10:03:02 5224

原创 npm换源

将npm更换成国内源:npm config set registry https://registry.npm.taobao.org查看源：npm config get registry

2021-03-28 23:37:00 88

原创 uni.makePhoneCall打包之后不生效的问题

情景描述：真机运行时，可以正常拨打电话，但是在打包之后，uni.makePhoneCall走进成功的回调函数之后没有反应了，最后发现是没有勾选基座权限的原因可能是基座没有勾选权限

2021-02-22 09:56:32 2094 5

原创在uniapp中使用pdfjs在线预览pdf

问题

2021-01-11 20:34:41 5019 10

原创 uni.navigateTo多次点击后没有反应的问题

原因是uni.navigateTo是会缓存页面，但是这个缓存是有限制的如果超出了这个限制，就会出现uni.navigateTo点击没有反应的问题解决：可以使用uni.redirectTo 代替 uni.navigateTo

2021-01-10 21:56:02 3426 1

原创 nodejs---基于express搭建一个简单服务

安装npm install express --save写代码// 引入 expressconst express = require("express");// 创建一个服务const app = express()// 接收一个 url 为 / 的 get 请求，并返回 hello worldapp.get('/', (req, res) => res.send('Hello World!'));// 监听 3000 端口app.listen(3000)...

2021-01-07 21:40:43 110

原创 nodejs---搭建一个简单的web服务

// 引入 http 模块var http = require('http');// 使用 http.createServer() 创建一个服务// req 是接收到的数据 res 是响应数据var server = http.createServer(function(req, res) { // 设置响应数据的状态码和请求头 || 如果不做设置返回中文会出现乱码的情况 res.writeHead(200, {'Content-Type': 'text/html; cha

2021-01-04 23:09:19 106

原创 powershell阻止nodejs脚本运行问题

在c:windows下执行get-ExecutionPolicy，如果显示的是Restricted说明他是禁止的。接下来就要执行set-ExecutionPolicy RemoteSigned回车，输入A 然后回车就好了。

2021-01-04 23:08:09 1120

原创 vue项目中使用filter（过滤器）

在vue项目下新建一个filter.js// filter.jsconst addZero=function(value){ var value=Math.round(parseFloat(value)*100)/100; var xsd=value.toString().split("."); if(xsd.length==1){ value=value.toString()+".00"; return value; } if.

2020-12-21 21:42:21 849 3

原创解决vue页面加载时和v-if切换时出现的闪屏/闪烁问题

主要分为两步1.设置css，注意加！important，方便处理css层级覆盖问题[v-cloak]{display:none!important}2.在元素上添加v-cloak指令3.直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-

2020-12-02 23:10:10 7535 6

原创 uniapp表单验证

<template> <view>  <view class="uni-padding-wrap"> <form @submit="formSubmit" @reset="formReset"> <view> <view class="uni-title">姓名&l

2020-11-04 00:11:25 8461

原创 uniapp识别身份证

通过调用百度api实现每天500次免费次数注意：需要先获取access_tokenhttps://ai.baidu.com/ai-doc/OCR/rk3h7xzck百度那边的文档uniapp的微信小程序端适用<template> <view class="content">  <view class="t

2020-10-30 16:18:29 4501 5

原创 js比较两个版本号大小

https://developers.weixin.qq.com/miniprogram/dev/framework/compatibility.html// 这是微信小程序官方给出的比较方法function compareVersion(v1, v2) { v1 = v1.split('.') v2 = v2.split('.') const len = Math.max(v1.length, v2.length) while (v1.length < len) { v

2020-10-14 11:17:48 2448 2

原创在uniapp中使用nvue（app端适用）

使用nvue的背景（只能在app端使用）当你需要覆盖页面的标题栏和tabbar时，或者某些内置组件的z-index过高无法覆盖时，这时就可以使用nvue页面来覆盖这些z-index过高的组件或标题栏和tabbar注意：如果在app.vue里有公共样式的，需要通过条件编译，让这些公共样式不作用到nvue上，否则运行会报错会uniapp条件编译1.创建一个nvue页面https://uniapp.dcloud.io/use-weex// 这里需要注意一下，在uniapp项目里至少要有一个vue文件，

2020-10-12 21:27:37 23352 5

原创 vue项目上线后服务器资源更新而浏览器有缓存不更新

原因浏览器的缓存机制（分为强缓存和协商缓存）强缓存：即不向后端发送请求，直接从缓存中读取数据协商缓存：向后端发起请求，看服务器资源是否更新，如果没有更新就返回304，如果更新了就返回200解决方法：1.nginx 配置，在在nginx.conf文件做设置，让 index.html 不缓存location = /index.html { add_header Cache-Control "no-cache, no-store";}no-cache, no-store可以只设置一个n

2020-09-26 23:16:24 2333

原创 vue/uniapp项目进行国际化（中英文切换）

原理就是先准备好每种语言的数据文件，当选中该语言时，就渲染该语言对应的数据文件1.安装插件需要使用 i18n 插件 i18n官方文档npm 安装npm install vue-i18n --save2.准备每种语言的数据文件注意：这两个文件的数据结构包括对象下的键名（key）都完全一样，只有 value 的值不一样en.js（英文时需要的数据）// en.jsexport default { index: { invite: 'Invite', gam

2020-09-26 01:02:12 2460 1

原创对uniapp的request方法进行封装

复制粘贴即可使用// http.js // 通常可以吧 baseUrl 单独放在一个 js 文件了 const baseUrl = 'http://localhost:3000'; const get = (url, option = {}) => { return new Promise((resolve, reject) => { uni.request({ url: baseUrl + url, methods: 'GET', data: op

2020-09-14 01:11:49 5056 3

原创使用uni.navigateTo返回上一页后刷新数据

1. 先清空数据再请求b页面返回a页面，在a页面刷新数据// b页面submits() { this.index = 0 uni.navigateBack({ delta: 1}) // a页面onShow () {// 这样数据是不会刷新的 this.getlist()}onShow () { // 这样数据就会刷新了 this.list = [] // 先清除数据 this.getlist()}2. getCurrentPages()https://w

2020-09-07 23:39:01 6156

原创获取一个对象下所有的键（key）

// object.keys var obj = { name: 'asd', age: 20, num: 88 } var keys = Object.keys(obj) console.log(keys) // 会返回一个数组 // ["name", "age", "num"] // for in var list = [] for (const key in obj) { list.push(key) console.log(key) } // li

2020-09-04 00:56:56 1803

原创按数组下标修改数组下对象的键名（key）

在开发过程中有时需要向后端传递这样的数据结构list: [ {name1: '张三', age1: 20}, {name2: '张三', age2: 20}]这时问题来了，数组下的对象的键名（key）不一样，无法做循环，所以需要在页面对list做循环，然后再修改数组下对象的键名（key） let list = [ {name: '张三', age: 20}, {name: '张三', age: 20} ] let newlist = list.map((item, index)

2020-08-31 21:53:48 1143

原创 git 首次提交代码

1.初始化仓库git init2.关联仓库git remote add origin <http地址>3.关联成功后，下拉一次代码git pull origin <目标分支>4.提交到暂存区git add .5.提交到本地仓库git commit -m '一些注释'6.首次推送git push -u origin <目标分支>...

2020-08-23 17:28:14 199

原创 uniapp中上传多张图片

在微信小程序中不支持多张图片上传，需要做循环实现多张图片上传// 官方这边是只能一次上传一张uni.chooseImage({ success: (chooseImageRes) => { const tempFilePaths = chooseImageRes.tempFilePaths; uni.uploadFile({ url: 'https://www.example.com/upload', //仅为示例，非真实的接口地址

2020-08-23 17:19:53 15409 9

原创 vue/cli创建的项目中做正向代理

正向代理只能在开发时使用，上线没有用了。原因是开发时的服务是通过nodejs启动的。正向代理的原理浏览器的同源策略引起的跨域，后端代码向服务器请求数据是不会跨域的实现方法自己实现后端代码3000（端口）实现正向代理8080 -> 3000 -> http://m.maoyan.com// server.js 这是一个nodejs文件// 这个文件启动之后地址为 http://localhost:3000// 需要使用 npm 下载 express 和 axios

2020-08-23 10:17:05 735

原创 vue/cli-创建的项目中如何做反向代理

在vue项目的根目录下创建一个vue.config.jstarget是你的目标地址module.exports = { devServer: { proxy: { '/apd': { target: 'http://m.piaoniu.com', changeOrigin: true, pathRewrite: { '/apd': '' } } } }}然后在向后台发

2020-08-23 10:05:57 181

原创 vue项目引入element-ui

先 npm 安装element-uinpm i element-ui -S然后分为完整引入和按需引入完整引入我就不多说了，十分简单，参照官网官网地址按需引入首先 npm 安装依赖npm install babel-plugin-component -D然后在babel.config.js文件做配置配置如下（复制粘贴即可）：// 这是默认的，注释掉// module.exports = {// presets: ["@vue/cli-plugin-babel/prese

2020-08-23 10:01:46 399

原创 git 常用操作命令

从远程克隆代码// 克隆默认分支git clone <git地址>// 克隆指定分支git clone -b <分支名> <git地址>本地关联远程仓库git remote add origin <git地址>查看更改git status查看所有分支git branch -a切换分支命令git checkout <分支名>// 切换并创建一个分支git checkout -b <分支名>...

2020-08-23 09:50:42 100

原创 px转rem----postcss

px转rem（pxtorem）借助 postcss 的 pxtorem 这款插件来转换项目中的 px 单位为 rem 单位postcsspostcss是一个用 JavaScript 工具和插件转换 CSS 代码的工具。它主要是通过它的各种插件来实现效果。postcss-pxtorem 使用方式安装依赖npm install --save-dev postcss-pxtorem在项目根目录下创建一个 postcss.config.js 文件，来提供 postcss 的配置modul

2020-07-31 23:09:02 234

原创解决vue中使用elementUI中el-dropdown下拉el-dropdown-item添加点击事件click没有反应的问题

通过给click事件添加.native解决原代码 //添加点击click事件不生效<el-dropdown-item @click="remoToken">退出</el-dropdown-item>修改后的代码 //可以生效<el-dropdown-item @click.native="remoToken">退出</el-dropdown-item>...

2020-07-31 23:01:46 4376 1

minx_6688的博客