javascript
躺平,睡觉
前端摸鱼6年多
展开
-
betterscroll官网地址
better-scroll 是一款重点解决移动端(已支持 PC)各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现,它的 API 设计基本兼容 iscroll,在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。better-scroll 是基于原生 JS 实现的,不依赖任何框架。它编译后的代码大小是 63kb,压缩后是 35kb,gzip 后仅有 9kb,是一款非常轻量的 JS lib。我找不到官网地址,太费劲了,记录下。betterscroll官网地址,原创 2024-05-09 16:37:29 · 133 阅读 · 0 评论 -
js 文件下载 file-download
js, download,file,文件下载,xml原创 2023-12-20 10:52:10 · 1094 阅读 · 0 评论 -
input file文件转base64格式
html<input ref="fileinput" type="file" style="position:absolute; clip:rect(0 0 0 0);" accept="image/png, image/jpeg, image/gif, image/jpg" @change="uploadImg($event)">jsuploadImg (e) { const file = e.target.files[0]; this.原创 2020-12-10 14:29:20 · 1806 阅读 · 0 评论 -
小程序webview缓存问题
onLoad(query) { let url = decodeURIComponent(query.url) this.setData({ url: `${url}&t=${new Date().getTime()}` }) console.info('webview', this.data.url); },decodeURIComponent() 函数可对 encodeURIComponent()原创 2020-05-12 10:07:11 · 1635 阅读 · 0 评论 -
input type=file 获取文件的本地路径
根据input返回的文件,去获取文件地址let getUrl = function(flie) { let url = '' if (window.createObjectURL!=undefined) { // basic url = window.createObjectURL(flie) ; }else if (window.webkitURL!=undefined) { // webkit or chrome url = window.web原创 2020-05-11 17:25:48 · 11946 阅读 · 2 评论 -
js判断浏览器信息
js通过浏览器判断是否为谷歌浏览器let isChrome = /(Chrome|Chromium|AppleWebKit)/i.test(navigator.userAgent)判断是windows还是safarilet isMac = /macintosh|mac os x/i.test(navigator.userAgent);let isWin32 = /windows|win3...原创 2020-01-03 14:15:33 · 283 阅读 · 0 评论 -
图片上传,图片拖拽上传
html部分<input ref="fileinput" type="file" style="position:absolute;top:0;left:0; clip:rect(0 0 0 0);" accept="image/png, image/jpeg, image/gif, image/jpg" @change="uploadImg($event)"> ...原创 2019-11-28 10:53:54 · 878 阅读 · 0 评论 -
js 将数据导出为txt文本
首先说一下主要思路:将数据转为二进制创建a链接,将数据的二进制通过 urlObject.createObjectURL(exportBlob);转为a的href点击a链接 save () { // 获取数据 let text = '' this.fileData.forEach(val => { ...原创 2019-11-07 12:02:59 · 2423 阅读 · 0 评论 -
前端js下载文件.txt,图片,.doc等
插件FileSaver.js除了这个插件外还有download, downloadjs,这两个插件使用起来都有bug,暂时不推荐npm install file-saverimport {saveAs} from 'file-saver'saveAs(Blob/File/Url, filename, type(可省略))纯jsgetBlob(url) { ...原创 2019-10-24 11:34:31 · 1012 阅读 · 1 评论 -
25种以上JavaScript速记编码技术
转载!!原文地址:链接三元(三目)运算符如果只想在一行中编写if…else语句时,这是一个很好的节省代码的方式。常规:简写:嵌套版三元运算:2. 短路判断简写将变量值分配给另一个变量时,您可能希望确保源变量不为null,undefined或为空。您可以编写带有多个条件的长 if 语句,也可以使用短路判断。常规:简写:再来点示例,尝试一下:请注意,如果将var...转载 2019-10-09 11:34:20 · 122 阅读 · 0 评论