摘要：
需求： 从接口动态获取子菜单数据 动态加载 要求只有展开才加载子菜单数据 支持刷新，页面显示正常 思路： 一开始比较乱，思路很多。想了很多 首先路由和菜单共用一个全局route, 数据的传递也是通过store的route, 然后要考虑的俩个点就是一个就是渲染菜单和加载路由，可以在导航首位里处理路由， 阅读全文
摘要：
var url = interfaceURL; var backUrl = interfaceBackURL; var hardBackUrl = hardDataURL; var cacheTime = 10day; Ajax({ url: url, backurl: backUrl, succe 阅读全文
摘要：
自己根据项目需要，把代码摘了出来 <div class="img-box"></div> 最终效果就是等比的四四方方的图标..... 参考原文：https://ruby-china.org/topics/17011 阅读全文
摘要：
moment.js 时间函数库 query-string url参数解析库 https://github.com/peunzhang/pageResponse 移动端响应 适用滑屏 简单页面 https://zh.javascript.info/ https://chokcoco.github.io 阅读全文
摘要：
(function(win, doc, docEl) { function setRem() { var width = docEl.getBoundingClientRect().width; var rem = width / 10; win.rem = rem; docEl.style.fon 阅读全文
摘要：
// Underscore.js 1.8.3 // http://underscorejs.org // (c) 2009-2015 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors // Underscore may be freely distributed under t... 阅读全文
摘要：
; /*!/client/widget/login/login-form/login-form.js*/ define("passport:widget/login/login-form/login-form.js", function (require, exports, module) { "use strict"; function _classCallCheck(ins... 阅读全文
摘要：
点击样式闪动 Q: 当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。 A:根本原因是-webkit-tap-highlight-color，这个属性是用于设定元素在移动设备（如Adnroid、iOS）上被触发点击事件时，响应的背景框的颜色。建议写在 阅读全文
摘要：
内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 的开源 UI 组件库 mint-ui 阅读全文
摘要：
https://github.com/bedlate/vue-data-loading Examples examples Installation npm install vue-pull-to --save Use Setup <template> <div> <pull-to :top-loa 阅读全文
摘要：
git使用ssh密钥 git支持https和git两种传输协议，github分享链接时会有两种协议可选： git协议链接图例 : ↓ https协议链接图例：↓ git使用https协议，每次pull, push都会提示要输入密码，使用git协议，然后使用ssh密钥，这样免去每次都输密码的麻烦 初次 阅读全文
摘要：
附录：个人的VSCode首选项配置（仅供参考） { "editor.tabSize": 2, "files.associations": { "*.vue": "vue" }, "eslint.autoFixOnSave": true, "eslint.options": { "extensions 阅读全文
摘要：
https://rsuitejs.com 阅读全文
摘要：
看图： 推荐： https://www.cnblogs.com/summerblue/p/8940028.html https://segmentfault.com/a/1190000014509724?utm_source=channel-hottest https://segmentfault. 阅读全文
摘要：
MUI：http://dcloudio.github.io/mui/（使用H5+app模式，号称是最接近原生，但是目前在手机和电脑浏览器无法使用） app-framework：http://app-framework-software.intel.com/ （有Android、iOS等主题样式可供选 阅读全文
摘要：
https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ 阅读全文
摘要：
又是一年双十一，亿万用户都会在这一天打开手机淘宝，高兴地在会场页面不断浏览，面对琳琅满目的商品图片，抢着添加购物车，下单付款。为了让用户 更顺畅更方便地实现这一切，做到“如丝般顺滑”，双十一前夕手机淘宝成立了“521”（我爱你）性能优化项目，在日常优化基础之上进行三个方面的专项优化 攻关，分别是1) 阅读全文
摘要：
H5项目常见问题及注意事项 补充： https://github.com/aligay/fastclick/blob/master/lib/fastclick.js Meta基础知识： H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 空白页基本meta标签 其他meta标签 常见问题： 移动端如 阅读全文
摘要：
目录 常规方式实现搜索功能 RxJS · 流 Stream RxJS 实现原理简析 观察者模式 迭代器模式 RxJS 的观察者 + 迭代器模式 RxJS 基础实现 Observable Observer RxJS · Operators Operators ·入门 一系列的 Operators 操作 阅读全文
摘要：
介绍 RxJS是一个异步编程的库，同时它通过observable序列来实现基于事件的编程。它提供了一个核心的类型：Observable，几个辅助类型（Observer，Schedulers，Subjects），受到Array的扩展操作（map，filter，reduce，every等等）启发，允许直 阅读全文
摘要：
<template> <!-- 上传弹窗 --> <el-dialog title="上传文档" width="648px" :close-on-press-escape="false" :close-on-click-modal="false" :visible.sync="uploadDialo 阅读全文
摘要：
em整理： 任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么 12px=0.75em,10px=0.625em。为了简化 font-size 的换算，需要在 css 中的 body 选择器中声明Font-size=62.5%，这就使 em 值变为 16px*6 阅读全文
摘要：
https://github.com/tim-kos/node-retry （npm install retry） const retry = require('retry') const delay = require('delay') const isItGood = [false, false 阅读全文
摘要：
<div class="container"> <img src="loading.gif" data-src="pic.png"> <img src="loading.gif" data-src="pic.png"> <img src="loading.gif" data-src="pic.png 阅读全文
摘要：
播放器播放条 斗鱼、Youtobe等 https://web-streaming.github.io/ppbar/ 使用 使用 ppbar，需要导入 ProgressBar 类和 ppbar 的样式。 import ProgressBar from 'ppbar'; import 'ppbar/di 阅读全文
摘要：
<template> <div class="list-wrapper" ref="allListRef"> <div v-if="showArrow && listSource.length > minArrowItemsCount" @click="scrollLeft" class="arro 阅读全文
摘要：
宫格布局第一种：.template-list { width: 100%; border-radius: 4px; height: 202px; display: grid; grid-template-columns: repeat(4, 94px); gap: 8px; overflow-y: 阅读全文
摘要：
import { groupBy } from 'lodash'computed: { groupRecords() { const records = this.dataRecords .map( data => { const date = moment(this.tabActive 1 ? d 阅读全文
摘要：
navigator.sendBeacon()方法可用于通过HTTP将少量数据异步传输到Web服务器。 使用sendBeacon() 方法会使用户代理在有机会时异步地向服务器发送数据，同时不会延迟页面的卸载或影响下一导航的载入性能。这就解决了提交分析数据时的所有的问题：数据可靠，传输异步并且不会影响下 阅读全文
摘要：
一、Safari下问题说明 在 Safari 浏览器下，无论是桌面端 Safari，还是 iOS Safari，visibilitychange 事件不总是触发的。 对于窗口最小化，Tab 隐藏等行为 visibilitychange 事件是正常的，但是如果是点击页面某个链接发生的当前页导航跳转，则 阅读全文