![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
随手记
小豆花儿
好看的皮囊千篇一律,有趣的灵魂万里挑一
展开
-
vue实现文本复制
PC端import { message } from 'ant-design-vue';export const clipBoard = (value: string) => { const textarea: HTMLTextAreaElement = document.createElement('textarea'); textarea.setAttribute('readonly', 'readonly'); textarea.value = value; document原创 2021-10-29 11:45:20 · 2019 阅读 · 1 评论 -
前端实用小技巧
1、css 一行文本超出隐藏overflow: hidden;text-overflow: ellipsis;white-space: nowrap;2、css 多行文本超出隐藏display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;3、解决移动端滑动不流畅overflow: auto;-webkit-overflow-scrolling: touch;4、原创 2021-02-25 10:13:41 · 121 阅读 · 1 评论 -
解决:input输入框里的placeholder 在ios设备上不垂直居中
input输入框里的placeholder 在ios设备上不垂直居中解决:input{ line-height:normal }原创 2020-08-28 11:55:37 · 1643 阅读 · 0 评论 -
vue实现文字展开收起
思路:主要是css上可以分为两部分,第一部分展示前面两行,第二部分会根据第一部分的行数判断缩进的大小,然后展示第三行。最后通过背景色的控制让两者看上去是一段文字。html<div :class="showTotal ? 'total-introduce' : 'detailed-introduce'"> <div class="intro-content" :title="introduce" ref="desc"> <span class="mer..原创 2020-06-08 10:51:04 · 5561 阅读 · 2 评论 -
keep-alive生命周期
keep-alive:主要用于保留组件状态或避免重新渲染。包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。当组件在 keep-alive内被切换,它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。1.activated:页面第一次进入的时候,钩子触发的顺序是created->mounted->activated2.deactivated :页面退出的时候会触发deactivated,当再次前进或者后退的时候只触发activated..原创 2020-05-19 11:30:03 · 3517 阅读 · 0 评论 -
验证手机号码
^(?:(?:\\+|00)86)?1(?:(?:3[\\d])|(?:4[5-7|9])|(?:5[0-3|5-9])|(?:6[5-7])|(?:7[0-8])|(?:8[\\d])|(?:9[1|8|9]))\\d{8}$原创 2020-04-02 16:12:48 · 393 阅读 · 0 评论 -
检查是否是移动端(Mobile)、ipad、iphone、微信、QQ等
function browserVersions () { let u = window.navigator.userAgent return { trident: u.indexOf('Trident') > -1, // IE内核 presto: u.indexOf('Presto') > -1, // opera内核 webKit: u.index...原创 2019-05-08 11:05:01 · 818 阅读 · 0 评论 -
解决H5页面软件盘弹出压缩页面问题
var u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);if(isAndroid){ var Height = window.inner...原创 2019-05-08 11:03:51 · 373 阅读 · 0 评论 -
ios下去掉alert的url
window.alert = function(name){ var iframe = document.createElement("IFRAME"); iframe.style.display="none"; iframe.setAttribute("src", 'data:text/plain,'); document.do...原创 2019-05-08 10:58:42 · 181 阅读 · 0 评论 -
Vue-cli+Element(table多级表头及遍历表头)
&amp;lt;el-table :data=&quot;tableData&quot; height=&quot;600&quot; style=&quot;width: 100%&quot;&amp;gt; &amp;lt;el-table-column :label=title[key] v-for=&qu原创 2019-01-22 12:44:26 · 7416 阅读 · 0 评论 -
Vue-cli+Element (阻止表单输入框回车刷新页面)
添加回车事件@keyup.enter.native<el-form-item> <el-input placeholder="姓名" v-model="name" @keyup.enter.native="getList(true)"> <i slot="suffix" class="el-input__icon原创 2018-12-10 16:45:58 · 1640 阅读 · 0 评论 -
二进制补零、取值,for..in Key排序问题
二进制(111111)每一位的数值代表着不同的含义,所以有了以下操作var arr= ''//二进制补零var TFlag=(Array(6).join(0) + Number(data.lines[0].TFlag).toString(2)).slice(-6);var base = {'5n':"一",'4n':"二",'3n':"三"};let other = {'2':"四 ",...原创 2018-12-03 10:37:36 · 555 阅读 · 0 评论 -
Vue-cli+Element (Upload 上传)
<el-form-item label="上传图片"> <div v-for="(item,key) in form.cadImg" :key='key' style="position:relative;display:inline-block;"> <img style="width: 150px; height: 150px;" alt=&原创 2018-11-28 13:32:17 · 400 阅读 · 0 评论 -
Git基本常用命令
Git是目前世界上最先进的分布式版本控制系统。工作区:就是你在电脑上看到的目录,比如目录下testgit里的文件(.git隐藏目录版本库除外)。或者以后需要再新建的目录文件等等都属于工作区范畴。版本库(Repository):工作区有一个隐藏目录.git,这个不属于工作区,这是版本库。其中版本库里面存了很多东西,其中最重要的就是stage(暂存区),还有Git为我们自动创建了第一个分支mast...原创 2018-12-04 16:57:45 · 100 阅读 · 0 评论 -
Vue-cli+Element (Pagination 分页)
start+number (0-10,10-10,20-10…)随手记下~略略略(ૢ˃ꌂ˂ૢ)&amp;amp;amp;amp;lt;template&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;el-pagination :page-size=&amp;amp;amp;quot;searchData.number&amp;amp;amp;quot;原创 2018-11-21 14:51:48 · 999 阅读 · 0 评论