![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
素味平生
学习这件事,不在乎有没有人教你,最重要的是在于你自己有没有觉悟和恒心。
展开
-
微信小程序实现图片预览功能
微信小程序图片点击放大预览原创 2024-06-06 17:52:31 · 173 阅读 · 0 评论 -
Cesium视角移动到指定位置
Cesium视角移动到指定位置。原创 2022-07-19 11:53:32 · 1117 阅读 · 0 评论 -
vue文件下载及重命名
vue文件下载及重命名 支持pdf、doc、docx、excel等格式原创 2022-03-04 15:13:12 · 3403 阅读 · 0 评论 -
vue-element-template 动态路由
注:项目使用的是vue-element-template的模板改动文件:permission.js、store/modules/user.js、store/getters.js、router(文件夹)、layout/components/Sidebar/index.vuerouter.js :在路由表中删掉除基础页面外的其他页面配置,只保留登录、404页面(我把首页也删掉了,因为我的首页也要走权限,不走权限的话就保留在静态路由里在router文件夹下增加两个文件,...原创 2021-12-21 13:16:19 · 1351 阅读 · 1 评论 -
vue js 引入font.css报错
报错截图解决方法1. 将字体文件放在 static 下面2. 在 font.css 文件中用绝对路径引入字体3. 在 App.vue 中引入css(@import "assets/css/font.css")效果展示原创 2021-12-01 09:23:09 · 745 阅读 · 0 评论 -
vue使用天地图
国家地理信息公共服务平台 天地图1.引入 : 在 index.html 中引入(tk自己在官网上申请) <script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk="></script>2.使用<div id="world-chart"></div>export default { data() { return ...原创 2021-11-16 10:53:16 · 1665 阅读 · 0 评论 -
Element文件上传 pdf 及预览
目标:vue+element 实现上传图片及pdf 和预览功能技术:vue、element、vue-pdf安装及引入://安装npm install--save vue-pdf//引入import pdf from 'vue-pdf'export default { components: { pdf }}页面代码:<template> <div> <el-upload accept=".pdf, .jpg, ....原创 2021-09-10 09:09:49 · 7078 阅读 · 5 评论 -
uni-app 输入框类型
文本输入框<input type="text" v-model="form.account" placeholder="请输入用户名"/>数字输入框<input type="digit" v-model="form.age" placeholder="请输入年龄"/>原创 2021-04-09 15:45:20 · 6997 阅读 · 0 评论 -
Vue i18n 中英文切换
最近做的vue项目要实现国际化语言,自己琢磨看文档写出了一个简单的不能再简单的demo,供大家参考!注:vue-cli项目1.npm安装 npm install vue-i18n --save2.i18n使用,在项目入口文件main.js中引入 import VueI18n from 'vue-i18n'; 在 src 目录下创建一个 langu...原创 2018-07-03 16:24:47 · 1539 阅读 · 0 评论 -
Echarts全国省市json
由于项目需要各省市地图,而echarts已停止下载服务,只好各种百度搜索,积分下载,现在将这些文件分享给大家,本文将不持续更新北京市:链接:https://pan.baidu.com/s/15lfW_uEAPJF9sIXeZEe6Bg提取码:wb8h...原创 2021-01-07 10:23:54 · 305 阅读 · 2 评论 -
plus.downloader.createDownload 下载成功后文件存储路径
我的手机/ Android/data / io.dcloud.HBuilder / downLoads原创 2020-12-11 10:10:54 · 3288 阅读 · 1 评论 -
Vue给table指定行加样式
需求:动态表格指定行加样式解决方法::cell-style="cellStyle"适用表格插件:Element、vxe-table注:本文以vxe-table表格插件示例示例:给动态表格第2行、第3行、第5行字体加粗<vxe-table v-else border stripe :data="dataSource" :cell-style="cellStyle" > <vxe-table-column v-for="item in tableColumn"原创 2020-08-05 18:06:58 · 3457 阅读 · 3 评论 -
vxe-table可编辑表格输入框加自定义事件
官方API地址:https://xuliangzhan_admin.gitee.io/vxe-table/#/table/edit/events <vxe-table border resizable :data="tableData" :edit-config="{trigger: 'click', mode: 'cell'}"> <vxe-table-column type="seq" width="60"></vxe-table-column> .原创 2020-08-04 10:14:36 · 7122 阅读 · 0 评论 -
echarts折线图无数据断开解决方法
示例:解决方法:series的connectNulls属性支持连接空值原创 2020-06-19 14:44:52 · 7391 阅读 · 1 评论 -
a-input-number 设置输入为正整数
<a-input-number :min="0" :precision="0" placeholder="请输入正整数"/>原创 2020-04-16 16:35:53 · 8047 阅读 · 1 评论 -
js 判断字符串是否符合日期格式
校验格式:YYYY-mm-ddvar str='2019-09-20 20:05'if(/^\d{4}-\d{2}-\d{2}$/.test(str)){ alert("格式正确!");}else{ alert('格式错误')}原创 2020-03-26 14:30:38 · 3630 阅读 · 0 评论 -
uni-app请求后台304
修改manifest.json配置1.打开manifest.json2.选择h5配置3.路由模式选择 history原创 2020-03-09 16:54:20 · 3094 阅读 · 0 评论 -
CryptoJS解密为空
我解密为空的原因是因为密钥长度的问题,密钥需为16位 eg:0102030405060708原创 2020-03-03 15:00:55 · 1917 阅读 · 0 评论 -
Error in event handler for "el.form.change": "TypeError: dateObject.getTime is not a function"
报错代码示例: <el-form-item label="出生日期" prop="bdat"> <el-date-picker type="date" value-format="yyyy-MM-dd" placeholder="请选择出生日期" v-model="entryForm.bdat"> </el-...原创 2020-02-04 16:36:20 · 9280 阅读 · 2 评论 -
element设置表格表头颜色
<el-table stripe border :header-cell-style="{background:'#FAFAFA'}">原创 2020-02-04 12:49:15 · 11203 阅读 · 0 评论 -
element 下拉框加一个自定义选项
<el-select v-model="value" clearable placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.name" :value="item.value"> </...原创 2020-01-09 17:10:15 · 3748 阅读 · 2 评论 -
去除点击按钮时出现蓝色边框
点击按钮时出现轮廓(input输入框也有),如下图:解决方法:在css中加入outline: noneinput{ outline: none}button{ outline: none}注:outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。...原创 2019-12-12 17:44:55 · 990 阅读 · 0 评论 -
element关闭弹框时清空表单内容
需求:关闭弹框时清空表单内容解决方法:使用@close事件,函数可以自定义 eg : resetForm()、closeDialog()<el-dialog :title="addTitle" :visible.sync="addVisible" @close="resetForm('ruleForm')"> <el-form :model="ruleForm"...原创 2019-11-01 12:16:00 · 10460 阅读 · 2 评论 -
vue 项目控制台调试时不显示css具体位置
注:该文章适用于vue cli 3版本问题:控制台调试定位css所在文件和行数解决方法:在vue.config.js中配置module.exports = { css: { sourceMap: true // 开启 CSS source maps }} 配置好之后重新运行项目才可以生效效果如图:右上角就是当前样式的所属文件...原创 2019-10-29 11:27:15 · 1174 阅读 · 0 评论 -
js对象转字符串
需求:对象转为字符串并以 | 拼接期待结果:id|1|id2|3eg:data: { id: 1, id2: 3}解决方法://第一步 先转成数组 var list=[];for(var i in data){ list.push(i) list.push(data[i]) }console.log(list)//第二步 数组转为字符串拼接 ...原创 2019-10-28 09:07:38 · 698 阅读 · 0 评论 -
antd日期选择器禁止选择当天之前的时间
使用disabledDate属性(不可选择的日期)<a-date-picker @change="dateChange" :disabledDate="disabledDate" v-decorator="['endDate']"/>在js中定义函数并返回 //限制当天之前的日期不可选 disabledDate(current) { return...原创 2019-10-24 09:44:15 · 8435 阅读 · 3 评论 -
css右上角倾斜封页角效果
效果如图:第一种效果代码如下: <div class="box"> <div class="box-con"> <div class="box-text">昨日</div> </div> </div> .box { width: 180px;...原创 2019-06-10 15:45:13 · 3638 阅读 · 0 评论 -
windows安装ruby和sass
1.下载安装https://rubyinstaller.org/downloads/ 选择版本下载安装,安装时勾选第二项Add Ruby executables to your PATH2.检查是否安装成功ruby -V3.查看gem版本gem -V4.安装sassgem install sass...原创 2019-05-14 11:03:05 · 131 阅读 · 0 评论 -
border边框部分不显示
效果如下<div class="session-title">健康概况</div><div class='session-con'></div>本身是无法实现的,需要借助伪类选择器完成.session-title { width: 38.4%; height: 18.11%; font-size: 18...原创 2019-04-23 17:23:40 · 8372 阅读 · 0 评论 -
css文字闪烁效果
使用css3的animation就可以实现 <p class="arktitle">Ark</p> .arktitle { font-size: 36px; font-weight: bold; line-height: 280px; background: l...原创 2019-02-13 17:03:40 · 9579 阅读 · 0 评论 -
Vue时间轴 vue-light-timeline
轻量的vue时间轴组件installnpm install vue-light-timeline如果你使用的是yarnyarn add vue-light-timelineusageimport LightTimeline from 'vue-light-timeline';Vue.use(LightTimeline);<template> ...原创 2019-02-18 18:16:54 · 21398 阅读 · 11 评论 -
前端常用的git 命令
前端日常开发中用到的 git 命令,本文会不断持续更新git init // 创建新仓库 git clone //克隆git status // 查看项目当前状态git log // 查看提交历史git l...原创 2018-10-24 14:59:39 · 1151 阅读 · 0 评论 -
input限制只能输入数字并限制长度
第一种方法:input属性为number,做if判断,然后slice选取<input type="number" oninput="if(value.length>4)value=value.slice(0,4)" /> 第二种方法:input属性为text,maxlength为最大长度,onkeyup onafterpaste 限制只能输入数字<inp...原创 2018-09-12 18:03:37 · 19585 阅读 · 1 评论 -
element table表格使用v-if来回切换内容冲突
技术:Vue+element问题:多个table表格使用v-if切换展示时,多个相同的标签被渲染,导致table表格渲染内容出错如果不添加key来区分则会出现数据冲突解决方法:给table加个:key就可以...原创 2019-06-11 15:36:33 · 5126 阅读 · 5 评论 -
Vue使用Antv F2
F2是一个专注于移动,开箱即用的可视化解决方案,完美支持 H5 环境同时兼容多种环境(Node, 小程序,Weex)。在Vue中使用F2移动端图表,详细步骤如下:npm安装npm install @antv/f2 --save在main.js中引用impor F2 from '@antv/f2';Vue.prototype.F2 = F2;在页面中使用,首先创建一...原创 2019-07-17 12:55:07 · 5849 阅读 · 0 评论 -
Vue中使用md5加密
MD5用的最多的地方就是用户密码存储 文件校验安装:npm install --save js-md5在需要的文件中中引入,直接使用import md5 from 'js-md5';md5('login_pas')2.在main.js中转为原型使用import md5 from 'js-md5';Vue.prototype.$md5 = md5;thi...原创 2019-07-29 12:53:20 · 206 阅读 · 0 评论 -
jq仿京东淘宝多条件筛选效果
效果图如下: html:<div class="research-type"> <div class="research-item clearfloat"> <div class="research-center"> <ul class="clearfloat"> ...原创 2019-08-07 17:34:13 · 963 阅读 · 0 评论 -
jquery click点击一次执行两次
错误描述:在页面内触发点击事件,调用了两次js,代码重复执行,排查结果:click事件点击了一次执行了两次解决方案:click 和 on 两种写法$('.btn').unbind('click').click(function(){ console.log("在触发点击事件之前先把之前绑定的点击事件解除掉")})或者$('.btn').off().on('clic...原创 2019-08-20 18:24:26 · 2265 阅读 · 0 评论 -
Uncaught SyntaxError: Unexpected token {
错误描述:newList.css:1 Uncaught SyntaxError: Unexpected token {翻译:未捕获语法错误:意外标记错误原因:在页面中引入css方式错误<script src="../css/newList.css"></script>解决方法:正确引入css<link rel="stylesheet...原创 2019-08-21 18:12:51 · 33178 阅读 · 4 评论 -
js、jq点击事件触发a链接
方法1:使用window.location.href就可以实现 $('#btn').click(function () { window.location.href="apiIndex/replyProblem.html" })方法二: var a = document.createElement('a'); a.setAttribute('hre...原创 2019-08-28 17:24:11 · 1001 阅读 · 0 评论