ZwLemon

主要说明 JavaScript 中 for..in 和 for..of 的区别，以及使用场景；

解决 vue-router 路由守卫 beforeRouterLevel 和 element-ui 的 $confirm 组合使用时，提示框一闪而逝，出现路由地址已经跳转（拦截失败），但是页面并没有离开的问题；

解决 Vue 组件之间的循环引用问题

Flex 布局解析1. Flex 布局是什么2. 基本概念3. Flex 容器的六大属性3.1. flex-direction3.1.1. flex-direction 的四个属性值3.2. flex-wrap3.2.1. flex-wrap 的三个属性值3.3. flex-flow3.4. justify-content3.4.1. justify-content 的六种属性值3.5. align-items3.5.1. align-items 的五种属性值3.6. align-content3.6.1.

nodejs 中 npm 常用命令总结。

使用 nodejs 版本管理工具“n”，快速切换 nodejs 版本。相比于 nvm 工具，轻量很多，而且安装和操作相对简单很多。

js判断当前页面是否被嵌入到Iframe内？使用场景判断方法使用场景最近在做将公司所有项目的监控系统，为了重复的写代码，建页面，就将所有项目自身的监控页面通过iframe嵌入到监控系统里，但是这些项目自身就存在菜单、头部、面包屑、footer等，这样引入到iframe内的页面就需要复杂的样式处理，而且很多弹框页面打开后，因居中问题，导致被监控系统覆盖(嵌入页面的z-index无效)等等很多问题，所以就想到，如果能够判断页面是否被iframe嵌入，这样就可以在这些被嵌入的项目中动态显示或隐藏了。判断

Springboot+Vue+Axios实现文件上传和下载文件上传后端代码前端代码文件下载后端代码前端代码文件上传后端代码@ApiOperation("上传文文件")@PostMapping("uploadFile")public Object saveFileDownload(@RequestParam("fileList") MultipartFile[] fileList) { if (fileList != null && fileList.length >

html的ul样式类型及配置方法配置ul类型方法配置liul类型列表配置ul类型方法ul{ list-style: 样式;}li { // 默认竖向排列，该配置改为横向排列 float: left; list-style-type: 样式; // 可配置为图片 // list-style-image: url(url);}配置liul类型列表类型说明none无样式circle空心圆disc实心圆（默认）square实心方块de

JS开发过程中常用工具函数（持续更新。。。）获取数据类型二级目录三级目录获取数据类型function getDataType(value) { return Object.prototype.toString.call(value).slice(8, -1)}// return Function、Number、String、Object、Array等getDataType([1, 2]) // ArraygetDataType({id: 1, name: '1'}) // Object

构建AngularJS项目的三种方法概述手工项目angular-seed项目安装方法目录结构Yeoman项目安装方法安装依赖npm install 报错解决方法概述手工项目：自己建目录，下载类库，写html,js,css，自己实现引用关系angular-seed项目：下载github的angular-seed，在别人的基础之上开发Yeoman项目：通过Yeoman下载一个标准Yeoman项目，已经内置了grunt及各种工具包手工项目构建手工项目是我们平时用的最多的一种方式了，适用于小型

windows安装多版本nodejs安装GNVM简介特色下载(git clone)安装验证入门指南更换更快的库 registry安装 多个 Node.js更详细的使用请参考[官方文档](http://ksria.com/gnvm/)由于不同程序对nodejs的环境要求不同，从而导致在一台电脑上开发多个nodejs应用很烦人，在应用运行时会报错，很多错误我们会认为是代码问题，其实就是nodejs版本问题。例如：gulp[19712]: c:\ws\src\node_contextify.cc:676: A

yarn安装及使用详解yarn安装使用npm安装yarnyarn常用命令yarn安装前提是要安装node.js，这里就不做赘述了。使用npm安装yarn# 安装yarnnpm install -g yarn# 查看yarn版本yarn --version# Yarn 淘宝源安装yarn config set registry https://registry.npm.taobao.org -gyarn config set sass_binary_site http://cdn.np

Vue自定义配置全局组件和局部组件全局组件局部组件全局组件创建公共组件在components文件夹Backer中新建index.vue创建公共组件导出文件在components文件夹Backer中新建index.jsimport Backer from '@/components/Backer/index'const backer = { install: (Vue) => { Vue.component('backer', Backer); }}export

Vue首次不触发watch的解决方法一行代码解决问题很多时候我们需要Vue首次加载直接出发watch，例如某个自定义组件的样式，会根据某个prop的值进行更新，那么当我们就要使用到watch，样式不存在默认值，或者某个样式并不是首次传过来的prop的值，这样就无法触发watch，导致样式无法更新一行代码解决问题watch: { sizeType: { // immediate设置为true，就是在首次加载时触发watch immediate: true,

自定义ElementUi的Timeline组件效果图组件封装代码引用效果图组件封装代码<template> <div id="time-line"> <el-timeline> <el-timeline-item v-for="(activity, index) in activities" :key="index" :icon="activity.icon" :type

使用ES6的Object清空对象值ES6的Object使用顺便贴上js如果清空对象值方法在前端编译过程中，例如Vue，一个页面存在弹框，弹框中存在赋值对象，那么当我们赋值后关闭弹窗，这个对象并没有被重置或清空，当再次打开时，弹框中对象内容仍然存在，按照正常js的方法，我们会把对象的值一个一个还原，这就显得很麻烦，当然，单独写一个函数也未尝不可，但是ES6的出现，就使得处理起来简单很多了。ES6的Object使用# 初始化对象let param = { id: '', name: '', age

@TOCscss文件变量设置// --label-font-color：为js操作此变量需要用到的KEY// --#RED：默认css属性值$labelFontColor: var(--label-font-color, red);js修改scss中$labelFontColor变量值// --label-font-color：为js操作此变量需要用到的KEY// --#BLUE：默认css属性值document.getElementsByTagName('body')[0].style.

Node Sass could not find a binding for your current environment: Windows 64问题来源解决问题问题仍在存在怎么办结语问题来源我个人问题来源就是强迫症，看到最新版本必须更新，可是随之而来的就是版本适配等问题，哎，不过个人仍然坚持使用最新版本，嘿嘿。解决问题其实解决方法很简单，一条命令搞定。npm rebuild node-sass问题仍在存在怎么办上一条命令仍然没有解决问题，怎么办呢，还有一条命令(谨慎使用)npm up