- 博客(4)
- 收藏
- 关注
RSS订阅原创 vue .env文件
.env文件的作用：当某个变量需要在不同环境下取不同的值时，可以使用.env进行配置.env相关的文件有好几个，这里主要用到2个：.env.development和.env.production默认情况下，npm run serve命令，对应的会取.env.development文件中的配置；npm run build构建生成的包，放到服务器去运行，会读取.env.production文件中的配置听说还可以通过--mode命令指定读取哪个配置，没去试过：在package.json中的script
2021-05-14 17:03:13
507
原创 vue中引入vue-xss
在写需求时，有输入框，因此需要处理下xss攻击的问题。它会帮忙过滤一些攻击的代码，下面是最简单的使用，不考虑设置白名单的情况1、下载依赖：npm install vue-xss --save2、main.jsimport VueXss from 'vue-xss'Vue.use(VueXss)3、使用在js中let message = xxxmessage = this.$xss(message)在html中<div v-html="$xss(message
2021-05-14 16:22:30
3051
原创 解决移动端scrollTo({behavior: “smooth“})滑动效果失效的问题
js自带的scrollTo方法可以设置动画，滚动的效果，代码在电脑上正常，但是在手机上的时候就没有smooth的滑动效果了，只能僵硬的跳到某个位置，类似scrollTop赋值的效果，这里从一个博客看到的一个解决办法，试了下确实可以，所以记录一下：首先安装这个插件：smoothscroll-polyfillnpm install smoothscroll-polyfill --save然后引入并在组件创建的时候调用下这个方法：比如mounted中import smoothscroll fr
2021-05-14 16:12:29
7407
1
原创 vue实现：聊天记录，下拉加载下一页数据，并让页面停留在原位置
需要实现一个类似微信聊天记录的功能，其中碰到一个问题：下拉加载下一页数据时，将请求到的数据放到原数组前面，这时候vue会自动重新渲染页面，页面会回到顶部，这并不是我要的效果。实现思路：1、首先，要实现让页面到某个位置，需要用到scrollTop属性；2、然后就需要计算scrollTop的值为多少，则滑动多少距离；3、计算滑动距离的思路：既然需要停留在当前位置的话，那么正常思考的话就是需要知道加载的这一页数据所占的高度，然后将scrollTop值设置为这个高度即可，但这里有个问题，即便每次加载
2021-05-14 15:43:37
7638
12
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人