摘要： 在浏览器中按 f12 打开【开发人员工具】，找到【console(控制台)】，输入以下代码，再按回车，稍等片刻即可把全部图标加入购物车 var ll = document.getElementsByClassName('icon-gouwuche1'); for (var i=0; i<ll.len 阅读全文

摘要： Foreword 虽然音乐播放这类的项目的静态展示居多,业务逻辑并不复杂，但是对于我这种后端出身的前端萌新来说，能使用vuejs完成大部分功能, 也会有许多收获。 api：我使用的是一个开源的 nodejs 封装的网易云音乐 api，名叫NeteaseCloudMusicApi 文档地址 githu 阅读全文

摘要： Vue 开发插件 我们可以先查看Vue的插件的开发规范 我们开发的之后期望的结果是支持 import、require 或者直接使用 script 标签的形式引入，就像这样： ps: 这里注意一下包的名字前缀是 unisoft ，组件的名字前缀是 uni import UniSoftUI from ' 阅读全文

摘要： 今天Chrome自动升级到69.0.3497.92, 发现UI已经变成了"Material Design Refresh". Chrome 浏览器的页面标签已经不再像以往那样倾斜和尖锐的外观，将引入圆形标签，圆润的地址栏和新的打开标签按钮。 在本次设计调整中，在 Windows、Linux 和 Ch 阅读全文

摘要： Vue module for lazyloading images in your applications. Some of goals of this project worth noting include: 1. Be lightweight, powerful and easy to us 阅读全文

摘要： 基于 vue cli 配置手淘的 lib flexible + rem，实现移动端自适应 1. 安装 flexible 2. 引入 flexible 在项目入口文件 main.js 中添加如下代码，引入 flexible 3. px 转 rem 使用 webpack 的 px2rem loader, 阅读全文

摘要： 实现思路(长宽比2:1): 以父级元素为基准, 子级 width:100%; (也就是父级宽度的 100%), padding top:50% (也就是父级宽度的 50%, 根据 css 规范, padding 用百分比表示的话, padding: 100% 等于父元素的宽度); 为什么不直接 ? 阅读全文

摘要： 做项目中，我们在写弹框的时候，不管弹框的内容多或者少，可能需要一些内容需要固定在框底部，比如关闭按钮。stick footer 就是让 footer 元素固定在底部 1. 当内容不足满屏时，footer 紧贴最底部 2. 满屏需要下拉时，footer 就在内容的底部 以下主要用一种固定的结构实现 s 阅读全文

摘要： better scroll 是一个页面滚动插件，用它可以很方便的实现下拉刷新，锚点滚动等功能。 实现原理：父容器固定高度，并设置 overflow：hidden，子元素超出父元素高度后将被隐藏，超出部分可滚动且没有滚动条。 "github地址" 一. 立即使用 二. 结合 vue 使用 1. 安装 阅读全文

摘要： scss 入门 1. scss 引入其他文件 1. 引入其他 .scss 文件 这样的话，文件在编译后，会自动把引入的文件和当前文件合并为一个. scss 文件 2. 引入其他 .css 文件 和引入. scss 文件不同，这样引入的. css 文件在编译后不会和当前文件合并为一个. scss 文件 阅读全文