漫天随飞雪的博客

原创 uniapp 运行终端

如果是在终端中运行uniapp相关的命令，比如运行项目、安装依赖等，你需要确保你的终端已经安装了Node.js和Vue CLI，因为uniapp是基于Vue的框架。

原创 uniapp h5手机如何打开本地跑的前端项目进行本地调试

在项目的main.js文件中引入vConsole库：import VConsole from 'vconsole'。vConsole是一个轻量级的移动端调试工具，可以在iOS设备上直接调试Uniapp H5应用。3：将这个地址在手机端打开浏览器访问，确保使用的是电脑的局域网IP地址而不是。// 提交前需要注释 本地调试使用=》确保你的电脑与手机处于同一网络下，2：找到项目启动后生成的地址，通常在控制台的输出信息中可以找到。1：确保你的电脑与手机处于同一网络下。

原创 element-ui upload 组件 手动多次出发 submit

element 上传组件 upload 上传成功以后，想重新 调用 submit()函数，发现是不可以进行多次触发的,。直接上解决方法，在上传成功后的钩子函数里添加:fileList[0l.status ='ready。fileList是文件列表，status是单文件的状态改成ready就能再次上传。

原创 ElementUI修改el-tab-pane自定义动态添加class并修改组件样式

1：在调用列表接口的接口里面 初始化调用handleClick()方法。2：tab 点击时 再调用一下handleClick()方法。需求：tab 列表 动态添加class 标识当前版本。

原创 css3动画基础详解（@keyframes和animation）

动画是使元素从一种样式逐渐变化为另外一种效果，CSS3动画的生成，主要依赖@keyframes定义动画，animation执行动画。

原创 element的tab，循环中下划线不显示的问题

使用elment Tabs 标签页 解决 循环中 下划线不显示的问题

原创 box-shadow巧用

css

原创 element中el-tabs下的toggleRowSelection方法设置无效

无

原创 常用正则表达式

正则

原创 vue表单移除校验

vue表单移除校验

原创 用正则删掉＜style＞＜/style＞＜script＞＜/script＞标签及其内容

function trimHtml(html) { return html .replace(/<!--.*?-->/gi, '') .replace(/\/\*.*?\*\//gi, '') .replace(/[ ]+</gi, '<') // .replace(/<script[^]*<\/script>/gi, '') .replace(/<script>[\s\S]*?<\/script>...

原创 h5 字换行会有左右不对齐的解决方案

文字换行会有左右不对齐的情况出现，解决办法是加上下面的样式：.text{ text-align: justify; text-justify: newspaper; word-break: break-all;}

原创 npm install -g http-server

基于Node.js轻量级HTTP服务器有很多种，我们将以http-server为例（GitHub - http-party/http-server: a simple zero-configuration command-line http server），一般提供server服务的工具建议全局安装。npm install http-server -g启动日志如下：命令为：http-server （在浏览器中访问以下三个地址中的任意一个，就能看到src目录下的 index.html 咯，案例是.

原创 JS如何判断一个对象是否为空、是否有某个属性

一、js判断一个对象是否为空方法一：let obj1 = {}let obj2 = {a:1}function empty(obj){ for (let key in obj){ return false; //非空} return true; //为空}console.log(empty(obj1)) //true为空console.log(empty(obj2)) //false非空方法二：let obj1 = {}if(JSON.stri.

原创 路由跳转加上时间戳

参考文件在请求的url上加上时间戳_小宇宙chris_310的博客-CSDN博客_url加时间戳新手问题（3）vue：在http请求后加上时间戳_Gummiss的博客-CSDN博客作用：在URL中加时间戳可以保证每一次发起的请求都是一个不同于之前的请求，这样就能避免浏览器对URL的缓存。...

原创 解决使用vue-cli搭建的项目无法使用scss的问题

@ ./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":true解决方法：安装以下依赖就可以了，vue-cli默认没有scss-loader,scss-loader又需要node-sass，只安装scss-loader是不行的。另外webpack就不需要配置了，因为vue-cli会帮你配置安装的loader输入如下命令：npm install node-sass --savenpm install.

原创 字母和数字输入突然出现间距空格怎么办

全角和半角设置的问题，您到输入法设置中调整一下即可。

原创 Element ui upload上传组件修改文件上传进度条

参考文章：Element ui upload上传组件修改文件上传进度条 - 程序员大本营在实际开发过程中有个问题：上传大文件的时候，进度条为100%后其实文件还并没有上传成功。<!-- //自定义 upload自带的文件列表显示 //show-file-list设置为false //解决上传大文件的时候，进度条为100%后其实文件还并没有上传成功 --> <div> <ul .

原创 Node配置https，vue项目

参考：https://www.jianshu.com/p/a305b211081ahttps://blog.mgechev.com/2014/02/19/create-https-tls-ssl-application-with-express-nodejs/

原创 返回上一页

window.history.go(-1); //返回上一页window.history.back(); //返回上一页window.location.go(-1); //刷新上一页window.history.back();location.reload();//强行刷新(返回上一页刷新页面）//如果要强行刷新的话就是：window.history.back();//刷新当前页 window.location.reload();Javascript 返回上一页:1. histo

原创 字符串截取

1 ：取字符串的前i个字符 str=str.substring(0,i);2 ：去掉字符串的前i个字符 str=str.substring(i);3 ：从右边开始取i个字符 str=str.substring(str.length()-i); str=str.substring(str.length()-i,str.length());4 ：从右边开始去掉i个字符 str=str.substring(0,str.Length-i);5 ：从开始截取到中间某个指定字符...

原创 前端生成唯一uuid

uuid文档：https://www.npmjs.com/package/uuid/v/8.3.0安装uuid:npm install uuid --save引用：1 import { v4 as uuidv4 } from 'uuid';2 uuidv4(); // ⇨ '9b1deb4d-3b7d-4bad-9bdd-2b0d7b3dcb6d'3 4 // 函数封装 获取8位数uuid5 getUId = () => {6 return uuidv4().spli

原创 微信小程序人脸识别

官方文档：https://developers.weixin.qq.com/community/business/doc/000442d352c1202bd498ecb105c00dhttps://developers.weixin.qq.com/miniprogram/dev/api/open-api/soter/wx.startSoterAuthentication.html参考： https://www.cnblogs.com/Super-scarlett/p/1028612...

原创 python异常

nameError：这是变量名错误，没有定义变量就使用了。SyntaxError：这是语法错误，少了冒号，没有空格等，会出现此异常。IO Error : 做文件操作的时候遇到的异常，一般是找不到文件。Zero DivisionError : 在做数据处理和计算的时候会出现这个错我，一般是0做除数。IndentationError：缩进会出现此问题，python中有严格的缩进要求。...

原创 html5新特性contenteditable=“true“属性让div+css可以相当于Input

参考文章：https://blog.csdn.net/lqlq54321/article/details/110078614https://blog.csdn.net/lqyygyss/article/details/81773516

原创 IDLE-python基本操作

原创 小程序种加入表情包

表情可以在qq表情地带中查看

原创 uniapp 富文本rich-text的使用

官网api:https://uniapp.dcloud.io/component/rich-text如果需要支持 HTML String，则需要自己将 HTML String转化为 nodes 数组，可使用html-parser转换。参考：推荐使用HBuilderX，新建uni-app项目，选择内置uni-app模板<template> <view> <view class="banner"> <image class="banner-..

原创 vue 善用 this.$nextTick()

当获取页面某个元素 失败时，第一反应 就想想是不是 页面没加载完 就调用了，此时想到this.$nextTick()例如如下 获取某个class的高度onLoad() { //console.log('globalData', getApp().globalData); this.result = getApp().globalData.zzreport; this.$nextTick(function(){ this.getbaseHeight(); }) }, on.

原创 uniapp获取input文本框中的值

1.写文本框<view class="b-input-button"> <view class="askQue" v-if="$store.state.wz.dzaskQuestion"> <input type="text" @input="onInput" placeholder="请输入..." v-model="inputcontent" :value="inputcontent" class="b-askQue-input" /&.

原创 uni-app获取指定标签的高度

需要定义一个 let that = this; 要不然下面 直接使用this.style.footViewHeight 会报错updated() { // let that = this; let view = uni.createSelectorQuery().select(".b-fixed-bottom"); view.boundingClientRect(function(data) { //获取固定尾部的高度=data.height that.st...

原创 uniapp 开发注意事项

1：v-show 改成 v-if1.static目录下的js文件不会被编译，如果里面有es6的代码，不经过转换直接运行，在手机设备上会报错。2.css、less/scss等资源同样不要放在static目录下，建议这些公用的资源放在common目录下。3.template内引入静态资源，如image、video等标签的src属性时，可以使用相对路径或者绝对路径。4.js文件不支持使用/开头的方式引入。5.css文件或style标签内引入css文件时（scss、les...

原创 uni-app 循环数组 给每一个标签动态绑定class,点击再移除class,小程序上也可以使用

之前的时候 使用的是如下写法，但是在小程序上不支持indexOf 写法为了小程序上也能正常使用 改成如下写法

原创 uniapp 使用vuex 在电脑上能获取到state,小程序获取不到

1. 在根目录下新建store目录, 在store目录下创建index.js定义状态值import Vue from 'vue';import Vuex from 'Vuex';import Vuex from 'vuex';Vue.use(Vuex);const store = new Vuex.Store({ state: { login: false, token: '', avatarUrl: '', .

转载 微信小程序引入背景图

1: 直接在标签里加上style样式，加上背景图：<view style="background:url('../../img/p.png')"></view>2：css中通过url获取网络图片微信小程序中不能使用本地图片 background-image:url(https://xxxxxxxxxxxxxxxxxxxxxx)3：Base64编码格式background-image:url(转换之后的base64字符串)4：利用流...

原创 nvm 安装 npm 报错Cannot find module ‘D:\node\nodejs\node_module\bin\npm-cli.js‘ Cannot find module ‘D:\n

错误：npm -vinternal/modules/cjs/loader.js:1017throw err;^Error: Cannot find module ‘D:\softs\nodejs\node_modules\npm\bin\npm-cli.js’解决办法：找到活下载nodejs的安装文件，node-v14.0.0-x64.msi，双击，点击repair，即可也就是重新安装 node 即可...

原创 数组-字符串-filter

//获取用户选择的标签 放到申请数据接口 let xztext = []; $(".tag").each(function () { let xzttext = $(this).find('.tag-item-activate .tag-name').attr('title') let xzitext = $(this).find('.tag-item-activate i').attr('title') let xzbqzh = xztt..

原创 正则判断 常用

正则_input输入框只能输入数字和英文逗号onkeyup="this.value=this.value.replace(/[^\d\,]/g,'')"只能输入数字οnkeyup="this.value=this.value.replace(/[^0-9]/,'')"οnkeypress="this.value=this.value.replace(/[^0-9]/,'')"可以输入数字和逗号οnkeyup="this.value=this.value.replace(...

原创 jq根据动态name获取值

var name=""//动态的name$('input:checkbox[name='+name+']:checked').each(function() {alert($(this).val())});//获取选中的多选的选项var name="name1";$('input[name='+ name+ ']:checked').val();//获取勾选的单选的选项...

原创 layui 中layer.load 与ajax 结合使用

1、load方法提供三种风格供选择。方法一：loadIndex = layer.load(); //不传参，默认0方法二：loadIndex = layer.load(1); // 1，另外一种风格方法三：loadIndex = layer.load(2,{time:10*1000}); //2，换一种风格；time设置最长等待时间load默认不会关闭，需要在complete回调中关闭。2、项目中调取接口时，如果等待时间过长，则需要设置$(function() {v...