- 博客(66)
- 收藏
- 关注
原创 DOM操作实例:下拉菜单
功能:鼠标经过出现下拉菜单HTML代码:<ul class="nav"> <li> <a href="#">微博</a> <ul> <li> <a href="">私信</a> </li> &l
2022-05-31 09:48:35
347
原创 DOM操作实例:tab栏切换
功能:点击tab栏切换HTML代码:<div class="tab"> <div class="tab_list"> <ul> <li class="current">商品介绍</li> <li>规格与包装</li> <li>售后保障</li>
2022-05-31 09:43:04
213
原创 DOM操作实例表格隔行变色,鼠标经过哪一行哪一行变颜色
HTML代码:<table> <thead> <tr> <th>代码</th> <th>名称</th> <th>最新公布净值</th> <th>累计净值</th> <t
2022-05-26 14:52:20
119
转载 巧用element-ui自带隐藏的图片查看器el-image-viewer浏览图片(附兼容IE骚操作)
随着版本的更新Element UI新增了新的组件,例如:Image,这是官方文档中有写的但我的需求并不是展示图片后再点击图片打开大图浏览,需求可能是一个文字,点击后查看大图,但又不想引入其他npm插件,例如这样:食用方法通过翻看Image组件源码,地址:https://github.com/ElemeFE/element/blob/dev/packages/image/src/main.vue发现大图预览是一个小组件el-image-viewer:
2022-05-05 19:32:15
9769
原创 git fetch 报错权限不足,无法在仓库对象库 .git/objects 中添加对象
git fetch 时候报错 切勿超级管理员提示输入git密码 如图:sudo chmod -R 777 * sudo chmod -R 777 .git
2022-04-27 11:47:01
1902
原创 npm run dev 运行报错code ELIFECYCLE
报错原因没有找到core/build/.pack/webpack.config.js'这个文件,新建一个空白的就行了
2022-04-21 09:46:24
1217
转载 JS中的事件冒泡处理
js中的事件冒泡指的是:多个元素嵌套的时候,它们就会有层次关系,当这些元素注册了相同的事件时,如果其中一层的元素触发了这个事件,可能导致其它层的元素也触发这个事件,这样一来就会造成混乱。这个情况就是事件冒泡。为了避免这种混乱的发生,我们要想办法阻止事件冒泡的发生。阻止事件冒泡的方法就是分别为每个事件传入一个参数e,然后在事件代码中加入一句e.stopPropagation();就是这么简单。但是这种方法也有缺憾,就是它能够兼容chrome和firefox以及IE9以上的浏览器,但是不能兼容IE8及以
2022-04-13 15:42:39
1594
原创 Js 面向对象 动态添加标签页
效果如下:点右边加号添加 点X号删除 可以修改标签名称和内容THML代码如下:<!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-UA-Compa
2022-04-07 15:49:55
286
原创 ES6中类的学习
1.在ES6中类没有变量提升,所以必须先定义类,才能通过类实例化对象2.类里面的共有的属性和方法一定要加this使用3.类里面的this指向问题4.constructor里面的this指向实例对象,方法里面的this指向这个方法的调用者...
2022-04-07 15:41:23
229
转载 vue监听浏览器返回
需求我在某个页面用了缓存,假如点击了浏览器返回按钮,需要清除缓存信息代码监听返回mounted () { if (window.history && window.history.pushState) { // 向历史记录中插入了当前页 history.pushState(null, null, document.URL); window.addEventListener('popstate', this.goBa
2022-03-31 15:27:48
5521
原创 echarts 给formatter文字添加不同颜色
legend: { x : 'center', y : 'bottom', icon: "circle", itemWidth: 8, // 设置宽度 itemHeight: 8, // 设置高度 itemGap: 20,// 设置间距 ...
2022-03-01 10:50:12
2769
原创 vue手机号中间四位加*号
1.在methods里面写一个方法:mobileStr(tab) { if(tab.length>7){ return tab.substring(0,3)+'****'+ tab.substring(7,tab.length); }else { return tab.substring(0,tab.length-1)+'****'; }},2.哪里需要就调用就行啦this.mobileStr();...
2022-02-17 11:00:03
960
原创 微信小程序 Vant Weapp 引入Dialog的使用
首先在当前目录的JOSN文件里"usingComponents": { "van-dialog": "@vant/weapp/dialog/index" },然后在JS文件里import Dialog from '../../miniprogram_npm/@vant/weapp/dialog/dialog';然后在WXML文件里<van-dialog id="van-dialog" />然后就可以在JS方法里面直接使用各种状态Dial
2021-12-23 18:13:53
1269
1
原创 微信小程序使用vant引入toast的使用
首先在当前目录的JOSN文件里"usingComponents": { "van-toast": "@vant/weapp/toast/index" },然后在JS文件里import Toast from '../../miniprogram_npm/@vant/weapp/toast/toast'然后就可以在JS方法里面直接使用各种状态Toast('测试中')...
2021-12-22 20:12:40
1015
原创 为什么http请求会缓存?显示from disk cache?
请求一个接口,发现status code = 200; 但是居然是否 from disk cache?接口也会缓存吗?请问是什么原因?问题描述:请求接口,发现拿的还是旧数据,排查了一天,后面和前端发现请求接口只花了1ms,然后发现接口状态为:200 OK(from disk cache);原因:运维设置nginx缓存接口数据30s,导致先从缓存拿,如果缓存没有,再从接口拿,导致一下有,一下没有;解决方案:Nginx里面设置add_header ‘Access-Control-Max-Age.
2021-11-23 18:11:56
3146
3
原创 Unicode字体表
字体名称 英文名称 Unicode 编码 宋体 SimSun \5B8B\4F53 新宋体 NSimSun \65B0\5B8B\4F53 黑体 SimHei \9ED1\4F53 微软雅黑 Microsoft YaHei \5FAE\8F6F\96C5\9ED1 楷体_GB2312 KaiTi_GB2312 \6977\4F53_GB2312 隶书 LiSu \96B6\4E66 幼园 Y
2021-09-06 20:14:23
1297
原创 关于ElementUI 问题清单
1、form 下面只有一个 input 时回车键刷新页面原因是触发了表单默认的提交行为,给el-form 加上@submit.native.prevent就行了。<el-forminline@submit.native.prevent><el-form-itemlabel="订单号"><el-inputv-model="query.orderNo":placeholder="输入订单号查询"clearab...
2021-09-01 16:06:40
85
转载 html中的空格符号( nbsp; ensp; emsp; )介绍以及中文对齐方式
一:不同空格符合的区别 半角的不断行的空白格(推荐使用)   半角的空格   全角的空格 详细的含义: :这是我们使用最多的空格,也就是按下space键产生的空格。在HTML中,如果你用空格键产生此空格,空格是不会累加的(只算1个)。要使用html实体表示才可累加。该空格占据宽度受字体影响明显而强烈。在inline-block布局中会搞些小破坏,在两端对齐布局中又是不可少的元素。&ens
2021-07-26 20:34:49
571
原创 JS定时器
js 定时器有以下两个方法:setInterval() :按照指定的周期(以毫秒计)来调用函数或计算表达式。方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。setTimeout() :在指定的毫秒数后调用函数或计算表达式。...
2021-07-09 14:56:34
67
原创 el-upload上传图片以后获取图片的宽、高、大小、名字。。。
template:<el-upload action="" :class="{ disabled: uploadDisabled }" list-type="picture-card" accept=".jpg,.jpeg,.JPG,.JPEG,.PNG,.png" :file-list="fileList" ref="upload" :limit="limit
2021-06-28 18:13:46
1433
2
原创 el-input里面非数字不能输入
不能输入非数字除了.<el-input type="text" oninput="value=value.replace(/[^\d.]/g,'')" ></el-input>也可以用type="number"会有样式问题<el-input type="number" ></el-input>
2021-06-23 10:12:17
459
转载 Vue实现input宽度随文字长度自适应
业务需求,输入文字,后面的元要紧随其后,奈何input默认是有宽度,我想要达到,输入文字,动态改变input的宽度,试了很多方法,目前自己琢磨一种,有遇到问题的可以参考一下,直接贴代码<div class="textcontain"> <input type="text" v-model.number="item.cardComboMoney" maxlength="5" .
2021-06-22 19:34:59
504
原创 操作模块功能如删除新增是否有权限
怎么查看是否有删除这个记录的权限权限有选择权限接口会返回数据async abc() { const { data: { data, code } } = await abc(); if (data && /record\/delete/.test(JSON.stringify(data))) { this.deleteAuth = true; } else { this.deleteAu.
2021-06-18 11:34:32
56
转载 Element Ui使用技巧——Form表单的校验规则rules详细说明
1.对整个表单进行规则验证:<el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="密码" prop="pass"> <el-input type="password" v-model="ruleForm.pass" autocomplete="off"&g
2021-06-07 19:30:48
2774
2
转载 vue el-input 禁止输入特殊字符 只可输入数字 正则验证
<el-input size="small" v-model="city" placeholder="请输入城市名称" @blur="addCity(scope.$index)" @keyup.native="btKeyUp" @keydown.native="btKeyDown"></el-input> // methods内 // 只能输入汉字、英文、数字 btKeyDown(e) { e.target.val.
2021-06-04 09:36:22
530
原创 VScode插件推荐(全面
一、代码片段类插件英文叫做 Snippets,就是把常见的代码模式抽出来,通过 2~3 个键就能展开 N 行代码。VS Code JavaScript(ES6) snippets当前最流行的,已有超过 120 万的下载量。这个插件为 JavaScript、TypeScript、HTML、React 和 Vue 提供了 ES6 的语法支持;React-Redux ES6 SnippetsjQuery Code Snippets二、自动补全类插件Path Intellisense自动路劲补
2021-05-31 11:35:14
1260
转载 vue element-ui input=textarea无法输入的问题
<template v-else-if="item.paramType == 'TextArea'"> <el-form-item :label="item.paramTitle" :prop="item.paramName" :rules="[{ required: item.paramRequired, message: '请输入'+.
2021-05-17 17:54:42
2131
原创 el-element里面select下拉框五级联动
需要实现需要处理的接口数据:template里面:<template> <el-form :model="formData" label-position="right" slot="body" label-width="100px" ref="form"> <el-form-item label="楼栋:" class="not-inline"> <el-select v-model="formData.l
2021-04-15 16:31:27
849
原创 字符串API
1.反转字符串:reverse();被反转的字符串应该是StringBuffer类型2.替换字符串 replaceAll("被替换的字符串","替换字符串"):3.查找字符在字符串中的位置:indexOf();要注意是从0开始数的。4.截取字符串:substring(0,5);//从第0个开始截取一直到第4个,不包括第五个5.字符串大小写转换:小写转大写:toUpperCase();大写转小写:toLowerCase();6.去掉字符串中的空格trim();7.endsWith()和
2021-04-15 15:12:43
210
原创 常见数组array(API)
不改变原数组:将数组转化为字符串(String) var arr=[1,2,3];var str=String(arr);console.log(str); //1,2,3console.log(arr); //[1,2,3] 把数组中的所有元素放入一个字符串(join) var arr=[1,2,3];var str=arr.join();//默认是逗号,也可以自定义连接符console.log(str); //1,2,3console.log(arr); //[1,.
2021-04-06 15:17:41
149
转载 vue运行提示node --max-old-space-size=10240
你是不是也遇到过 vue 项目 当你 ctrl+s,编译代码,项目就挂掉的情况?那么恭喜你,内存溢出了。兄dei,你膨胀了哟~不过不要慌,以下有完整的解决方案!1.我们全局安装 increase-memory-limit:npm install -g increase-memory-limit2.进入工程目录,执行如下:increase-memory-limit好了,大功告成了,接下来再继续跑项目吧~没错就是这么简单两行代码。......
2021-03-31 16:07:20
16264
15
转载 ES6 Object.assign()的用法
1.Object.assign()基本用法:Object.assign方法用来将源对象(source)的所有可枚举属性,复制到目标对象(target)。它至少需要两个对象作为参数,第一个参数是目标对象,后面的参数都是源对象。let targetObj1 = { a: 1 }; let sourceObj1 = { b: 1 }; let sourceObj11 = { c: 3 }; Object.assign(targetObj1, sourceOb...
2021-03-23 16:36:16
124
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人