..Leo..-CSDN博客

原创 2021-06-23

应用场景：是两个项目一个项目里使用iframe存放另一个项目(必定有跨域问题)假设：现在有个需求是当iframe里的项目在点击时，给外面的项目传送数据，外面项目要接受到数据iframe里的项目$('.className').click(() => { window.parent.postMessage('我要穿数据过去', '*')})iframe外的项目window.addEventListener("message", event=> { console.log(ev

2021-06-23 14:34:55 65

原创 vue 锚点跳转(带滚动效果)

document.querySelector(#xxx).scrollIntoView({ behavior: "smooth"});

2020-07-22 18:03:45 2280

原创 vue设置proxyTable 解决跨域问题

vue-cli版本是2.x的要在config文件里的index.js修改dev: { proxyTable: { '/': { target: '请求地址+端口 http://192.168.1.10:8080', changeOrigin: true, pathRewrite: { '^/': '/' } }, }}这个项目用的是axios 把baseURL设置为''如果你请求ur

2020-06-18 15:17:11 827

原创 js生成4个随机的数字或者字符串+数字

Math.random().toString().substr(2, 4) // 生成4个数字随机数Math.random().toString(36).substr(2, 4) // 生成4个字符串+数字随机数

2019-10-15 14:13:47 1648

原创 vue-cli3.0修改端口号

package.json文件下修改 --port"scripts": { "serve": "vue-cli-service serve --port 9001", }vue.config.js文件下修改module.exports = { devServer: { port: 9001 }}

2019-10-08 10:33:49 6622 1

原创 js获取当月第一天00:00:00及最后一天的23:59:59

对别的大佬代码进行改进（原来第一天的时间是当前电脑的时间，最后一天是00:00:00 ） // 本月第一天 getCurrentMonthFirst () { var date = new Date() date.setDate(1) return new Date(new Date(date).toLocaleDateString()).getTi...

2019-09-12 14:58:29 1993

原创 Eslint停用import必须在顶部引入的问题

先yarn/npm install babel-eslint然后在 .eslintrc.js 文件中增加，重启项目就不会报错了。parser: "babel-eslint", parserOptions: { sourceType: "module", allowImportExportEverywhere: true}...

2019-06-05 12:15:46 5154

原创 Graphql合并发送多个请求

vue有一个生命周期是mounted，经常在页面加载完之后发一些请求来获取一些信息，如果有多个的话就会在methods里面写多个方法，所以graphql可以帮助我们合并请求。 methods: { initData () { let filterInvite = {} let filterMerchant = {} const param = `query...

2019-05-30 17:39:34 2460

原创 vue cli 3.x打包后修改生成的静态资源的目录和路径

在vue cli 2.x版本修改目录和路径，都在'/config/index'文件里修改。但是vue cli升级成3.x发现这些文件都不见啦，就一个'vue.config.js'文件，我们可以在这里修改:`module.exports = { // 没有书写outputDir属性默认'dist' 对应dev.assetsSubDirectory. outputDir: ...

2019-04-12 14:20:56 11451

原创 vue.js写一个简单的倒计时

在项目中使用到了倒计时来提醒用户，为了自己和大家以后方便copy，写个小demo。时 : 分 : 秒data () { return { hour: 6, // 小时 minutes: 2, // 分钟 seconds: 5, // 秒 }},mounted () { this.timer()},methods: { ti...

2019-03-21 17:22:24 1510

小豆的博客