随笔分类 - JavaScript
摘要:TweenJS 参考文档 笔记末尾附自定义flyTo函数 动画库tweenjs简介和引入项目 TweenJS是一个有javascript语言编写的补间动画库,如果需要tweenjs辅助你生成动画,对于任何前端web项目,你都可以选择tweenjs库。 如果你是用three.js开发web3d项目,使
阅读全文
摘要:执行单个或多个表达式,并返回最后一个表达式的值,多个表达式之间需要用逗号“,”分隔开 (1,2+3,4+5,6) // 代码会被一次执行,最后将6作为返回值 let ajax = { cache: null } let cache = ajax.cache || (ajax.cache = {dat
阅读全文
摘要:为什么会用到监听隐藏显示窗口的事件呢? 主要是因为页面中有计时器,窗口隐藏页面隐藏后,计时器暂停,这里使用了重新获取数据,重新启动倒计时的功能解决,所以需要监听事件。 methods: { visibilityState() { if (document.visibilityState 'visib
阅读全文
摘要:## 浏览器海报实现 下载 npm i html2canvas or [html2canvas.js](http://html2canvas.hertzen.com/dist/html2canvas.min.js) 和 [canvas2image.js](https://github.com/Sup
阅读全文
摘要:setTimeout、setInterval 属于定时触发器线程属于 macrotask,它的回调会受到GUI渲染、事件触发、http请求、等的影响。所以这两个不适合做精准的定时。最好的方法是定时矫正,用 new Date(targetDate:Date - new Date ) 格式化成你需要的时
阅读全文
摘要:/** * @param {string} path * @returns {Boolean} */ export function isExternal (path) { return /^(https?:|mailto:|tel:)/.test(path) } /** * @param {str
阅读全文
摘要:js -- 获取两个日期间的所有日期 js -- 将毫秒转化成天时分秒的时间格式 js -- 常用正则验证 validate.js export function sortASCII (obj) { let newObj = {} Object.keys(obj).sort().forEach(k
阅读全文
摘要:100 "continue" 101 "switching protocols" 102 "processing" 200 "ok" 201 "created" 202 "accepted" 203 "non-authoritative information" 204 "no content" 2
阅读全文
摘要:var stime = '2021-05-20'; //开始日期 var etime = '2021-05-24'; //结束日期 getdiffdate(stime,etime); //获取两日期之间日期列表函数 function getdiffdate(stime,etime){ //初始化日期
阅读全文
摘要:前言:网站会有一些简单的保密需求,不想让用户复制文字,或者轮播图到头了,左右箭头还在点点点,会有蓝色的背景,使用下面的css就可以解决这种问题。 CSS 属性禁止文本复制/选择功能 user-select 控制用户能否选中文本。除了文本框内,它对被载入为 chrome 的内容没有影响。 /* 禁止长
阅读全文
摘要:使用jquery.i18n.properties可以实现网站中英文切换的功能,如果中英文页面有很大不同的话,这种就不是很好,可以做参考开发 引入一些文件 jquery.i18n.properties.js 需要引入jquery,并且i18n放在jq后面引入 新建文件 language_zh.prop
阅读全文
摘要:数组对象的深拷贝 function copydeep(obj) { var newobj = obj.constructor Array ? [] : {}; if (typeof obj !== 'object') { return; } for (var i in obj) { newobj[i
阅读全文
摘要:只需 navigator.language 就可以获取手机系统语言 返回值是一个数组 "语言参考文档"
阅读全文
摘要:微信或浏览器访问 h5 链接,点击操作后进入指定 app 需求情景: 从 app 内部分享出去的网页顶部有一个“打开”按钮,用户点击后: 1、若用户客户端安装我们的 app,直接跳转到我们的 app; 2、若用户没有安装,跳转到应用宝提示用户下载; 1. Universal Links IOS >=
阅读全文
摘要:调用 说明:焦点在某个input元素上,此时快速滑动页面,由于是absolute定位,光标跟不上滚动的速度。导致错位问题。解决方案就是在你滑动页面的时候直接让input失去焦点,隐藏光标。
阅读全文
摘要:编写函数convert(money),传入金额,将金额转换为千分位表示法,如输入 1293213 ,输出 1,293,213 function convert(money){ if(!money){return} var m = money.toString().split('.'); var m1
阅读全文
摘要:``` 将数组按照个数整合成二维数组 例子:一个数组,按照每个二维数组内的长度为4(将数组按照每4个,合成二维数组),应用:在swiper中,每个swiper-slide中含有4个item,进行轮播(这样的数组结构在vue中双层循环就可以实现) 实现一个算法: 一个数据列表有m页,每页有a条,要删...
阅读全文
摘要:#toastTip{ position: fixed; top: 44%;left:50%;transform: translateX(-50%); min-width: 80px; max-width: 180px; min-height: 18px; padding: 10px; line-he
阅读全文
摘要:拖拉事件的种类 拖拉(drag)指的是,用户在某个对象上按下鼠标键不放,拖动它到另一个位置,然后释放鼠标键,将该对象放在那里。 "具体的api可查看" 拖拽变色demo 拖拽操作demo
阅读全文
摘要:截取微信 nickname 中需要注意的是,表情符号和特殊字符,如果你不用正则过滤掉的话,使用 slice(0,1) 直接截取第一个字符串是不行的,因为表情符号占用两个字节,截取一半,ios 会报错,android 可能会显示乱码,这些都不是我们想要的! ES6中提供给我们一个方法Array.fro
阅读全文