- 博客(20)
- 收藏
- 关注
RSS订阅原创 一份 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-08-26 12:09:00
173
原创 开发团队中，每个人习惯不同怎么办
开发团队中，每个人习惯不同怎么办审查该习惯的优劣，不改有什么坏处？改掉有什么好处？例：开发中我们都是用vscode编辑器，有使用2空格缩进的，有使用4空格缩进的 ；不改有什么坏处？当需要维护同一套代码时，避免不了的文件冲突，不同的缩进会影响代码美观及可视化；改掉有什么好处？统一缩进后，修改同一文件不会出现丑陋的代码排版，提升了代码美观及可视化方便维护。再例:开发vue项目时，.vue文件最外层div不允许设置class；不改有什么坏处？个人习惯将.vue文件的最外层设置为文件名称，当许久
2021-07-02 08:15:00
111
原创 常用git stash命令
常用git stash命令：（1）git stash save “save message” : 执行存储时，添加备注，方便查找，只有git stash 也要可以的，但查找时不方便识别。（2）git stash list ：查看stash了哪些存储（3）git stash show ：显示做了哪些改动，默认show第一个存储,如果要显示其他存贮，后面加stash@{$num}，比如第二个 git stash show stash@{1}（4）git stash show -p : 显示第一个存储
2021-06-30 10:16:47
177
原创 git版本回退
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档git版本回退git log查看历史版本git reset --hard 922000462750a0d769552d885e*********回退到历史版本 填写正确的版本号git merge v2-1把v2-1分支的代码合并到master上...
2021-06-17 10:51:30
79
原创 阻止输入框失去焦点
移动端项目中阻止输入框失去焦点需求思路需求参照移动端微信聊天；当用户在输入框中写好内容后，点击发送按钮，输入框仍然处于获取焦点的状态，软键盘并没有收起思路此时，我们的代码呈现为：输入框中写好内容后，点击发送按钮，输入框失去了焦点，从而导致软键盘收起。有两个解决方案1.打算在用户视觉层面上，保持获取焦点状态，也就是写两个输入框，隐藏的输入框2监听用户可以看到的输入框1的焦点状态，但是并非上上策。2.我需要阻止输入框失去焦点。<div @mousedown="preventBlur(
2021-02-09 14:29:19
739
原创 禁止输入特殊字符，只能输入汉字、英文、数字
输入框验证前言一、禁止输入特殊字符，只能输入汉字、英文、数字二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、禁止输入特殊字符，只能输入汉字、英文、数字// An highlighted block<el-input v-model="name" @keyup.native="btKe
2020-11-04 09:23:18
1206
原创 不同时区下，前端对时间戳的处理
前端处理时间戳一、时间戳的格式化二、不同时区下 对时间戳的处理1.将时间进行时区处理总结提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、时间戳的格式化后台返回的时间戳，一般为毫秒数，例：let time = 1602598605267//时间戳//常见的格式化方法formatDate(value, fmt) { let ge
2020-10-13 22:43:24
1989
原创 数组去重
数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的10种，面试官很有可能对你刮目相看。在真实的项目中碰到的数组去重，一般都是后台去处理，很少让前端处理数组去重。虽然日常项目用到的概率比较低，但还是需要了解一下，以防面试的时候可能回被问到。注：写的匆忙，加上这几天有点忙，还没有非常认真核对过，不过思路是没有问题，可能一些...
2020-10-13 22:10:30
269
原创 vue-cli3.0 嵌套app的webView 安卓5.0白屏
vue-cli3.0 嵌套app的webView 安卓5.0白屏白屏原因白屏解决方案（babel-polyfill）babel-polyfill相关文章推荐白屏原因这里经过查看日志得出，白屏原因是低版本安卓因为识别不了ES6语法而抛出错误。白屏解决方案（babel-polyfill）package.json中"babel-polyfill": "^6.26.0","es6-promise": "^4.2.8", main.jsimport 'babel-polyfill'import
2020-06-17 21:47:48
1307
原创 当vue-video-player遇到x5内核
当vue-video-player遇到x5内核使用vue-video-player在微信浏览器等x5内核琐事悬停在video上层的html元素丢失相关文档项目截图使用vue-video-player在微信浏览器等x5内核琐事刚搞完hls直播 现在放在微信中会有一些问题悬停在video上层的html元素丢失原因：X5内核视频默认播放形态，用户点击视频区域后开始进入全屏播放，视频区域内的所有事件行为会由X5内核视频组件全权托管。视频层级最高，会遮挡所在区域所有html元素解决办法：//dom&l
2020-06-03 11:02:45
1314
3
原创 vue下载图片
vue下载图片vue下载图片：利用html2canvas 下载图片可设置背景色，下载的是dom节点import html2canvas from 'html2canvas' //生成app二维码 qrcodeOpen (data,type) { this.QrCodeType = type//业务需求 this.qrcodeShow =...
2020-01-07 09:39:59
536
原创 图片裁剪vue-cropper
使用ElemnetUi的上传组件搭配vue-cropper实现上传图片的裁剪晚上搜到的代码 缺胳膊少腿 很多坑HTML<template> <div class='demo'> <!-- element 上传图片按钮 --> <el-upload class="avatar-uploader" actio......
2019-11-22 16:59:10
727
原创 JSON与FormData
后台数据需要FormData时后台数据需要FormData时，我们需要将东拼西凑的JSON格式转换为FormData格式function format(data,h,dh){ let d=""; if(dh){ d+="&" } let da=data instanceof Array for(var q in data){ i...
2019-10-15 10:34:26
1613
原创 将两个array合并为Object
将两个array合并为Objectlet a = ['a','b','c']let b = ['1','2','3']期望得到{a: "1", b: "2", c: "3"}// An highlighted block GoObject(var1,var2){ var var3={}; for(let i = 0 ; i < var1.length ; i++)...
2019-09-09 13:10:50
283
原创 FireFox相关
在vue项目中 firefox拦截了我们的请求经过排查发现是请求头的问题 headers: { 'Authorization': 'Bearer ' + VueCookies.get('CookieToken'), 'Accept-Language': VueCookies.get('CookieLanguage'), 'x-requested-with':...
2019-08-26 17:36:40
129
原创 获取后台返回的URL中的Token
获取后台返回的URL中的TokenApp.vue中// An highlighted block methods: {init() { var url = window.location.href; //access_token是后台所指定的key if (url.indexOf('access_token') != -1) { //登录跳转 ...
2019-08-20 09:21:20
2840
原创 Vuex刷新数据丢失
Vuex刷新数据丢失const storeMaker = (state) => { // 初始化 Object.keys(state).map((key) => { // 判断类型获取本地存储数据 if (typeof state[key] === 'object') { if (sessionStorage.getItem(key...
2019-08-14 09:50:23
144
原创 浏览器可视窗口相关
浏览器可视窗口相关开发过程中遇到一个需求，一个元素根据浏览器的高度变化，从而设置灵活高度从而实现滚动的效果。新的改变第一步首先获取到浏览器可视窗口的高度 //在App.vue中获取浏览器可视高度$(window).height()//代表了当前可见区域的大小，这里我们使用可视高度。$(document).height()//则代表了整个文档的高度，可视具体情况使用。第二步使用Vue...
2019-07-19 10:55:33
292
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人