- 博客(79)
- 收藏
- 关注
RSS订阅原创 前端防抖与节流使用实例
一，节流：在指定时间内的多次请求，只执行一次，比如滚轮事件，需要节流限制避免出发大量数据。二，按钮多次点击只执行最后一次。
2024-05-31 10:32:08
255
原创 正则表达式汇总
首位可以为负且只保留两位小数。(.[0-9]{1,2})：小数点后保留两位。：首位可以有负号也可以没有。[0-9]：然后跟着是0到9之间的字母。
2023-07-12 10:55:45
136
原创 js实现获取昨天日期（非周六周日）
1，介绍，获取昨天日期，如果昨天为周六或者周日，会获取非周末的日期var currentdate ; function getNowFormatDate(day) { let date = new Date(); if (day) { date.setTime(date.getTime() + 24 * day * 60 * 60 * 1000) } let seperator1 = '-' let year = da
2022-04-19 14:55:55
1039
原创 cesium使用环境搭建--vue中安装并引用百度地图
1，安装，安装1.60版本最好，1.40版本兼容百度地图有问题npm install cesium@1.60 --save2.配置文件，在config.vue.js中配置 -----pluginsconst path = require('path');//引入path模块const CopyWebpackPlugin = require('copy-webpack-plugin');//引入path模块const webpack = require("webpack");functio
2022-02-22 17:55:13
884
原创 vue-cli中引入环境变量配置
1，一般一个项目都会有以下 3 种环境：- 开发环境- 测试环境- 生产环境我们可以在根目录下创建以下形式的文件进行不同环境下变量的配置： .env # 在所有的环境中被载入 .env.local # 在所有的环境中被载入，但会被 git 忽略 .env.[mode].local# 只在指定的模式中被载入，但会被 git 忽略 .env.[mode] # 只在指定的模式中被载入如官方文档所说，通过为.env文件增加后缀来设置某个模式下特有的环境变量。在这里插入图片描述2.我这里创建一
2022-02-18 11:30:40
3024
原创 vue通过js实现对一个元素的点击
一，给需要点击的元素加上ref；<!-- 调用摄像头 --> <input ref="inputResult" accept='image/*' type="file" capture="camera" style="display: none;"/>二，在你的函数中调用。这样你调用onSelect函数就实现了打开相机的操作了onSelect(item) { this.$refs.inputResult.click();//调用相机
2021-12-15 18:07:23
1495
原创 element中el-upload自定义上传图片，不再使用active上传
el-upload默认的上传会通过active进行上传，同时提供了http-request去自定义，他会覆盖active的上传。 <el-upload id="school" class="avatar-uploader" action="#" list-type='picture' :http-request='file
2021-12-14 09:20:44
1961
1
原创 element中el-table中更改某一列的样式（通过class-name属性更改）
问题描述：在table中只更改指定的某一竖列的样式，通过element框架自带的 class-name实现。 <el-table id="tableRef" :data="tableData" ref="multipleTable1" border style="width: 100%;background-c
2021-12-14 09:14:05
6577
原创 vue+vant实现上拉加载和下拉刷新列表
常见问题不在进行功能描述了<div class="list-item"> <van-pull-refresh v-model="loadMore.refreshing" @refresh="onRefresh"> <van-list v-model="loadMore.loading" :finished="loadMore.finished"
2021-11-29 16:28:42
910
原创 vuex在vue-cli中的使用方法
1，安装npm install vuex --save2，创建单独的文件夹用于集中管理vuex中的数据（store文件夹跟src文件夹同级）3.store下index中的代码如下import Vue from 'vue'import Vuex from 'vuex'import createPersistedState from 'vuex-persistedstate'Vue.use(Vuex)const store = new Vuex.Store({ state: {
2021-11-25 17:40:04
287
原创 三元运算符的奇怪写法
var a= 0;console.log(a === 0 && (a = 1,b = 2)); //2var isLike= 11;console.log(isLike && 'active-' || '') //'active-'
2021-11-25 16:25:14
419
原创 vue-cli环境安装node-sass问题
错误描述error in ./src/views/index/carNumber.vue?vue&type=style&index=0&id=27bb9816&lang=scss&scoped=true& Module build failed (from ./node_modules/postcss-loader/src/index.js):解析：这是说明你安装的node-sass版本过高了，需要降低版本重新安装解决方法：1，在package
2021-11-24 09:33:17
1012
原创 element中关于二次进入页面后form表单中的rules直接进行校检问题解决方案
问题描述:进入页面表单中的必选项就被校监了,然后报红.解决方案:你可以在生命周期中,以及你的初始化函数中添加下面的代码,让其进入页面不再校监.取消校验全部取消：this.$refs.form.clearValidate()取消指定字段：this.$refs.form.clearValidate(['name'])...
2021-11-09 17:07:08
1135
原创 element中el-time-picker回显问题(可选择任意的时间范围)
编辑页面需要将el-time-picker的数据回显出来实例如下:使用的是一个选择时间范围的组建.一,元素快//这是元素快 <el-form-item label="早餐" prop="" > <!-- <el-input class="widthfull" size="small" placeholder="请输入备注" ></el-input> --> <el-ti
2021-11-08 18:12:23
3762
原创 vuex刷新页面数据消失解决方案(vuex-persistedstate)
1,第一步当然是安装插件安装vuex-persistedstate：npm install vuex-persistedstate -s2,当然是在你的store文件夹的index.js中引入插件import createPersistedState from ‘vuex-persistedstate’3,当然是配置了,可以直接在你的store文件夹的index.js中配置.plugins:[createPersistedState({storage:window.sessionSt
2021-11-02 18:13:49
581
转载 从零开始的创建vue-cli的全过程[完整版 mac版] 部分内容转载自(㭌（mou）七)的博客
mac版本安装的同学们如果安装不上,可能是权限问题.在命令前面添加tudo如下:npm install --global vue-cli 改写成 sodu npm install --global vue-cli 然后会让你输入密码,也就是你电脑的登录密码,获取全局安装的权限1,原文地址https://www.cnblogs.com/pyjblog/articles/14349370.html一、安装Node环境1.下载地址:https://nodejs.org/en/ 安装过
2021-10-27 18:19:48
219
原创 vue修饰符汇总
一，事件修饰符。<!-- 阻止单击事件继续传播 --><a v-on:click.stop="doThis"></a><!-- 提交事件不再重载页面 --><form v-on:submit.prevent="onSubmit"></form><!-- 修饰符可以串联 --><a v-on:click.stop.prevent="doThat"></a><!-- 只有修饰符
2021-09-29 10:59:06
177
原创 kendo学习笔记（6）-------kendoDropDownList（下拉菜单select）解决change事件只有一条数据无法选中问题
一，先写出万能实例如下：<div id="dropDownList"></div><script>$("#dropDownList").kendoDropDownList({ dataTextField: "text", dataValueField: "value", dataSource: data, index: 0 // 当前默认选中项，索引从0开始。
2021-08-09 11:18:28
2593
原创 kendo学习笔记（5）-------kendoGrid点击分页请求接口
一，先写出万能实例如下：<div id="grid"></div><script id="alt-template" type="text/x-kendo-template"> <tr data-uid="#= uid #"> <td colspan="2"> <strong>#: name #</strong> <strong>#: a
2021-08-04 14:12:47
678
原创 kendo学习笔记（4）-------kendoGrid中第一行显示序号
一，先写出万能实例如下：<div id="grid"></div><script id="alt-template" type="text/x-kendo-template"> <tr data-uid="#= uid #"> <td colspan="2"> <strong>#: name #</strong> <strong>#: a
2021-07-26 16:13:38
296
1
原创 kendo学习笔记（3）-------kendoGrid中使用双层表头
一，先写出万能实例如下：<div id="grid"></div><script id="alt-template" type="text/x-kendo-template"> <tr data-uid="#= uid #"> <td colspan="2"> <strong>#: name #</strong> <strong>#: a
2021-07-26 15:31:29
456
原创 kendo学习笔记（2）-------kendoGrid中获取完整的数据源以及给数据源赋值
一，先写出万能实例如下：<div id="grid"></div><script id="alt-template" type="text/x-kendo-template"> <tr data-uid="#= uid #"> <td colspan="2"> <strong>#: name #</strong> <strong>#: a
2021-07-26 10:05:44
1023
原创 kendo ui学习笔记（1）-------kendoGrid中点击某一行获取该行数据
一，先写出万能实例如下：<div id="grid"></div><script id="alt-template" type="text/x-kendo-template"> <tr data-uid="#= uid #"> <td colspan="2"> <strong>#: name #</strong> <strong>#: a
2021-07-26 09:32:16
990
原创 es6中一些新增的js方法（常用的函数汇总）
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <img src="img/video_image02.png" > </body> <script type="text/javascript"> (function setFu
2021-03-13 13:48:02
381
原创 border-image使用时注意安卓端和ios端的兼容
使用时要注意以下几点：1，加heck头，一定要加全。2，***不要使用***border:0.4rem solid transparent; 使用border-style: solid;border-width: 0.4rem;如果用前面的写法会造成ios的页面无法加载。.shadow {/* border:0.4rem solid transparent; */ border-style: solid; border-width: 0.4rem; border-top:
2021-02-25 20:44:44
697
原创 element中给select添加全选的option
一，元素中的数据<el-select v-model="my_stars" placeholder="国家" multiple collapse-tags > <el-option label="全球" value="全球"></el-option> <template v-for="(item, index) in languages"> <el-option
2021-01-27 09:55:29
1065
原创 element中table数据渲染（一个列表两个数据源混合渲染）
一，这里是元素。2，这里属数据构造，因为我们需要用到国家数据，而国家的数据和列表的其他数据是分开的两个对象，要在一个table中使用这个是对国家进行数据修改3，4，效果
2021-01-04 19:52:08
7254
原创 vue中安装的cli脚手架使用es6之后会自动过滤格式不正确会显示黄色警告解决办法
直接注释掉这部分代码就可以，但是需要重新npm run dev
2020-12-31 15:51:51
341
原创 es6（阮一峰）学习总结1.0--let和const声明变量
const let共同点: (不可重复声明)(同样存在暂时性死区)(只在声明所在的块级作用域内有效) 不同点:const声明一个只读的常量。一旦声明，常量的值就不能改变一旦声明变量，就必须立即初始化，不能留到以后赋值。, // let声明函数的四个特点:(只在声明的作用域有效),(不存在变量提升),(暂时性死区),(不允许重复声明) // 1，只在声明的作用域有效 { let a = 10; var b = 1; } a //.
2020-12-24 17:12:00
126
1
原创 vue中使用正则表达式同时添加判断如果有汉字将数据清空
<el-input v-model.trim="model.faceEffectName" @change="isEnglishString" placeholder="输入英文名字，用于腾讯识别文件夹名"></el-input> isEnglishString() { var englishString = this.model.faceEffectName.replace(/[^A-Za-z0-9]/g,'空') console.log(engli..
2020-12-23 13:58:22
1016
1
原创 关于element的form中打开初始化以及二次打开该组件数据没有清空的bug解决方法
一，问题描述。1，在使用vue+element开发的时候，有时候需要进入该组件就对该form表单就对这个表单进行数据清空，也就是我们常说的那种初始化。<el-form size="small" :model="model" :rules="rules" label-position="left" label-width="120px" ref="createForm"> <el-form-item label="冻结类型" prop="typeId">
2020-12-10 15:01:37
1487
原创 html页面打开时在页面渲染完成前页面会有一段时间的空白，在这段时间加载一个loading
1，首先写一个loading<div class="loading_bg"> <div class="jiazai_div"> <i></i> <i></i> <i></i> <i></i> <i></i> </div>
2020-11-14 15:34:51
1385
原创 使用jquery.i18n实现国际化多语言显示
问题描述：有时候你写的页面需要兼容多国语言，不同的国家浏览不同的语言。实现方法：1，首先需要获取到浏览器的语言。当然还需要引入jquery.i18n.js 和jquery.js。// begin i18n获取浏览器语言 jQuery(document).ready(function() { var language; language = jQuery.i18n.normaliseLanguageCode({}); //获取浏览器的语言 if(language == 'zh
2020-11-13 11:28:18
2221
原创 关于bom操作中的scrolltop（）获取值一直为0的问题解决
问题描述：scrolltop（）获取值一直为0解决方法：1，确保ul上面 有over-flow：auto；2，确保ul的父元素上面有over-flow：hidden，高度要固定3，给ul元素使用scrolltop函数 $(’#listBox’).scrollTop()例子：<div id="mescroll" class="mescroll" style="overflow: hidden;"> <ul class="ul-list" id="listBox" style=
2020-10-29 16:04:33
555
原创 element-ui中关于select无法回显的问题记录
问题描述：给的是value的值，没有正常显示lable中的值，是因为当select中只赋值了value没有赋值lable的值时，系统会默认将value和lable共用。我们在绑定数值时value=“1” 是绑定的字符串，所以下面重新将value 赋值为2，同时lable也默认成2，就显示了2.方法：使用**：value=“1”**就可以回显。<el-select v-model="moreForm.isVip" placeholder="奖励会员" style="width:100%">
2020-10-27 14:14:13
1453
原创 echart手动计算y轴标尺最大值及间隔和去除y轴因为数据过大超出图表显示范围
问题描述：1，y轴的数据因为过大，超出了图标显示范围。2，自动计算y轴的最大最小值，并更改坐标中两个标示数字的间距大小问题1图片显示：解决方法：这里我主要写一些echart的参数配置以及计算，vue里面的东西涉及的并不多问题一的解决方法：因为你是用了多个y轴，所以要给每一条数据都标示他是按哪个坐标轴来显示的如下图， yAxisIndex: 1, 指定是这条数据中是以 **yAxis【】**中的下标为1的对象所代表的的坐标轴为基准的。yAxis【】第一个对象是图标左侧的y轴，第二个对象是右侧的y轴
2020-10-23 10:40:12
2795
原创 全局设置按钮权限（通过vuex）
一，安装vuex，这里不再讲解。二，在store的index文件夹中添加全局的store，并将其挂载到全局实例上去。import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state: { user: { userId: localStorage.getItem('userId'), username: '', login: f
2020-10-10 17:34:50
614
原创 HashMap实现获取到原生安卓和ios开发分享h5页面时的传递出来的数据
一，引入文件。<script src="js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script><script src="js/HashMap.js" type="text/javascript" charset="utf-8"></script>二，使用。其中参数getCurrentLanguage 等参数是与安卓开发和ios开发约定好的广播的广播事件名，他们定义
2020-10-10 15:57:09
273
1
原创 es6使用foreach（）和find（）添加数据到全局数组，数据被重复添加
bug说明，下图只点击了3次添加，但是出来了8条数据代码：**造成原因：**每次用foreach（）；find（）等进行数组遍历的时候他是不能使用break等跳出循环遍历的，所以每次都会多添加几条**解决方法：**直接用set（）去重，或者改用es5中的for switch循环。 moreLUNAdd(formName) { // 多语言添加按钮 this.$refs[formName].validate((valid) => { if (valid)
2020-09-16 19:01:03
711
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人