小天天天天 前端 195 次 2020-10-12 16:31:49
Day.js是一个轻量的处理时间和日期的JavaScript库。平时项目中笔者也常用dayjs,它确实很好用。Day.js有着几乎和Moment.js一样的API,因此如果你用过Moment.js,那么也可以轻松使用Day.js。本文将讲解项目中最常用的时间日期处理方法。此外,Moment.js目前维护升级不太明了,而Day.js始终在维护,并且Day.js只有2KB大小,比Moment.js小很多。我们一般在Vue项目中使用,当然实际
月光光 前端 699 次 2020-06-08 23:54:04
我们经常要用到验证输入、计算数值、排序数组、检测客户端、字符串转换等等相关的函数方法,经常需要用到的时候又去找资料,那么有了这篇文章,为您整理好了最常用的函数工具方法,收藏好了,拿来即用。1.验证是否为邮箱exportconstisEmail=(s)=>{ return/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s) } 2.验证手机
小天天天天 前端 999+次 2020-03-30 19:49:59
今天我们来关注一下前端加密。有些项目涉及到比较多的敏感数据,开发者会要求前端对数据进行加密后再传输给后端解密处理。虽然https其实对数据传输已经起了很大的安全保护作用,但是对于不使用https的用户,前端加密还是有一定的意义。本文涉及到的内容有:前端使用CryptoJS对数据进行DES或AES加密解密;后端使用PHPopenssl对数据进行解密和加密。前端AES加密数据首先在vue环境下安装crypto-js,crypto-js项目地
月光光 前端 855 次 2019-12-12 11:05:58
如何操作数组在编程语言和脚本语言中是最基础的技能,Javascript也提供了内置的的数组操作函数和方法,今天我们主要介绍前端开发中经常遇到的操作数组的常规方法以及ES6操作数组的神奇方法。1.数组去重1)常规方法去重数组去重就是去掉数组中重复的项,我们使用常规的方法是定义一个新数组,遍历要去重的数组,然后一个个比对,如果数组中的值没有在新数组中出现,就将该值追加到新数组中,反之就不操作,最终得到一个去重后的新数组。vara=[1,1,
小滴 前端 999+次 2019-11-02 23:15:48
使用axios可以统一做请求响应拦截,例如请求响应时我们拦截响应信息,判断状态码,从而弹出报错信息。请求超时的时候断开请求,还可以很方便地使用then或者catch来处理请求。安装npminstallaxios--save 建立http.js文件在/src/utils/目录下建立一个htttp.js1.首先导入axios和router。importaxiosfrom'axios'; importrouterfrom'../router'
小天天天天 前端 999+次 2019-02-20 11:05:09
这是一款HTML5迷你音频播放器插件。该音频播放器插件小巧、干净,可以自定义操作按钮,可以为页面提供最小的音乐播放器功能。引入文件在页面中引入main.min.css和app.js文件。<linkrel="stylesheet"href="main.min.css"> <scriptsrc="app.js"></script> HTML结构使用下面的HTML结构来构建一个音频播放器。<divcl
小天天天天 前端 999+次 2019-01-23 18:56:54
bubbly-bg.js是一款漂亮的动态气泡背景js插件。它是基于HTML5canvas,压缩后的版本小于1kb,但是它能制作出各种漂亮的动态气泡背景效果,非常强大。使用可以通过npm来安装bubbly-bg.js动态气泡背景插件。npminstallbubbly-bg--save可以在页面中引入bubbly-bg.js文件。<scripttype="text/javascript"src="path/to/js/bubbly-b
小天天天天 前端 999+次 2018-09-04 16:24:36
FormCache是一个简单jquery表单缓存插件。允许读取表单常用输入框、密码、单选、复选、多文本框的值存入缓存,允许JS调用读取缓存、修改缓存、删除缓存。<scriptsrc="/path/to/jquery.js"></script><!--jQueryisrequired--> <scriptsrc="/path/to/formcache.js"></script>
小天天天天 前端 999+次 2018-08-28 17:58:16
问题:我的项目中要显示采集来自微信公众平台的图片未经允许不可引用。怎么办?做项目时,采集到的微信图片在项目中不可引用,将<img>标签中的data-src替换为src,将微信尾部?wx_fmt=jpeg去除 然后三种方法选其一: 1>图片地址前缀加上http://read.html5.qq.com/image?src=forum&q=5&r=0&imgflag=7&i
小天天天天 前端 968 次 2018-05-19 23:25:58
使用html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏保存为图片。这个html2canvas脚本将当页面渲染成一个Canvas图片,通过读取DOM并将不同的样式应用到这些元素上实现。它不需要来自服务器任何渲染,不依赖第三方库,整张图片都是在客户端浏览器创建。当浏览器不支持Canvas时,将采用Flashcanvas或ExplorerCanvas技术代替实现。以下浏览器能够很好的支持该脚本:Firefox
小天天天天 前端 999+次 2018-05-14 15:48:58
WebUploader是由BaiduWebFE(FEX)团队开发的一个以HTML5/FLASH构建的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用老的FLASH运行时,兼容PC和移动端。它最大的特点是采用大文件分片并发上传,极大的提高了文件上传效率。使用WebUploader还可以批量上传文件、支持缩略图等等众多参数选项可设置,以及多个事件方法可调用,你可以随心所欲的定制你要的上传组件。
小天天天天 前端 999+次 2018-05-11 10:51:04
最近在一个移动端的Web项目中踩了不少坑,移动端web开发真的坑不少,感觉有必要把它们记录下来,分享给正在钻研移动端Web开发的同学们。滚动穿透问题滚动穿透是指在移动端当有fixed遮罩背景和弹出层时,在屏幕上滑动能够滑动背景下面的内容。网上整理了解决方案,但有些还是存在一定的问题:设置overflow为hidden.modal-open{ &,body{ overflow:hidden; height:100% } } 即当弹
网站文章数:331
注册用户数:20