摘要：
需求： 从接口动态获取子菜单数据 动态加载 要求只有展开才加载子菜单数据 支持刷新，页面显示正常 思路： 一开始比较乱，思路很多。想了很多 首先路由和菜单共用一个全局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等等）启发，允许直 阅读全文
摘要：
8.12MessageChannelMessageChannel 常用于主线程与 Web Worker 线程之间的通信，尤其是当需要在Worker完成计算或处理后，向主线程报告结果时 0. 避免宏任务队列堵塞：在某些场景下，使用setTimeout或Promise来延迟执行可能不够精确或会导致不必要 阅读全文
摘要：
Vue CLI 项目页面打开时间优化：从16秒到2秒内 - dev-zuo 技术日常在日常开发中，经常要写一些 demo 来测试一些功能，于是专门新建了一个 github 仓库来管理，方便积累。这次想着把 vue demo 部署到服务器，方便 PC/手机 实时看效果。于是把 vue-cli 项目 n 阅读全文
摘要：
useEffect 将组件连接到外部系统，处理网络、浏览器、DOM、动画、使用不同 UI 库编写的小部件以及其他非 React 代码。 useInsertionEffect 在 React 对 DOM 进行更改之前触发，库可以在此处插入动态 CSS 默认情况下，当一个组件重新渲染时， React 将 阅读全文
摘要：
前端领域提升性能，可以考虑以下几个关键方向： 网络优化： 减少HTTP请求：通过合并文件、使用雪碧图、CSS内联小图片等方式减少请求次数。开启HTTP/2或HTTP/3：利用多路复用、头部压缩等特性提升传输效率。DNS预解析：使用<link rel="dns-prefetch">预解析DNS，减少域 阅读全文
摘要：
<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 阅读全文