Vue相关知识点记录

1. webpack中 VUE使用搜狐ip库查询设备ip地址

http://www.mamicode.com/info-detail-2461689.html

2. vue-cli脚手架build目录中的webpack.base.conf.js配置文件

https://www.cnblogs.com/ye-hcj/p/7082620.html

3. 简单明了区分escape、encodeURI和encodeURIComponent

https://www.cnblogs.com/season-huang/p/3439277.html

注：微信开发中传递调整url，参数需要使用encodeURIComponent进行编码，否则有可能会识别不到

4. javascript json字符串与对象相互转换

https://www.cnblogs.com/haciont/p/6249649.html

注：JSON.parse(str)方法有效，str.parseJSON();会提示方法不存在。

5.nodejs 获取客户端 ip 地址

https://www.cnblogs.com/lpbottle/p/nodejs_get_ip.html

注：当没有获取反向代理IP时，服务端跨域服务器获取到的客户端IP为172.0.0.1。故需要用

req.headers['x-forwarded-for']来获取。

6. 动态根据列表中的变量来控制播放状态的图标，正确方式如下：

<img :src="icon_list_listen" v-show="item.index !== playIndex" @click.stop="startPlay(item)"/>

说明：1.用一个变量记录列表item中的某个唯一标志；2. ui再去判断item对应值是否等于该变量的值

7. 播放和暂停Url音频内容

<audio :src="audio_url" ref="audio">  </audio>

使用说明：1. 给audio_url赋值；2. 播放控制：this.$refs.audio.play() 或this.$refs.audio.pause()

播放另有方式：this.$refs.audio.addEventListener('canplay',function(e){

                        _.$refs.audio.play()

                        _.$emit('canplay',true)

                    })

8. 周期执行某个方法：js setInterval详解

https://www.cnblogs.com/everest33Tong/p/6322484.html

注：1. setInterval(code,interval) code里面返回flag标志  2. clearInterval(flag)用于停止运行

9. VUE fastclick input 点击框输入失效， 需要点击两次

https://blog.csdn.net/xz370057448/article/details/82842774

问题示例：绑定验证码界面输入框，在IOS11.3上需要点击两次才可输入问题

10.vue  webpack打包时如何去掉console.log？

https://blog.csdn.net/qq_33218955/article/details/86131526

在webpack.prod.conf.js  文件中（35行左右）将设置修改为

 new UglifyJsPlugin({
  uglifyOptions: {
    compress: {
      warnings: false,
      drop_debugger: true,
      drop_console: true
    }
  },
  sourceMap: config.build.productionSourceMap,
  parallel: true
})

11. 动态设置div背景图片

:style="{backgroundImage: 'url(' + item.bgItem + ')'}"

参考：https://blog.csdn.net/m0_37805167/article/details/80251103