前端
甲乙丙遇见丁
这个作者很懒,什么都没留下…
展开
-
前端跨域请求-解决方案
同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的关键的安全机制。但是有时候跨域请求资源是合理的需求,本文尝试从多篇文章中汇总至今存在的所有跨域请求解决方案。跨域请求首先需要了解的是同源和跨源的概念。对于相同源,其定义为:如果协议、端口(如果指定了一个)和主机对于两个页面是相同的,则两个页面具有相同的源。只要三者之一任意一点有不同,那么就为不同源。...转载 2018-04-14 16:54:01 · 311 阅读 · 0 评论 -
watch监听路由、数据变化
1、watch监听路由变化watch: { $route (to, from) { if (from.fullPath === '/Organize/attendPer') { Object.assign(this.canteenDetailAdd[from.params.id].flowInstanceStepApproveAdd, this.atten...原创 2018-09-05 15:59:28 · 4947 阅读 · 0 评论 -
自定义checkbox样式
方案1: // 修改checkbox样式input[type="checkbox"]{ position: relative; -webkit-appearance: none; vertical-align: middle; margin-top: 0; background: @color-white; borde...原创 2018-09-05 16:28:42 · 115 阅读 · 0 评论 -
vscode----用户自定义配置
vscode快捷键:1、上下移动一行: Alt+Up 或 Alt+Down2、向上向下复制一行: Shift+Alt+Up 或 Shift+Alt+Down3、代码行缩进 Ctrl+[ 、 Ctrl+]4、在当前行下边插入一行 Ctrl+Enter5、在当前行上方插入一行 Ctrl+Shift+Enter6、选择从光标到行尾: Shift+End7、选择从行首到光标处: Shif...原创 2018-09-30 14:37:33 · 1834 阅读 · 0 评论 -
日期格式化----js---可作为组件用于Vue或其他
formatDate.js /** * * 将日期格式化成指定格式的字符串 * @param { Number,String } time 时间戳或new Date()可接受的参数,不传默认当前时间 * @param { String } fmt 目标字符串格式,支持的字符有:y,M,d,q,w,H,h,m,S,默认:yyyy-MM-dd HH:mm:ss * @returns 返...原创 2018-09-30 14:52:38 · 282 阅读 · 0 评论 -
本地存储为一个键值对(值为对象格式),并取值删除
// 挂载全局对象,存储意见let obj = {}Vue.prototype.saveApprove = function (name, val) { let oldVal = JSON.parse(localStorage.getItem('saveCheckReason')) obj = Object.assign(obj, oldVal) let key = name ...原创 2018-10-29 16:35:34 · 863 阅读 · 0 评论 -
js执行顺序
macro-task(宏任务):包括整体代码script,setTimeout,setInterval micro-task(微任务):Promise,process.nextTick整体代码就是一个大的宏任务,从上至下执行,进入之后,先执行微任务,在执行宏任务遇到console.log()、promise、new Promise()直接执行,但是遇到promise的then()会放到微任...原创 2018-12-06 11:35:36 · 646 阅读 · 0 评论 -
常用方法集合
1、label标签用处1:结合表单控件(checkbox, radio, input(file))使用,用法:通过label的for属性,点击label标签,可以直接跳转到for所指定的元素(美化dom显示、利于用户使用)// 例1<label for="male">男</label><input type="submit" id="male" va...原创 2018-12-06 17:23:33 · 177 阅读 · 0 评论 -
vuex
1、修改vuex数据,需要通过mutation修改组件通过调用 this.$store.commit('update', playload) 方法进行修改,然后在mutation里面写入update函数数据处理逻辑只能传这两个参数,如果需要传多个参数,可以集合在playload中,playload可以是对象const playloads = {data: data, targe...原创 2018-09-05 15:55:57 · 118 阅读 · 0 评论 -
this指向问题
// this出现在以下位置,分别代表什么 // 1 函数中 -- this 指向Window // 2 在方法中 -- this 指向的是这个方法所属的对象 // 3 构造函数中 -- this 就是构造函数创建的对象 // 函数 function fn() { console.log(this); } fn(); // 对...原创 2018-05-14 16:40:01 · 88 阅读 · 0 评论 -
轮播图轮播过程,导致页面结构轻微抖动问题
原因:轮播图的图片大小不一致,解决1:给图片设置block, 固定相同宽高解决2:给轮播图下方的结构一个padding-top值,原创 2018-06-10 16:55:15 · 4096 阅读 · 0 评论 -
深拷贝、浅拷贝
基本数据类型(null 、undefined、String、Boolean、Number)没有浅拷贝、深拷贝对象、数组、函数会用到浅拷贝:A对象拷贝B对象,B修改,A也被修改。引用相同的地址深拷贝:A对象拷贝B对象,B修改,A不受影响。内存中重新开辟空间,指向不同地址浅拷贝: A、B一起改变浅拷贝: A、B一起改变var obj1 = { name: 'FungLeo'...转载 2018-08-24 11:09:34 · 93 阅读 · 0 评论 -
数组的方法整理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-08-24 11:26:58 · 97 阅读 · 0 评论 -
字符串的方法整理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-08-24 11:33:23 · 108 阅读 · 0 评论 -
git创建项目,添加分支推送,3种情况
1、新建项目git init git add .git commit -m '提交'git remote add origin https://gitee.com/Samsong/textdemo.gitgit push -u origin master2、在远程项目创建你自己的分支在本地创建项目文件夹git init 创建本地分支git checkout -b 'sc'修...原创 2018-08-24 15:43:17 · 319 阅读 · 0 评论 -
导出表单为Excel
1、安装依赖npm install -S file-saver 用来生成文件的web应用程序 npm install -D script-loader 将js挂在在全局下2、下载Blob.js 和 Export2Excel.js在src目录下创建一个文件(vendor),存放Blob.js 和 Export2Excel.js3、页面结构<template> &l...转载 2018-09-04 10:08:07 · 595 阅读 · 0 评论 -
简单的去抖(debounce)处理 和 节流(throttle) 附 源码
为什么需要消抖、节流?原因:事件频繁触发,频繁的操作DOM,或者频繁的向服务器请求数据,严重消耗性能 或导致页面崩溃window对象的resize、scroll事件 拖拽时的mousemove事件 射击游戏中的mousedown、keydown事件 文字输入、自动完成的keyup事件简单debounce的例子:<template> <div> ...转载 2018-09-11 11:20:39 · 1106 阅读 · 0 评论 -
常用正则
1、去除字符串中的空格: str.replace(/\s+/g, '')原创 2019-02-18 12:43:22 · 146 阅读 · 0 评论