
日常积累
伪成年_young
博客笔记,记录开发中所想所得......
展开
-
正则表达式-元字符
原文地址\d就是[0-9]。表示是一位数字。记忆方式:其英文是digit(数字)。\D就是[^0-9]。表示除数字外的任意字符。\b匹配单词的开始或结束\B匹配不是单词开头或结束的位置\w就是[0-9a-zA-Z_]。表示数字、大小写字母和下划线。记忆方式:w是word的简写,也称单词字符。\W是[^0-9a-zA-Z_]。非单词字符。\s是[ \t\v\n\r\f]。表示空白符,包括空格、水平制表符、垂直制表符、换行符、回车符、换页符。记忆方式:s是space character的首字母。原创 2021-07-29 16:10:23 · 155 阅读 · 0 评论 -
#转#图片格式转换——base64转文件
dataURLtoFile(dataUrl,filename){ let arr = dataUrl.split(','), minr = arr[0].match(/:.*?;/)[1], bstr = atob(arr[1]), u8arr = new Uint8Array(n); }原创 2021-07-07 10:09:10 · 118 阅读 · 0 评论 -
h5页面禁止缩放
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, user-scalable=no" name="viewport" />原创 2021-01-28 15:43:14 · 297 阅读 · 0 评论 -
vue中页面缓存<keep-alive>
vue项目页面缓存使用方法:<keep-alive> <router-view v-if="$route.meta.isKeep"></router-view></keep-alive><router-view v-if="!$route.meta.isKeep"></router-view>const router = new VueRouter({ routes:[ { name:'Index原创 2021-01-20 15:01:00 · 148 阅读 · 0 评论 -
动态倒计时(仿vantUI倒计时)
先看下效果图(动态的,懒得做动图,就截个图大概看下):这个效果其实vantUI上有个相似的,vantUI倒计时。我的项目其实引入了vantUI,但是没用这个组件。主要是因为我发现这个组件需要把时分秒给分开(如下图),反正我是不太喜欢这个样子,所以我原生了一个。<!--html--><div id="cdTimerDom"></div>//vue项目,这是个数字小于0,前面加0的过滤器,因为下面用到了,所以黏贴出来。filters: { addZe原创 2020-12-15 14:35:42 · 621 阅读 · 0 评论 -
long型时间数据转换成YYYY-MM-DD HH:MM:SS格式(js)
/** * long型时间处理 * @param longTypeDate long型时间 * @returns String时间 */longTimeToString (longTypeDate){ if(longTypeDate ==null ||longTypeDate ==''){ return null } var datetimeType = ""; var date = new Date(); date.setTime(longTypeDate); d原创 2020-07-02 18:17:08 · 1501 阅读 · 0 评论 -
字体图标的使用方法
第一步,将字体图标如下文件放入如下文件夹中:第二步,main.js全局引入第三步,使用1、unicode的使用方法2、font class使用方法添加新的图标在原文件中的方法第一步,把有新图标的css文件中的如下代码复制到原css文件中注:使用以上方法会出现ie不兼容的问题,新增的这个图标在ie浏览器中无法显示,不知道为什么。我当时的解决方法是把新的图标文件重新新建了文件夹全局引入。...原创 2020-07-02 18:05:18 · 278 阅读 · 0 评论 -
字符串自动换行
word-wrap: break-word;word-break: break-all;原创 2019-10-28 11:02:45 · 773 阅读 · 0 评论 -
浏览器兼容问题及解决方法
出现浏览器兼容问题,主要是由于浏览器内核不相同。对于浏览器兼容问题,总结为HTML、JavaScript兼容,CSS兼容。HTML相关问题易处理,无非高版本浏览器用了低版本浏览器无法识别元素,导致无法解析。特别是html5增加了许多标签。HTML兼容问题解决方法:html的hack(条件注释法):<!--[if lte IE 6]>这段文字仅显示在IE6及IE6以下版本&l...原创 2019-08-21 14:44:43 · 2193 阅读 · 0 评论 -
插件:拷贝文字clipboard
clipboard.js现代化拷贝文字简单实用例子:第一步:<script src="https://cdn.bootcss.com/clipboard.js/2.0.1/clipboard.js"></script>第二步:<button class="btn" id="btn" data-clipboard-text="未复制到,请刷新重试!!!"&g...原创 2019-10-28 10:51:18 · 1073 阅读 · 0 评论 -
PC端自适应-rem
rem:是指相对于根元素字体大小的单位,一个相对单位。rem可以做到随着根元素的字体大小随之变化,达到自适应屏幕的效果。使用步骤如下:1、在html的head中加上meta标签<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"...原创 2019-11-28 14:11:18 · 1969 阅读 · 0 评论