
js
前端打工仔小剑儿
混口饭吃的前端打工仔
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
关于el-tree的一些处理
// 给树设置某个节点禁用 addAttr(data, id) { data.forEach(item => { if (item.adCode == id) { this.addAttrChildrens(item); } else { if (item.childAddress &&...原创 2022-02-25 17:13:51 · 1687 阅读 · 1 评论 -
reduce的一些用法
一、 reduce定义reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。reduce() 可以作为一个高阶函数,用于函数的 compose。注意:reduce() 对于空数组是不会执行回调函数的。二、语法array.reduce(function(prev, cur, index, arr), init)prev (上一次调用回调返回的值,或者是提供的初始值(initialValue)) cur (数组中当前被处理的元素) in.转载 2021-08-17 17:04:42 · 13765 阅读 · 2 评论 -
获取url中参数的值
1,方法封装,只需要传url参数的名称,即可得到对应的参数值function getUrlParam(name) { //构造一个含有目标参数的正则表达式对象 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //匹配目标参数 var r = window.location.search.substr(1).match(reg); if(r != null){ re转载 2020-06-05 15:28:18 · 685 阅读 · 0 评论 -
vue项目中使用js-cookie存储数据
说明js-cookie是一个简单的,轻量级的处理cookies的js API。创建//创建简单的cookieCookies.set('name', 'value');//创建有效期为7天的cookieCookies.set('name', 'value', { expires: 7 });//为当前页创建有效期7天的cookieCookies.set('name', 'value'...原创 2020-04-30 16:19:35 · 3529 阅读 · 0 评论 -
axios封装即用
axios封装代码,拿来即用,为以后使用方便http.js文件import axios from 'axios';const baseUrl = 'https://xxx.xxxxxx.com';// const baseUrl = 'http://localhost:9227';// axios 拦截器axios.interceptors.request.use(config =...原创 2020-04-22 16:35:12 · 193 阅读 · 0 评论 -
阿里云OSS 图片处理
首先放个阿里云OSS图片处理接口文档 阿里云官方地址oss图片处理接口文档我们有时会抱怨用户上传的图文中图片文件大了(假如说3M的图片)。导致生成的网页打开速度慢,怎么办呢?问题分析:网页打开慢是因为网页资源下载的那张图片下载慢。只要能够改变用户上传的大小就能解决这个问题。方案一: 限制用户上传文件的大小?1、使用的用户并不懂程序,限制了大小用户是否会觉得体验感不好?方案二:图片上传后...转载 2020-04-22 16:19:24 · 1677 阅读 · 0 评论 -
vue中使用oss直传图片到阿里云
1.引入在index.html中引入 <script src="https://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min.js"></script>2.上传我使用的是vant组件中的图片上传组件<van-uploader v-model.trim="item.fileList" :after-rea...原创 2020-04-22 16:02:08 · 1564 阅读 · 2 评论 -
js一些不为大多数人知的小方法
获取数组中最后一个元素Array.prototype.slice(begin,end)用来获取begin和end之间的数组元素。如果你不设置end参数,将会将数组的默认长度值当作end值。但有些同学可能不知道这个函数还可以接受负值作为参数。如果你设置一个负值作为begin的值,那么你可以获取数组的最后一个元素。如:var array = [1,2,3,4,5,6];console.log(a...原创 2020-01-06 11:41:55 · 199 阅读 · 0 评论 -
elementui使用upload上传被拦截处理方法
在项目中由于安全性考虑,后端对于接口的访问往往会进行拦截,前端往往需要在调用接口的时候传递一个token,在elementui中使用文件上传时,前端通常是这样的<el-upload action="/admin/file/uploadImage" :show-file-list="false" :on-success="uploadSuccess" :on-...原创 2019-12-16 17:33:59 · 6007 阅读 · 0 评论 -
js小方法
1,确保数组长度let array = Array(3).fill('');console.log(array);// ["", "", "", "", ""]2,获取数组最后一项let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];console.log(array.slice(-1)); // [9]3,数组去重 var array = [1,...原创 2019-11-22 16:15:39 · 167 阅读 · 0 评论 -
vue页面传递参数(常用方法二)
最常用的方式A页面跳转到B页面,传递参数(id和code)A页面触发跳转事件this.$router.push({ name: "ProInsur",//ProInsur路由的name值 params: { id: xxx, Code:xxx }});B页面接收参数 id:this.$route.params.id, code...原创 2019-11-21 11:20:44 · 338 阅读 · 0 评论 -
vue页面传递参数(常用方法一)
最常用的方式A页面跳转到B页面,传递参数(id和code)A页面触发跳转事件this.$router.push({ path: "/ProInsur", query: { id: xxx, Code:xxx }});B页面接收参数 id:this.$route.query.id, code: this.$route.query...原创 2019-11-21 11:04:32 · 496 阅读 · 0 评论 -
js判断一个时间(格式为xxxx-xx--xx)是否在某两个时间段内(格式为xxxx-xx--xx)
直接上代码function isMiddle(aa,bb,cc) { var dateBegin = new Date(aa); //将-转化为/,使用new Date var dateEnd = new Date(bb); //将-转化为/,使用new Date var dateNow = new Date(cc); //获取当前时间 var d...原创 2019-10-10 19:56:25 · 690 阅读 · 0 评论 -
js获取时间(当前时间的前后N天N月N年)
获取当前时间的N年前或者N年后function GetYear(year) { var time = new Date(); time.setFullYear(time.getFullYear() + year); var y = time.getFullYear(); var m = time.getMonth() + 1; var d = time.ge...原创 2019-10-10 19:43:21 · 1766 阅读 · 0 评论 -
JQ获取元素兄弟节点
$('#id').siblings() 当前元素所有的兄弟节点$('#id').prev() 当前元素前一个兄弟节点$('#id').prevaAll() 当前元素之前所有的兄弟节点$('#id').next() 当前元素之后第一个兄弟节点$('#id').nextAll() 当前元素之后所有的兄弟节点...原创 2019-09-19 14:07:15 · 9544 阅读 · 0 评论 -
js判断是否为微信内置浏览器
function is_weixin() { //userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。 var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { ...原创 2019-08-21 09:51:23 · 465 阅读 · 0 评论 -
纯js实现文件上传
Html部分<div id="preview"></div><input type="file" onchange="preview(this)">Css部分(简单粗暴) #preview,.img,img { width:200px; height:200px;}#preview { border:1px solid #000;}Js...原创 2019-08-15 17:47:46 · 1152 阅读 · 0 评论 -
本地存储对象
一般我们会将JSON存入localStorage中,但是在localStorage会自动将localStorage转换成为字符串形式所以借助JSON.stringify()这个方法,来将JSON转换成为JSON字符串复制代码if(!window.localStorage){alert(“浏览器支持localstorage”);}else{var storage=window.local...原创 2019-08-20 16:42:04 · 1204 阅读 · 0 评论