javascript
文章平均质量分 69
初识这世间万般留恋
这个作者很懒,什么都没留下…
展开
-
前端常用60余种工具方法
原文链接https://segmentfault.com/a/11900000227368371邮箱验证export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码export const isMobile = (s) => { return /^1[0-9]{10}...转载 2020-05-30 16:41:25 · 232 阅读 · 0 评论 -
浏览器不能默认播放音频处理
原文链接:http://www.luyixian.cn/news_show_311603.aspx复制代码到js中 修改资源路径即可//浏览器适用 contextClass = window.AudioContext = window.AudioContext || window.webkitAudioContext || window.mozAudioContext || window.msAudioContext; try { var context = new转载 2020-05-18 17:05:26 · 834 阅读 · 0 评论 -
canvas 画布动态效果转换为gif
canvas + gif.js 将canvas 转换为gifgif的github 地址 需要的文件在 dist目录下 gif.js 和gif.worker.js在页面引入gif.jsName Default Description repeat 0 gif 是否重复播放 0 为重复 -1 不重复 quality 10 ...原创 2020-04-10 11:56:33 · 4191 阅读 · 2 评论 -
canvas 删除图片上的点
<canvas id="canvas" width="200" height="200" ></canvas><script> let canvas = document.getElementById("canvas"); let cxt = canvas.getContext("2d"); // 拿到对象 let img = n...原创 2020-04-10 10:17:41 · 954 阅读 · 0 评论 -
给定一个字符串,请你找出其中不含有重复字符的 最长子串 的长度。
/***@param{string}s*@return{number}*///暴力解决分割出所有字符串然后判断子串中是否有重复的当字符串太长时超时暂未找到优解varlengthOfLongestSubstring=function(s){if(s.length<=1){returns.l...原创 2019-12-14 15:48:03 · 343 阅读 · 1 评论 -
前端冷知识,666 收藏了
https://www.cnblogs.com/Wayou/p/things_you_dont_know_about_frontend.html转载 2019-03-26 16:28:36 · 283 阅读 · 0 评论 -
利用a标签获取url 域名,参数 关键字
创建一个a标签,将需要的url赋值给url (a为什么会有这些属性,还没有搞明白,希望知道的大神能解释一下)function parseURL(url) { var a = document.createElement('a'); a.href = url; return { ...转载 2019-03-27 11:39:54 · 1490 阅读 · 0 评论 -
js 监听手机物理返回按键
document.addEventListener("plusready", function() { // 注册返回按键事件 plus.key.addEventListener('backbutton', function() { window.history.go(-1); // 事件处理 ...原创 2019-04-08 20:21:21 · 2650 阅读 · 0 评论 -
iview 文件上传 (清除已上传文件方法)
<template> <div class="inpopus" @click="bgClickClose"> <div class="ip_con"> <div class="ip_con_t"> {{upload_list.title}} ...原创 2019-04-03 14:39:50 · 8325 阅读 · 3 评论 -
正则验证
varnickName= "54465",username="52465";var patrn=/^(\w){6,20}$/; // 验证密码字母、数字、下划线组成let nameReg = /^[\u4E00-\u9FA5]{2,4}$/; // 姓名验证var regEn = /[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~...原创 2019-04-18 16:13:42 · 143 阅读 · 0 评论 -
js 图片下载问题
解决浏览器不同域图片不能直接下载问题https://github.com/a1044187112/download-img1.同域图片使用a标签下载2.不同域图片使用xmlhttp 请求图片的blob格式 通过处理blob格式来下载图片注意: 没有设置允许跨域访问的 ,图片不能下载...原创 2019-04-23 15:44:52 · 341 阅读 · 0 评论 -
工作学习资料库
pwa学习vue-iview 后台ui框架vue-element-admin vue后台模板前端工程师模拟面试阿里icon云端引用空间(ps,excel,word,ai...)typeScript 学习原创 2019-04-24 10:17:43 · 337 阅读 · 0 评论 -
js 将图片转换成base64格式的
原文地址:https://www.cnblogs.com/mr-wuxiansheng/p/6931077.htmlvar img = "imgurl";//imgurl 就是你的图片路径 function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.w...转载 2019-02-23 22:43:18 · 6411 阅读 · 2 评论 -
js 图片上传
原文链接:https://www.cnblogs.com/anni1107/p/7776990.html简单的jQuery实现input file选择图片后,可以预览图片的效果简单的HTML代码: 1 2 3 4 5 <div> <img src="" class="img"> <...转载 2019-02-23 20:53:44 · 931 阅读 · 0 评论 -
js 上传图片并对图片处理
上传图片 accept 对上传的文件做出限制 只允许上传图片 <input @change="upload" id="load_img" type="file" value='修改头像' accept="image/*" />获取图片文件 监听inout值变化事件 export default { // vue js代码 name: "edit...转载 2018-09-04 14:48:22 · 1640 阅读 · 0 评论 -
字典排序
json 对象字典排序如 var data = { 'mobile':'12345679912', 'name' :'hali' };Object.values(data).sort(); // 根据对象值排序Object.keys(data).sort() 根据对象属性排序 json 数组字典排序如 var data = {result:[ {id:5,info...原创 2018-08-30 15:14:59 · 1234 阅读 · 0 评论 -
使用骰子作画
本文参考 阮一峰老师《骰子作画的算法》原文链接http://www.ruanyifeng.com/blog/2011/11/dice_portrait.html1计算灰度值方法 /* 任何颜色都由红、绿、蓝三基色组成,假如原来某点的颜色为RGB(R,G,B),那么,我们可以通过下面几种方法,将其转换为灰度:1.浮点算法:Gray=R*0.3+G*0.59+B*0.112....原创 2018-09-06 13:36:38 · 1805 阅读 · 1 评论 -
h5 input type=file 设置
input type=file 设置accept属性可以限定上传的文件比如我需要上传图片 accept="image/*"因为input的css样式肯定是不符合开发中需要的 修改样式又比较麻烦 会需要把输入框隐藏 然后点击别的按钮触发input的事件我这里需要点击加号按钮 然后触发input事件 然后上传图片 实现 按钮绑定点击事件cardClick sel为input...原创 2018-09-15 17:36:11 · 2368 阅读 · 0 评论 -
快速排序
// 快速排序 : 在一个没有重复元素的数据集中,选择一个元素作为参照物 。 所有小于参照物的元素 都移到这个参照物的左边,大于参照物物的元素,都移到参照物的右边 // 然后不断重复这样的步骤,就能得到一个有序的数据集 let arr = [8,5,6,2,4,3,7,10,20,15]; function quick(arr){...原创 2018-09-07 15:02:04 · 96 阅读 · 0 评论 -
indexedDB 数据库增删改查
//打开数据库 第一个参数是字符串,表示数据库的名字。如果指定的数据库不存在,就会新建数据库 //第二个参数是整数,表示数据库的版本 var db; function open(){ var request = window.indexedDB.open("test",3); request.onerr...原创 2018-09-18 15:22:48 · 1753 阅读 · 0 评论 -
indexedDB介绍以及api
// 原文链接1.现有的浏览器数据储存方案,都不适合储存大量数据:Cookie 的大小不超过4KB,且每次请求都会发送回服务器;LocalStorage 在 2.5MB 到 10MB 之间(各家浏览器不同),而且不提供搜索功能,不能建立自定义的索引。IndexedDB 就是浏览器提供的本地数据库,它可以被网页脚本创建和操作。IndexedDB 允许储存大量数据,提供查找接口,还能建立索引(...转载 2018-09-18 15:34:09 · 1566 阅读 · 0 评论 -
高德地图定位和添加覆盖物
<template> <div> <div id="container"></div> </div></template><script>// import AMap from 'AMap'// import AMapUI from 'AMapUI' var原创 2018-09-14 14:31:19 · 1001 阅读 · 0 评论 -
变量赋值-解析
// 赋值 根据位置对应关系赋值 模式匹配 let [x,y,z] = [1,2,3]; console.log(x+"--"+y+"---"+z); // 1--2--3 // 以后都不会成功 每一模式匹配 第二个能bar的值为1 fooo undefined let [foo] = []; let [bar...转载 2018-11-01 14:53:10 · 482 阅读 · 0 评论 -
字符串
es6 新增了三个方法判断一个字符串是否包含在另一个字符串中includes():返回布尔值,表示是否找到了参数字符串。 startsWith():返回布尔值,表示参数字符串是否在原字符串的头部。 endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部。let str = 'hello wrold!';str.includes('hello'); // truest...原创 2018-11-01 15:25:44 · 108 阅读 · 0 评论 -
js 将内容复制到剪切板
var addresss = $(this).prev('.con_li_address').text(); // 获取钱包地址信息 $(this).next('input').val(addresss).select(); // 将地址信息加载到input中并设为选中状态 document.execCommand('copy'); // 复制将input设...原创 2019-02-21 15:11:05 · 1116 阅读 · 0 评论