- 博客(28)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 常用方法集合
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
167
原创 js执行顺序
macro-task(宏任务)：包括整体代码script，setTimeout，setInterval micro-task(微任务)：Promise，process.nextTick整体代码就是一个大的宏任务，从上至下执行，进入之后，先执行微任务，在执行宏任务遇到console.log()、promise、new Promise（）直接执行，但是遇到promise的then（）会放到微任...
2018-12-06 11:35:36
636
原创 本地存储为一个键值对（值为对象格式），并取值删除
// 挂载全局对象，存储意见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
834
原创 日期格式化----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
257
原创 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
1820
转载 简单的去抖（debounce）处理 和 节流（throttle） 附 源码
为什么需要消抖、节流？原因：事件频繁触发，频繁的操作DOM，或者频繁的向服务器请求数据，严重消耗性能 或导致页面崩溃window对象的resize、scroll事件 拖拽时的mousemove事件 射击游戏中的mousedown、keydown事件 文字输入、自动完成的keyup事件简单debounce的例子：<template> <div> ...
2018-09-11 11:20:39
1075
原创 自定义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
105
原创 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
4926
原创 vuex
1、修改vuex数据，需要通过mutation修改组件通过调用 this.$store.commit('update', playload) 方法进行修改，然后在mutation里面写入update函数数据处理逻辑只能传这两个参数，如果需要传多个参数，可以集合在playload中，playload可以是对象const playloads = {data: data, targe...
2018-09-05 15:55:57
95
转载 导出表单为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
576
原创 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
306
原创 字符串的方法整理
<!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
98
原创 数组的方法整理
<!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
87
转载 深拷贝、浅拷贝
基本数据类型（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
85
原创 vue-router导航钩子
vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。1、全局钩子2、单个路由钩子3、组件钩子都必须要有 next() ,否则页面不会进行跳转全局钩子：在每个页面切换的时候都会经过此钩子// 注册一个全局钩子，防跳墙router.beforeEach((to, from, next) => { let token = localStorage.getItem('myto...
2018-06-20 14:15:31
338
转载 vscode中配置.wxss和.wxml语法高亮和不全插件
vscode默认无法识别wxml和wxss语法, 1、打开编辑器，选择微信文件，点击右下角的纯文本。然后选择相应匹配的识别格式，css和htmlimage.png但是强大的vscode自然有解决办法,我们点击纯文本会发现image.png所以我们只要将wxml关联成html就可以语法高亮了...
2018-06-17 15:44:55
9524
原创 轮播图轮播过程，导致页面结构轻微抖动问题
原因：轮播图的图片大小不一致，解决1：给图片设置block, 固定相同宽高解决2：给轮播图下方的结构一个padding-top值，
2018-06-10 16:55:15
4070
原创 解决VSCode中使用vetur插件格式化vue文件时，js代码会自动加上冒号和分号
在设置中把"vetur.format.defaultFormatter.js": "prettier",改为 "vetur.format.defaultFormatter.js": "vscode-typescript"
2018-06-10 16:44:41
18022
6
转载 码云，GitHub修改远程仓库地址https为ssh
ithub的https换为ssh1.git remote -v查看当前地址2.git remote set-url origin git@github:USERNAME/OTHERREPOSITROY.git设置为ssh地址3.git remote -v修改完成后查看地址，配置为ssh地址就正确了...
2018-05-31 15:47:39
3932
原创 Vue组件生命周期函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
2018-05-28 19:17:15
214
原创 this指向问题
// this出现在以下位置，分别代表什么 // 1 函数中 -- this 指向Window // 2 在方法中 -- this 指向的是这个方法所属的对象 // 3 构造函数中 -- this 就是构造函数创建的对象 // 函数 function fn() { console.log(this); } fn(); // 对...
2018-05-14 16:40:01
83
转载 JavaScript 代码性能优化总结
尽量使用源生方法javaScript是解释性语言，相比编译性语言执行速度要慢。浏览器已经实现的方法，就不要再去实现一遍了。另外，浏览器已经实现的方法在算法方面已经做了很多优化。避免全局查找在一个函数中会用到全局对象存储为局部变量来减少全局查找，因为访问局部变量的速度要比访问全局变量的速度更快些。尽量减少循环次数少一层循环，就能提高数倍性能。如果要对一个数组的每个元素进行多次操作，尽可能使用一次循环...
2018-05-12 09:16:22
123
转载 git commit出现The file will have its original line endings in your working directory.
问题描述：git add：添加至暂存区，但并未提交至服务器。git add . 是表示把当前目录下的所有更新添加至暂存区。有时在终端操作这个会提示：warning: CRLF will be replaced by LF in GeneSmartStay/res/values-zh-rTW/strings.xml.The file will have its original line endin...
2018-05-12 09:09:53
2016
转载 sublime text3 html-css-js格式化工具
Sublime text 3 如何格式化html/CSS/JS代码2018年01月22日 17:25:48阅读数：260 使用Sublime text 3 编写代码是一种享受，使用Sublime text 3 格式化代码插件也是一种享受，具体安装步骤如下：HTML-CSS-JS Prettify是一款集成...
2018-05-04 15:30:46
242
转载 sublime text3 node.js配置
sublime text3配置node.js环境，以及出现的问题1） 下载sublime并安装,下载列表：http://www.jb51.net/softs/132432.html2） 下载sublime的nodejs插件，需是集成Nodejs插件到sublime中，下载地址：https://github.com/tanepiper/SublimeText-Nodejs3） 解压zip文件， ...
2018-05-04 15:21:50
184
转载 前端跨域请求-解决方案
同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的关键的安全机制。但是有时候跨域请求资源是合理的需求，本文尝试从多篇文章中汇总至今存在的所有跨域请求解决方案。跨域请求首先需要了解的是同源和跨源的概念。对于相同源，其定义为：如果协议、端口（如果指定了一个）和主机对于两个页面是相同的，则两个页面具有相同的源。只要三者之一任意一点有不同，那么就为不同源。...
2018-04-14 16:54:01
301
转载 HTML5
1、新的 HTML5 文档类型和字符集是？HTML5 文档类型很简单：HTML5 使用 UTF-8 编码示例： ** _2、HTML5 中如何嵌入音频？HTML5 支持 MP3、Wav 和 Ogg 格式的音频，下面是在网页中嵌入音频的简单示例：3、HTML5 中如何嵌入视频？和音频类似， * HTML5 * 支持 MP4、WebM 和 Ogg 格式的视频，下面是简单示例：4、除了 audio 和...
2018-04-14 16:50:22
111
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人