摘要:
rem布局原理深度理解(以及em/vw/vh) ###一、前言 我们h5项目终端适配采用的是淘宝那套《Flexible实现手淘H5页面的终端适配》方案。主要原理是rem布局。最近和别人谈弹性布局原理,发现虽然已经使用了那套方案很久,但是自己对rem的理解很含糊, 包括vw、vh等。所以打算写博客总结 阅读全文
摘要:
相对于回调函数来说,Promise是一种相对优雅的选择。那么有没有更好的方案呢?答案就是async/await。 优势主要体现在,级联调用,也就是几个调用依次发生的场景。 ##相对于Promise,async/await有什么优点? 比较场景: 级联调用,也就是几个调用依次发生的场景: Promis 阅读全文
摘要:
①监听页面滚动 在生命周期mounted中进行监听滚动: mounted () { window.addEventListener('scroll', this.scrollToTop) }, 在方法中定义监听滚动执行的方法: scrollToTop() { var scrollTop = wind 阅读全文
摘要:
安装就不过多讲解了,请移步至 axios 学习文档 仔细看看文档,就知道axios 是一个基于 promise 的 HTTP 库,axios并没有install 方法,所以是不能使用vue.use()方法的。☞查看 Vue 插件 那么难道我们要在每个文件都要来引用一次axios吗?多繁琐!!!解决方 阅读全文
摘要:
什么是 axios? Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 axios Github 特性 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据 阅读全文
摘要:
Loadsh 常用方法总结 ##安装 npm i lodash -S ##方法一 全局使用 在main.js引入 import _ from 'lodash' Vue.prototype._ = _ 使用 this._.debounce(this.handleClick,1000,false) ## 阅读全文
摘要:
## Lodash 介绍 Lodash :是一个一致性、模块化、高性能的 JavaScript 实用工具库。 [Lodash官网](https://www.lodashjs.com/) ##安装 浏览器环境: ``` ``` 通过 npm: ``` $ npm i -g npm $ npm i -- 阅读全文
摘要:
vue-router路由属性配置说明 export default new Router({ mode: 'history', //路由模式,取值为history与hash base: '/', //打包路径,默认为/,可以修改 routes: [ { path: string, //路径 ccom 阅读全文
摘要:
现在每个项目都可能会用到sass了,但是怎么在vue项目里引入一个variables.scss变量文件供整个项目使用呢?本文将为一些刚用vue的新人讲解一下。 本文环境 Vue 2.x + Vue-CLI 3.x 方法一:增加vue.config.js配置 要在项目下的 vue.config.js 阅读全文
摘要:
一直对require、import存有混淆,抽时间搜罗整理一下笔记,加深记忆。 ##先说总结: 这两个都是为了JS模块化编程使用. 遵循规范: require 是 AMD规范引入方式 import是es6的一个语法标准,如果要兼容浏览器的话必须转化成es5的语法 调用时间: require是运行时调 阅读全文