weixin_43467567的博客

原创 uniapp开发h5，获取访问地址的参数

uniapp开发h5，获取访问地址的参数

原创 uniapp 微信小程序之拉取用户电话号码

【代码】uniapp 微信小程序之拉取用户电话号码。

原创 解决node_modules\node-sassnpm ERR! command failed

使用了一款jeecms的vue版本的信息发布系统，然而在安装依赖的时候报错信息是题目node_modules\node-sassnpm ERR!先查当前的node版本，一看是16的没错，就开始用nvm install v+版本号，改完源之后 下的就是快。当前电脑里安装的node版本是16的所以不支持，想启这个程序就需要切换Node14的版本。安装完指定版本的Node 还会给继续安装对应的npm版本，有点费时间。如果等不住就卸载了刚下的Node版本，去切换下源再下载。命令安装指定版本的NodeJS。...

原创 yarn/npm依赖node_modules\node-sass: Command failed

前端使用了一个新的后台管理系统的框架在安装完依赖之后报了个错，这个错误信息是和本机安装的node版本不支持所安装的依赖里的版本，解决思路：1、要么删除依赖重新安装。2、要么把现有的依赖和node的版本进行匹配升级。node-sass 版本和node版本支持的对照表https://github.com/sass/node-sass/releases查到了匹配的版本，我的node版本是16，那我最低能支持的是node-sass 6.0版本。安装node-sass:npm install ...

原创 怎么更快的访问github

github地址：https://github.com/

转载 获取当前时间YYYY-MM-DD

function getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var year = date.getFullYear(); var month = date.getMonth() + 1; var strDate = date.getDate(); if (month >= 1 && month <= 9) { month = .

原创 sublime3下载及插件（前端）

资源：下载地址：(中文官网)http://www.sublimetext.cn/（也可下载）http://2t6y.mydown.com/tianji/f695.shtml?sfrom=166&keyID=125692官方文档：http://www.sublimetext.cn/docs/3/index.html完整快捷键：http://www.sublimetext.cn/shortcut插件package control：http://packagecontrol.cn/

原创 连接mongodb报错 useNewUrlParser: true或useUnifiedTopology: true

在连接mongodb数据库时候，虽然连接成功了但是会给一个警告，不推荐警告：当前URL字符串解析器已弃用，并且将在未来版本中删除。要使用新解析器，请将选项{useNewUrlParser:true}传递给MongoClient.connect。清除这个烦人的东西的办法是：const mongoose = require('mongoose')mongoose.connect('mongodb://localhost/playground',{ useUnifiedTopology: t...

原创 node 启动服务之后端口被占用的解决办法

报错信息：node .\9.postRequest.js

原创 nrm ls报错

当我们安装好nrm之后，命令行工具输入 nrm ls 想去查看国内现有的包下载地址发现报错}PS C:\Users\Administrator> nrm lsinternal/validators.js:124 throw new ERR_INVALID_ARG_TYPE(name, 'string', value); ^[TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type strin

原创 解决Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location问题

在router index.js中加入这段代码报错消失const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}

原创 vue router跳转页面及传参

一、标签跳转及传参　:to后面可以跟字符串也可以跟对象。<template><el-row class="navItems"> <el-col class="navItemsSec"> <router-link to="/OrderDatailPage">订单明细</router-link> </el-col> <el-col class="navItemsFir">

转载 js账户密码简单验证

//账号格式5-12位数字var accountPattern = /^\d{5,12}$/;//密码格式6-22位字母数字var passwordPattern = /^[a-zA-Z0-9]{6,22}$/;//验证码格式4位字母数字var codePattern = /^[a-zA-Z0-9]{4}$/; //检测账号格式function testAccount(account){ if(accountPattern.test(account)){ return true; }

原创 vue安装或卸载插件

1、安装插件npm install --save qrcode2、卸载插件npm uninstall qrcode

原创 js 定时器

语法定义：setTimeout(要执行的代码, 等待的毫秒数)*setTimeout：在定时器到期后执行一次函数或代码段 setTimeout(JavaScript 函数, 等待的毫秒数) | | 要被执行的函数 指定等待的毫秒数 //setInterval: 以固定的时间间隔重复调用一个函数或者代码段var intervalId = window.setInterval(code, delay);/**参考文章：http://ca

原创 uniapp wx小程序之选择未来时间的预约时间选择的时间插件

官文档：https://ext.dcloud.net.cn/plugin?id=1530#detail<template> <hTimeAlertOne title="实时时间" :isShow="realTime.isShow" :maskHide="realTime.maskHide" :rangeStartTime="realTime.startTime" :rangeEndTime="realTime.endTime" :rangeDay

原创 Element-UI的table表格的样式的常用的操作

element官方文档：https://element.eleme.cn/#/zh-CN/component/table#table-column-scoped-slot一、设置表头样式需求：将表头样式改为背景色蓝色，字体颜色白色，字重4001.字符串形式：直接将tableStyle名称赋值给header-cell-class-name<el-table :data="tableData[lang]" border :header-cell-style='table

转载 CSS控制的内容超过容器宽度后显示省略号

p{width:50px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}注：“white-space:nowrap”是强制在一行内显示所有文本，不回行。text-overflow是CSS3新增的属性，IE6以上版本支持。它可以带2个参数：clip [不显示省略标记（…），而是简单的裁切]，ellipsis[当对象内文本溢出时显示省略标记（…）]。所以，这个方法是不支持Firefox的。因此，我们还要加上一句ov

原创 uniapp 微信小程序修改NumberBox 数字输入框的底层样式

加上/deep/ 可以提升class的优先级修改 uni-number-box 插件中定义的样式。得到我们想要修改的样式。

转载 Vue Cli项目使用echarts可视化

Vue Cli项目使用echarts可视化有两种方式：一、直接引入echarts 二、使用vue-ehcarts。https://blog.csdn.net/qq_42881421/article/details/96465762

原创 js的sessionStorage操作

// 保存数据到sessionStoragesessionStorage.setItem(‘key’, ‘value’);// 从sessionStorage获取数据var data = sessionStorage.getItem(‘key’);// 从sessionStorage删除保存的数据sessionStorage.removeItem(‘key’);// 从sessionStorage删除所有保存的数据sessionStorage.clear();...

转载 js判断一个字符串是否数字

function isNumber(val) {var regPos = /^\d+(.\d+)?KaTeX parse error: Can't use function '\.' in math mode at position 41: … = /^(-(([0-9]+\̲.̲[0-9]*[1-9][0-9…/; //负浮点数if(regPos.test(val) || regNeg.test(val)) {return true;} else {return false;}}isNum

原创 解决vue-cli报错 A complete log of this run can be found in: C:\Users\Administrator\AppData\Roaming\npm-c

原创 vscode的vue页面template注释不起作用

vue文件中，template标签中注释失效的问题(js中却正常)解决方法：在打开设置json文件(setting.json)中加入一行代码“files.associations”: {​ “*.vue”: “html”​ }如果还是异常把右下角的语言模式从vue变成html...

原创 vue简单选项卡

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="vue.js"></script> <link rel="stylesheet" href="bootstrap.css"> <style> #imgBg{ width:1

原创 uniapp点击按钮获取input中的值

@input=" " 绑定一个自写的函数，通过 e.target.value 可以获取到input中的值，然后把它给予data中定义的变量，这个变量和input通过 v-model 双向绑定。需求是input旁边有个按钮，通过input中的value值作为参数去后台请求...

原创 uniapp简单选项卡

.bodyContentBg{ width:90%; height:800rpx; background-color: #fff; margin:-100rpx auto 0; } .bodyConBgHeadBg{ width:100%; height: 80rpx; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;...

原创 uniapp报key值重复时解决办法（报错信息：[Vue warn]: Duplicate keys detected:）

报key值重复Duplicate keys detected: ‘’.This may cause an update error.为什么for循环后要加key值，否则会爆红，会产生什么影响？for循环读取key值时， key需要是唯一的，如果key值重复会导致报错，影响页面渲染卡顿。报错代码：解决方法：只要key值是惟一...

原创 uniapp引入字体

以阿里普惠字体为例，先从阿里图标矢量库下载好需要的字体。把下面几个文件ctrl+c，放到static文件夹中之前给它新建一个fonts目录，在ctrl+v如果项目需要的字体默认这个字体的话，给他搞成全局字体，在App.vue页面引入字体文件按照uniapp官方的方法，在路径前面加~@ 即可在项目页面中text 组件中我给他使用了刚引用的字体类名：很明显测试的字体是我想要的字体，它很nice...

原创 uniapp脚手架搭建项目步骤

1.全局安装npm install -g @vue/cli2.创建项目vue create -p dcloudio/uni-preset-vue my-project3.启动项目(微信小程序为例)npm run dev:mp-weixin4.打开微信小程序开发者工具导入项目

原创 js之json字符串和json对象转化

json字符串转json对象：jQuery.parseJSON(jsonStr);json对象转json字符串：JSON.stringify(jsonObj);

原创 js字符串拼接空格

clock += day + “日” + “\xa0\xa0”;2020年05月28日 15:19:17

转载 弹性盒flex布局

弹性盒flex布局

原创 css标准初始化

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}body{font:12px"宋体",“Arial Narrow”,HELVETICA;background:#fff;-webkit-text-size-adjust:100%;}a{color:#2d374b;text-decoration:none}a:hover{color:#cd020

原创 vscode 前端常用必备插件

vscode 前端必备插件1.汉化ctrl+shift+p display2.HTML Snippets：超级实用且初级的 H5代码片段以及提示3.HTMLHint：html代码检测4.HTML CSS Support :让 html 标签上写class 智能提示当前项目所支持的样式。新版已经支持scss文件检索，这个也是必备插件之一5.Auto Close Tag :匹配标签，关闭对应的标签。很实用【HTML/XML】6.Auto Rename Tag :修改 html 标签

原创 javascript pc端页面&返回上一页

javascript pc端页面&返回上一页pc端实现页面跳转有下面集中方法跳转页面 方法一 parameter : 页面名字var goXXpageFunA = function goXXpageFunA(pagePara){var pageName = pagePara+’.html’;window.location.href = pageName;}2.跳转页面 方法二 IE 这个方法可以遗忘var goXXpageFunB = function goXXpageF