摘要:
今天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 文件 阅读全文
摘要:
在 Vuejs 项目中如何定义全局变量 全局函数 在项目中,经常有些函数和变量是需要复用,比如说网站服务器地址,从后台拿到的:用户的登录 token, 用户的地址信息等,这时候就需要设置一波全局变量和全局函数. 定义全局变量 原理: 设置一个专用的的全局变量模块文件,模块里面定义一些变量初始状态,用 阅读全文
摘要:
整合方法和使用axios的方法类似.具体步骤如下: 引入mui的css和js import mui from './lib/mui/js/mui.js' import './lib/mui/css/mui.min.css' Vue.prototype.$mui = mui; // mui 不能 us 阅读全文
摘要:
本篇文章主要介绍了 vue cli 2.8.2 中的 webpack 配置详解, 做个学习笔记 版本 vue cli 2.8.1 (终端通过 vue V 可查看) vue 2.2.2 webpack 2.2.1 目录结构 webpack 配置 主要对 build 目录下的 webpack 配置做详细 阅读全文