javascript
lancnn
去自己想去的方向,去完成不论大小的梦想,生活随遇而安。
展开
-
js 使用sm2 国密加密
js 使用sm2 国密加密由于项目中要对数据进行国密加密注意: 同一个明文,加密后的密文都不同,解密的话要用私钥解密js用sm2加密,首先要从后端获取公钥,用公钥加密参考资料crypto-js.js!function(t,r){"object"==typeof exports?module.exports=exports=r():"function"==typeof define&&define.amd?define([],r):t.CryptoJS=r()}(this,func原创 2022-04-08 18:12:59 · 17290 阅读 · 4 评论 -
js 获取两个时刻之间的差值的时长 几分钟前
js 获取两个时刻之间的差值的时长:时间格式: 1年前、1个月前、1天前、2小时前、几分钟前等;function friendlyDate(timestamp) { var formats = { 'year': '%n% 年前', 'month': '%n% 月前', 'day': '%n% 天前', 'hour': '%n% 小时前', 'minute': '%n% 分钟前', 'second': '%n% 秒前', }; var now = Date.now();原创 2022-02-14 10:56:43 · 564 阅读 · 0 评论 -
js 实现手机号隐藏中间4位数的方法
js 实现手机号隐藏中间4位数的方法用的是字符串的substr的方法。 let str = '12345678922'; let pre = str.substr(0,3); let next = str.substr(7,4); let result = pre + '****' + next;得到的结果:resutl : 123****8922原创 2020-06-30 13:13:26 · 2369 阅读 · 0 评论 -
html 中的 blockquote , 定义块引用和长引用。html 中的 q 元素是定义短引用。
blockquote 的长引用,浏览器解析为缩进<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间。提示:请使用 q 元素来标记短的引用。示例代码如下:<html><body>Here comes a ...原创 2018-02-28 17:51:35 · 3353 阅读 · 0 评论 -
实现打字效果的js插件typed.js
实现打字效果的js插件typed.jstyped.jsvue-typed-jsjs:In an inputvar typed4 = new Typed('#typed4', { strings: ['Some strings without', 'Some HTML', 'Chars'], typeSpeed: 0, backSpeed: 0, attr:...原创 2018-09-21 10:25:01 · 2663 阅读 · 0 评论 -
浏览器的滚动条滚动时,导航条的背景变色
浏览器的滚动条滚动时,导航条的背景变色window.onscroll = function() { var headerMain = document.getElementById('headerMain'); if(window.pageYOffset >= 70){ headerMain.classList.add('headerMain-bg'); } e...原创 2018-09-21 10:35:45 · 8915 阅读 · 0 评论 -
将video中某一秒的视图转换成图片以base64格式输出
将video中某一秒的视图转换成图片以base64格式输出js:var v = document.createElement('video');var c=document.createElement("canvas");var src='http://daotechio.oss-cn-beijing.aliyuncs.com/mp4/VID_20180906_143801_f8ecf0a...原创 2018-09-21 10:38:12 · 4890 阅读 · 0 评论 -
响应式图片img中的srcset和sizes
响应式图片img中的srcset和sizes参考链接如果是在小屏手机屏幕上显示网页,那么没有必要在网页上嵌入很大的图片。这被称之为分辨率切换问题(resolution switching problem)—一张位图被设置为固定像素的宽和高。当我们看矢量图形时,一张较小的位图看来会有颗粒感,如果位图显示的尺寸大于原始尺寸(然而矢量图不会这样)。相反,没有必要在比图片实际尺寸小的屏幕上显示一张...原创 2018-09-28 09:16:28 · 5475 阅读 · 0 评论