js
介绍及记录使用js
风舞红枫
被磨平棱角的前端小伙
展开
-
api封装记录
api封装原创 2023-03-08 16:46:10 · 98 阅读 · 0 评论 -
前端错误监控
前端错误监控原创 2022-01-25 17:26:42 · 1168 阅读 · 0 评论 -
js常见面试题
js常见面试题原创 2021-02-27 09:40:50 · 1633 阅读 · 2 评论 -
es6常见新特性汇总解读
目录const和let和var的区别字符串模板解构赋值展开运算符箭头函数Promise(避免回调地域)class部分es7,es8常用新特性const和let和var的区别一:let,const不能重复定义,var可以{ var a = 1; var a = 2;}{ let b = 1; let b = 2;//(报错 Identifier 'b' has already been declared)}{ const C = 1; const C = 2;//(报错 Identi原创 2021-02-27 09:10:09 · 311 阅读 · 0 评论 -
ES7之async、await
先久闻async、await,今日终于天时、地利、人和来一睹芳容。先来看一列代码片段:async function test() { const response = await new Promise(resolve => { setTimeout(() => { resolve("test"); }, 1000); }); console.log(response);}test();输出结果:test疑问:respons原创 2021-02-26 17:02:06 · 155 阅读 · 1 评论 -
三级联动下拉列表
<!DOCTYPE html><html><head> <title>三级联动</title></head><body><select id="province"></select><select id="city"></select><select id="area"></select></body><script原创 2021-02-26 16:55:13 · 3385 阅读 · 0 评论 -
数组去重封装
function(arr){ for(var i = arr.length-1 ; i >= 0 ; i--){ if(i !== arr.indexOf(arr[i])){ arr.splice(i,1); } } return arr;}原创 2021-02-26 16:50:05 · 104 阅读 · 0 评论 -
原生js之随机n,m之间的整数的封装
随机n到m的一个整数Math.floor方法function rand(n,m){ var c = m - n + 1; return Math.floor(Math.random() * c + n);}随机n到m的一个整数Math.roundfunction rand(n,m){ var c = m - n; return Math.round(Math.random() * c + n);}Math.ceil方法与Math.floor方法类似function rand(n,m原创 2021-02-26 16:46:29 · 220 阅读 · 0 评论 -
原生js之处理时间戳的封装
function toDate(time) { var date = time === undefined ? new Date() : new Date(time); return date.getFullYear() +"-"+(date.getMonth()+1).toString().padStart(2,"0") +"-"+date.getDate().toString().padStart(2,"0") +" "+date.getHou原创 2021-02-26 16:44:59 · 139 阅读 · 0 评论 -
原生js之图片预览的封装
图片预览_this:input[file]对象_thisNext:下一个要操作的dom对象cb:回调函数function changeImg(_this,_thisNext,cb){ var reader = new FileReader(); reader.readAsDataURL(_this.files[0]); reader.onload = function(e){ _this.nextSibling.src = e.target.result; if(cb){原创 2021-02-26 16:44:17 · 120 阅读 · 0 评论 -
原生js之ajax json/fromdata请求的封装
ajaxPostfunction ajaxPost(url,json,cb){ var xhr = new XMLHttpRequest(); xhr.open('post',url); xhr.setRequestHeader("content-type","application/json"); xhr.send(JSON.stringify(json)); xhr.onload = function(){ cb(JSON.parse(xhr.responseText)); }}原创 2021-02-26 16:42:56 · 430 阅读 · 0 评论 -
原生js之cookie及localStorage的封装
设置cookiefunction setCookie(key,value,day){ if( day ){ //说明要设置生存期 var now = new Date(); now.setDate( now.getDate() +day ); document.cookie = `${key}=${value};expires=${now}`; }else{ document.cookie = `${key}=s${value}`; }}获取cookie 方法一functi原创 2021-02-26 16:41:24 · 176 阅读 · 1 评论 -
原生js之运动函数的封装
//运动函数function startMove(obj,json,callback){ //{width:3,height:300} clearInterval( obj.timer ); obj.timer = setInterval( function(){ var flag = true;//假设值为true时 可以停止定时器 for( var attr in json ){ var current = 0; if( attr == "opacity" ){ cur原创 2021-02-26 16:39:38 · 179 阅读 · 0 评论 -
公共方法封装
/* * 使用示例 * * main.js引入方式(无多处应用时无需挂载至vue原型上) * import {Local} from './utils/public' * Vue.prototype.$local = Local * * Local:本地存储 * 设置/修改set this.$local.set('name','fwhf',1); * 获取get console.log(this.$local.get('name')); * 移除del this.$local.del(原创 2021-02-23 09:06:38 · 212 阅读 · 0 评论