![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
不忘初心才得始终
这个作者很懒,什么都没留下…
展开
-
element-ui upload 组件 手动多次出发 submit
element 上传组件 upload 上传成功以后,想重新 调用 submit()函数,发现是不可以进行多次触发的,。直接上解决方法,在上传成功后的钩子函数里添加:fileList[0l.status ='ready。fileList是文件列表,status是单文件的状态改成ready就能再次上传。原创 2024-04-25 11:15:36 · 450 阅读 · 0 评论 -
css3动画基础详解(@keyframes和animation)
动画是使元素从一种样式逐渐变化为另外一种效果,CSS3动画的生成,主要依赖@keyframes定义动画,animation执行动画。原创 2023-09-18 14:12:56 · 1412 阅读 · 0 评论 -
element的tab,循环中下划线不显示的问题
使用elment Tabs 标签页 解决 循环中 下划线不显示的问题原创 2023-02-01 10:05:29 · 1043 阅读 · 4 评论 -
box-shadow巧用
css原创 2023-01-04 10:28:35 · 334 阅读 · 0 评论 -
element中el-tabs下的toggleRowSelection方法设置无效
无原创 2022-11-01 17:50:49 · 404 阅读 · 0 评论 -
常用正则表达式
正则原创 2022-07-08 15:19:01 · 147 阅读 · 0 评论 -
vue表单移除校验
vue表单移除校验原创 2022-07-05 15:12:49 · 1110 阅读 · 0 评论 -
用正则删掉<style></style><script></script>标签及其内容
function trimHtml(html) { return html .replace(/<!--.*?-->/gi, '') .replace(/\/\*.*?\*\//gi, '') .replace(/[ ]+</gi, '<') // .replace(/<script[^]*<\/script>/gi, '') .replace(/<script>[\s\S]*?<\/script>...原创 2022-05-08 09:39:25 · 1089 阅读 · 0 评论 -
h5 字换行会有左右不对齐的解决方案
文字换行会有左右不对齐的情况出现,解决办法是加上下面的样式:.text{ text-align: justify; text-justify: newspaper; word-break: break-all;}原创 2022-05-03 17:10:31 · 764 阅读 · 0 评论 -
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 咯,案例是.原创 2022-05-01 14:59:09 · 2407 阅读 · 0 评论 -
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.原创 2022-03-08 14:34:01 · 1323 阅读 · 0 评论 -
路由跳转加上时间戳
参考文件在请求的url上加上时间戳_小宇宙chris_310的博客-CSDN博客_url加时间戳新手问题(3)vue:在http请求后加上时间戳_Gummiss的博客-CSDN博客作用:在URL中加时间戳可以保证每一次发起的请求都是一个不同于之前的请求,这样就能避免浏览器对URL的缓存。...原创 2022-01-26 16:27:18 · 2261 阅读 · 0 评论 -
解决使用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.原创 2021-12-21 09:56:22 · 957 阅读 · 0 评论 -
Element ui upload上传组件修改文件上传进度条
参考文章:Element ui upload上传组件修改文件上传进度条 - 程序员大本营在实际开发过程中有个问题:上传大文件的时候,进度条为100%后其实文件还并没有上传成功。<!-- //自定义 upload自带的文件列表显示 //show-file-list设置为false //解决上传大文件的时候,进度条为100%后其实文件还并没有上传成功 --> <div> <ul .原创 2021-11-18 16:37:30 · 1801 阅读 · 0 评论 -
Node配置https,vue项目
参考:https://www.jianshu.com/p/a305b211081ahttps://blog.mgechev.com/2014/02/19/create-https-tls-ssl-application-with-express-nodejs/原创 2021-09-02 15:54:02 · 167 阅读 · 0 评论 -
返回上一页
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原创 2021-08-26 15:23:55 · 762 阅读 · 0 评论 -
字符串截取
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 :从开始截取到中间某个指定字符...原创 2021-08-24 09:58:42 · 268 阅读 · 0 评论 -
前端生成唯一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原创 2021-08-17 14:12:52 · 573 阅读 · 0 评论 -
微信小程序人脸识别
官方文档: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...原创 2021-08-09 13:45:34 · 391 阅读 · 0 评论 -
html5新特性contenteditable=“true“属性让div+css可以相当于Input
参考文章:https://blog.csdn.net/lqlq54321/article/details/110078614https://blog.csdn.net/lqyygyss/article/details/81773516原创 2021-03-01 17:02:47 · 235 阅读 · 0 评论 -
小程序种加入表情包
表情可以在qq表情地带中查看原创 2021-01-25 10:31:27 · 228 阅读 · 0 评论 -
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-..原创 2020-12-18 16:37:32 · 13698 阅读 · 1 评论 -
vue 善用 this.$nextTick()
当获取页面某个元素 失败时,第一反应 就想想是不是 页面没加载完 就调用了,此时想到this.$nextTick()例如如下 获取某个class的高度onLoad() { //console.log('globalData', getApp().globalData); this.result = getApp().globalData.zzreport; this.$nextTick(function(){ this.getbaseHeight(); }) }, on.原创 2020-12-16 09:53:35 · 423 阅读 · 0 评论 -
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" /&.原创 2020-11-23 16:57:29 · 9022 阅读 · 0 评论 -
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...原创 2020-11-19 16:04:23 · 4098 阅读 · 1 评论 -
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...原创 2020-11-19 14:14:39 · 3930 阅读 · 1 评论 -
uni-app 循环数组 给每一个标签动态绑定class,点击再移除class,小程序上也可以使用
之前的时候 使用的是如下写法,但是在小程序上不支持indexOf 写法为了小程序上也能正常使用 改成如下写法原创 2020-11-19 13:49:39 · 2308 阅读 · 0 评论 -
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: '', .原创 2020-11-18 13:58:10 · 2393 阅读 · 0 评论 -
微信小程序引入背景图
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:利用流...转载 2020-11-17 16:16:22 · 1623 阅读 · 0 评论 -
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 即可...原创 2020-11-11 18:11:24 · 1806 阅读 · 0 评论 -
数组-字符串-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..原创 2020-11-06 15:33:31 · 233 阅读 · 0 评论 -
正则判断 常用
正则_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(...原创 2020-11-05 18:52:04 · 989 阅读 · 0 评论 -
jq根据动态name获取值
var name=""//动态的name$('input:checkbox[name='+name+']:checked').each(function() {alert($(this).val())});//获取选中的多选的选项var name="name1";$('input[name='+ name+ ']:checked').val();//获取勾选的单选的选项...原创 2020-11-03 17:40:30 · 868 阅读 · 1 评论 -
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...原创 2020-11-02 13:39:15 · 863 阅读 · 0 评论 -
小程序图片 mode 设置为 widthFix 图片显示瞬间竖向拉伸变形闪烁
官方文档中 mode="widthFix" 宽度不变,高度自动变化,保持原图宽高比不变,即设置图片宽度而高度自适应。但是在实际开发中发现图片在初始加载时瞬间竖向拉伸变形闪烁然后恢复正常宽高,也许是高度没设置的原因。所以把图片设置height: auto即可解决问题...原创 2020-10-26 17:16:56 · 9226 阅读 · 0 评论 -
uni-app引入外部scss文件
原创 2020-10-23 15:00:28 · 3287 阅读 · 0 评论 -
uni-app中如何使用jquery
跨平台不支持引入 jQuery 等操作 DOM 的插件,H5 平台可以通过条件编译的方式引入使用。//#ifdef H5import $ from '@/static/js/jquery'//#endif原创 2020-10-22 14:51:27 · 5616 阅读 · 0 评论 -
vue项目-jQuery中Nicescroll滚动条插件的用法
参考文章:https://www.jb51.net/article/96961.htm主要介绍了jQuery中Nicescroll滚动条插件的用法,Nicescroll滚动条插件是一个非常强大的基于jQuery的滚动条插件,有需要的可以了解下。Nicescroll滚动条插件是一个非常强大的基于jQuery的滚动条插件,不需要增加额外的css,几乎全浏览器兼容。ie6+,实现只需要一段代码,侵入性非常小,样式可完全自定义,支持触摸事件,可在触摸屏上使用。Nicescroll官网地址:h...原创 2020-10-22 14:46:43 · 848 阅读 · 0 评论 -
通过css去掉input框默认样式
input{ /*去除阴影*/ box-shadow:none; /*聚焦input的蓝色边框*/ outline: none; /*textarea 禁止拖拽*/ resize: none; /*去除边框*/ border: none; /*常用于IOS下移除原生样式*/ -webkit-appearance: none;-moz-appearance:none;-o-appearance:none; /*点击高亮的颜色*/ -we...原创 2020-10-15 14:00:24 · 810 阅读 · 0 评论 -
输入框的阴影去除
input,textarea{ border:0;/*方法一*/ -webkit-apprarance:none;/*方法二*/}输入框阴影在苹果手机上特别明显,按钮的时候还会改变按钮的颜色原创 2020-10-14 09:28:09 · 327 阅读 · 0 评论