yumihe
码龄7年
  • 425,017
    被访问
  • 61
    原创
  • 1,615,667
    排名
  • 26
    粉丝
关注
提问 私信
  • 加入CSDN时间： 2015-11-09
博客简介：

yumihe

博客描述：
路漫漫其修远兮
查看详细资料
个人成就
  • 获得66次点赞
  • 内容获得55次评论
  • 获得237次收藏
创作历程
  • 14篇
    2020年
  • 18篇
    2019年
  • 28篇
    2018年
  • 1篇
    2017年
成就勋章
TA的专栏
  • mpvue
    6篇
  • css3
    2篇
  • vue
    25篇
  • 微信小程序
    4篇
  • nodejs
    2篇
  • chrome
    1篇
  • vuex
    3篇
  • js
    18篇
  • json
  • jsonp
    2篇
  • flyio
    2篇
  • npm
    1篇
  • 跨域
    2篇
  • csdn
    1篇
  • filters过滤器
    1篇
  • 时间戳
    1篇
  • element-ui
    3篇
  • wowjs
    1篇
  • mysql
    2篇
  • 编辑器
    3篇
  • nginx
    1篇
  • iView
    1篇
  • axios
    1篇
  • eslint
    1篇
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

js原生实现防抖节流

共同点：都用到了setTimeout定时器，都是在指定时间间隔后执行函数，都是为了解决数据时时变化而时时请求导致性能差的问题区别：防抖在指定时间间隔里再次调用函数，会清除定时器，重新计时，直到在最新的计时时间间隔里没有调用函数，才会执行定时器里的函数。而节流会在指定时间间隔后会执行一次函数，不会清除定时器而重新计时防抖缺点：当用户在指定时间间隔里一直操作，那么setTimeout里的函数永远不会执行节流缺点：如果用户一直操作，那么setimeout里的函数会在指定时间间隔后都会执行一次，如此反复
原创
发布博客 2020.09.10 ·
7048 阅读 ·
2 点赞 ·
0 评论

js - do while与while的区别

do while先执行后判断，循环至少执行一次，即便条件为falsewhile先判断后执行let i = 2do { console.log(i) // 2 i++}while(i < 2) { console.log(i) // 3}let j = 2while(j < 2) { // 没有执行 console.log(j)}...
原创
发布博客 2020.08.07 ·
662 阅读 ·
0 点赞 ·
0 评论

js - return在for 循环与forEach循环里的的区别

for循环里的return中止整个循环，循环后面的代码不会被执行。forEach循环里的return中止本次循环，继续下一次循环，循环后面的代码会被执行。forEach可以使用try catch来中止整个循环。// for循环里的return中止整个循环let test = ()=>{ for(let i=0;i<5;i++){ if(i === 3){ return } cons...
原创
发布博客 2020.08.07 ·
259 阅读 ·
0 点赞 ·
0 评论

JS中使用instanceof能得到哪些类型

instanceof用来判断对象的具体类型objectName instanceof objectType其原理就是检测函数的prototype是否在被检测对象的原型链上console.log([] instanceof Array) // trueconsole.log({} instanceof Object) // trueconsole.log((()=>{}) instanceof Function) // true// instanceof用来判断数组存在误区，原...
原创
发布博客 2020.08.05 ·
717 阅读 ·
1 点赞 ·
0 评论

JS中使用typeof能得到哪些类型

typeof用于判断数据类型，返回值有6个字符串：string、number、undefined、boolean、object、functionarray、object、null、函数实例（new + 函数）通过typeof判断都为objectArray、Object、function(){}、(()=>{})、Function通过typeof判断都为functionconsole.log(typeof 'aa') // stringconsole.log(typeof 4) // .
原创
发布博客 2020.08.05 ·
802 阅读 ·
0 点赞 ·
0 评论

js - 计算elment-ui里的日期插件的结束日期与开始日期相差的年月日

需求：日一致，则相差年月日为年、月相减，不做具体天数的计算，如2020年7月1日-2020年8月1日，则相差年月日为“0年1月0日”插件：element-ui、moment，使用了moment来获取某个月份的天数// 获取到的日期格式为["yyyy-mm-dd", "yyyy-mm-dd"]<el-date-picker v-model="dateTime" type="daterange" align="left" unlink-panels range-separa
原创
发布博客 2020.08.10 ·
193 阅读 ·
0 点赞 ·
0 评论

js - 循环滚动TOP10

场景：在固定高度区域里循环滚动前10条数据<div id="caseRank"> <ul id="rankList1"> <li v-for="(item,index) in platList" :key="index" > <span>{{ index + 1 }}</span> <span class="cont">{{ item.name }}</sp
原创
发布博客 2020.06.17 ·
449 阅读 ·
0 点赞 ·
0 评论

sessionStorage 存、取、删除、清空数据方法封装

存数据：sessionStorageSet// 存数据export const sessionStorageSet = (name, obj) => { if (typeof obj === 'undefined') { return false } // obj为undefined或null或空字符串不能存储，布尔值可存储，但取时为字符串 if(!obj && (typeof obj === 'undefined' || typeof obj === '.
原创
发布博客 2020.06.17 ·
12023 阅读 ·
4 点赞 ·
1 评论

hash模式下，获取url中的参数，并解决乱码问题

encodeURIComponent 编码decodeURIComponent 解码例如：http://xxx?userId='666'&userName=’用户名‘utils.js// 获取url中的参数 hash模式下export function formatUrlParams() { let url = window.location.hash let obj = {} if (url.indexOf('?') !== -1) { let start.
原创
发布博客 2020.06.17 ·
1240 阅读 ·
1 点赞 ·
0 评论

history模式下，获取url中的参数，并解决乱码问题

encodeURIComponent 编码decodeURIComponent 解码例如：http://xxx?userId='666'&userName=’用户名‘utils.js// 获取url中的参数 history模式下export function formatUrlParams() { let url = window.location.href let obj = {} if (url.indexOf('?') !== -1) { let st.
原创
发布博客 2020.06.17 ·
937 阅读 ·
1 点赞 ·
0 评论

vue项目中mockjs的简单场景使用

安装mockjs：npm install mockjs --save-dev在vue.config.js平级创建mock.jsimport Mock from 'mockjs'// 该方法用于拦截带参数的地址let getRegExpUrl = (url) => { return RegExp(url + '.*')}Mock.mock(getRegExpUrl('/cooperate-case-server/flowRules/selectFlowRules'), { '
原创
发布博客 2020.06.17 ·
619 阅读 ·
0 点赞 ·
0 评论

vue-cli3 vue.config.js 配置entry 引入mock..js

使用场景：在开发环境，使用mock.js；在生产环境，不使用mock.jspackage.json配置："scripts": { "serve": "cross-env NODE_ENV=development vue-cli-service serve", "build": "cross-env NODE_ENV=production vue-cli-service build",}vue.cofig.jsconfigureWebpack: (config) => {
原创
发布博客 2020.06.17 ·
6771 阅读 ·
0 点赞 ·
0 评论

el-table 动态生成多级表头

html代码：<el-table v-loading="loading" :data="orgTableData" :header-cell-style="{'background':'#f5f7fa','color':'#666'}" stripe border> <el-table-column prop="number" label="序号" width="80" type="index" align="cent
原创
发布博客 2020.06.17 ·
2291 阅读 ·
0 点赞 ·
3 评论

el-table 动态生成表头

html代码：<el-table v-loading="loading" :data="orgTableData" :header-cell-style="{'background':'#f5f7fa','color':'#666'}" stripe border> <el-table-column prop="number" label="序号" width="60" type="index" align="cent
原创
发布博客 2020.06.17 ·
3471 阅读 ·
0 点赞 ·
0 评论

通过finalshell查找前端端口号的nginx配置文件

第一步：新建并连接服务如不清楚，可参考文章：https://blog.csdn.net/qq_32678401/article/details/103564131第二步：找到nginx配置文件命令： netstat -nltp |grep端口号 pwdx进程号 ----查看工作目录第三步：在nginx配置文件里，找到含有关键词的文件...
原创
发布博客 2019.12.16 ·
1680 阅读 ·
0 点赞 ·
0 评论

finalshell - 新建并连接服务

第一步：新建服务（1）点击“文件”图标，出现连接管理器弹窗（2）点击下面红框里的图标，选择第一个“SSH连接(Linux)”，出现新建连接的弹窗（3）在新建连接弹窗中，输入名称、主机、用户名、密码。一般名称与主机保持一致。点击确定，在连接管理器窗口里会增加一条服务。第二步：连接服务（4）在连接管理器窗口，右键新建的服务，点击连接，进入命令窗口，看到以下界面，说明连接成...
原创
发布博客 2019.12.16 ·
3214 阅读 ·
0 点赞 ·
0 评论

vscode中使用eslint + prettier来规范代码格式

1，vscode扩展中安装ESlint，并ctrl+,打开设置，点击右上角从左到右第三个图标，打开settings.json文件2，在vscode设置settings.json中添加如下配置 "eslint.autoFixOnSave": true, // 保存时自动格式化 "eslint.validate": [ "javascript", "javascri...
原创
发布博客 2019.08.20 ·
3809 阅读 ·
0 点赞 ·
0 评论

new RegExp() + scrollIntoView() 实现关键词查询，添加高亮样式

通过一个小demo实现以下功能点： （1）对内容做关键词查询，将内容中的关键词添加高亮样式，默认第一个关键词样式区别其它关键词样式 （2）点击上一个下一个按钮查找关键词，使当前关键词样式区别于其它关键词样式 （3）当前关键词通过scrollIntoView()，使其始终出现在可见区域内 （4）点击清空，清空所有关键词高亮样式，滚动条...
原创
发布博客 2019.08.19 ·
263 阅读 ·
0 点赞 ·
0 评论

js - 通过锚点实现导航联动内容，通过监听容器里的滚动条，实现内容联动导航

写这篇文章的背景：接手的项目中有一个页面，通过锚点实现了导航联动内容，但是没有实现内容滚动时联动导航于是我在项目中实现这一功能之前，在本地模拟了相同的场景以下代码可以直接复制到本地查看效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <ti...
原创
发布博客 2019.08.15 ·
1931 阅读 ·
1 点赞 ·
0 评论

visibilitychange - 指定标签页可见时，刷新页面数据

三个知识点： 一通过监听浏览器页面可见性改变（visibilitychange）事件，来判断标签页是否可见 二配置路由的meta，来判断是否是指定的标签页 三调用其它模块的actions，刷新数据router.jsroutes: [ { path: "/", redirect: "index" }, { path: "/ind...
原创
发布博客 2019.08.08 ·
922 阅读 ·
0 点赞 ·
0 评论
加载更多