Artemis_Wang的博客

背景在h5应用开发中，仅有一个配置文件（static/js/config.js）用于维护环境变量，这样当从tst分支merge代码到prd分支时，会将prd环境的配置文件中prd环境地址覆盖成tst环境地址，需要再修改为prd环境地址后并注释掉vconsole提交代码至master。解决办法1. 将环境变量抽离出来分别存到三套环境（prd/tst/dev）的配置文件中，配置文件放在根目录下开发环境，文件名：.env.developmentNODE_ENV = 'development'

let elm = document.getElementById('elm')elm.getBoundingClientRect().top // 获取当前元素与viewport上边的距离elm.getBoundingClientRect().bottom // 获取当前元素与viewport下边的距离elm.getBoundingClientRect().left // 获取当前元素与viewport左边的距离elm.getBoundingClientRect().right // 获取.

移动端H5主要包括 3 种触屏事件touchstart：手指接触屏幕时触发 touchmove：已接触的手指开始移动后触发 touchend：手指离开屏幕时触发解释： 每个触摸事件对象都包括touches属性，用于描述目前位于屏幕上所有手指的信息 单指操作中，使用 touches[0] 即可注：在vant组件上直接调用touchmove事件可能不生效，替换为touchmove.native即可...

1. 组件组件的定义有两种命名方式：PascalCase 和kebab-casePascalCase 定义的组件的引用：PascalCase 和kebab-case 均可// PascalCase定义方式Vue.component('MyComponentName', { /* ... */ })// 引用方式一<my-component-name>// 引用方式二<MyComponentName>kebab-case定...