最近在做一个前后端分离的项目, 前端用的是Vue后端使用的是springboot, 在项目整合的时候发现前端调用后端接口报错403跨域请求问题 前端跨域请求已解决, 那么问题就出在后端了, 找了一些资料找到了很多种方法, 这里说两个简单粗暴的. 注意:“@CrossOrigin“注解要求jdk1.8及以上版本, SpringMVC 4.2及以上版本 1. 在controller层上添加@Configuration注解, 如果没有效果请制定RequestMapping总的method类型在试一下.(此注解也可以...
async/await多个函数关联调用async/await使得异步代码看起来像同步代码 async函数会隐式地返回一个promise,而promise的reosolve值就是函数return的值 Async/Await不需要写.then,不需要写匿名函数处理Promise的resolve值,也不需要定义多余的data变量,还避免了嵌套代码 async声明一个异步函数 await只能在async函数中使用,后面跟一个promise对象 所以在模拟异步调用函数时,函数体内返回promise async/await缺点async函数里,无...
关键是 let that = this 因为在onLoad 的 wx.request方法里, this指的是 wx.request 的上下文, 所以应该是在 onLoad 的时候定义 let that = this 调用远程服务,序列化后,把obj赋值给bookList 最开始的报错代码如下: Page({data: {bookList: []},onLoad: function() {wx.request({url: https://jiashubing.cn/wechat/book,header: {content-type: application/json},success(res) {var obj = JSON.parse(res.data)console.log(...
本文实例为大家分享了js微信分享接口调用的具体代码,供大家参考,具体内容如下 微信api直通车,仔细阅读官方文档问题都可以解决的 好吧,最近用到了,整理下发出来,就这个效果吧1.设置js接口安全域名 这需要使用微信的jssdk,先需要在微信公众号后台进行设置:公众号设置-->功能设置-->JS接口安全域名。打开这个页面之后你会看到下面的提示。需要先下载这个文件并上传到指定域名的根目录。这个文件里面是一个字符串,从名称看是用...
引言微信小程序为了优化用户体验,取消了在进入小程序时立马出现授权窗口。需要用户主动点击按钮,触发授权窗口。 那么,在我实践过程中,出现了以下问题。 1. 无法弹出授权窗口2. 希望在用户已经授权的情况下,不显示按钮1. 具体实现app.js的onLaunch()函数中,添加获取用户个人信息的代码段。实现在用户已经授权的情况(例如第二次打开小程序时)下,自动获取用户个人信息,而不需要用户的授权。 // 获取用户信息 wx.getSetting(...
写完调用天气接口的demo之后,小程序调用天气接口并且渲染在页面,顺便再调用了一下美图的接口API: 美图API url wxml:<view class=imagesize wx:for="{{list}}" wx:key="index"> <image src="{{list.img}}" class=in-image > </image> </view>js: Page({data: {list: []},onLoad: function (options) {wx.request({url: https://api.apiopen.top/getImages,header: {content-type: application/json},success: res => {console....
找到了一个比较好用的新闻接口1:首先写js,老样子用request请求接口url,当请求成功的时候,在控制台打印一下返回的res.data数据,在控制台可以看到打印了接口数据了,在请求接口成功之后,用setData接收数据,并且需在data中声明一个接收数据的变量。 Page({data: {// 3:需在data中声明一个接收数据的变量。list: []},onLoad: function (options) {wx.request({url: https://www.apiopen.top/journalismApi,header: {content-typ...
前两天写了关于组件库 iView Weapp的教程,其实也就是把文档上的例子拿出来体验了一遍,今天写一个具体的例子,调用一个免费的天气接口的api,并且把所获取的内容展示在前端的界面,前端界面与 iView Weapp结合,展示的一个小的demo.先上效果开始写代码:1:找打一个免费的天气接口 免费接口api: https://www.apiopen.top/api.html#tophttps://www.apiopen.top/weatherApi?city=%E4%B8%8A%E6%B5%B7 2:写js代码 写一个request请求...
兄弟ifream的方法调用兄弟ifream Avar ifreamId = window.frameElement && window.frameElement.id || ; var url = url?ifreamId=+ifreamId; parent.layer.open({ title: "title", content: [url], type: 2 });兄弟ifream A 使用parent.layer.open方法打开兄弟ifream B 注:type:2 弹框加载ifream,在url后面加参数,把ifream A的id传给ifream B 兄弟ifream B var ifreamWindowId = GetQueryString("ifreamName") parent.document....
在父组件中调用子组件的方法: 1.给子组件定义一个ref属性。eg:ref="childItem" 2.在子组件的methods中声明一个函数。eg: useInPar:function (str) {console.log(str)} 2. 在父组件的中声明一个函数,并通过this.$refs.childItem.userInPar来使用子组件中声明的函数。 父组件: <template><child-item ref=child /><button @click=useChildFun></button></template><script>```methods() {useChildFun:function(){this.$refs.c...
尾调用(Tail Call)是函数式编程的一个重要概念,本文介绍它的含义和用法。一、什么是尾调用?尾调用的概念非常简单,一句话就能说清楚,就是指某个函数的最后一步是调用另一个函数。 function f(x){return g(x); } 上面代码中,函数f的最后一步是调用函数g,这就叫尾调用。 以下两种情况,都不属于尾调用。 // 情况一 function f(x){let y = g(x);return y; }// 情况二 function f(x){return g(x) + 1; }上面代码中,情况一是调用...
首先,整个项目的创建命令: npm i egg-init -g //安装egg egg-init egg-example --type=simple //初始化一个egg模板例子 后面的type跟的是模板类型这里是简单的 cd egg-example//进入例子 npm i //安装依赖可以去官方教程查看基本配置的讲解。直接说使用,简单看过Egg的文档,官方文档对于入门还是很实用的,再配合一些别人的攻略很容易入门上手就可以使用。首先router.js: use strict;/*** @param {Egg.Application} app - egg ...
想要了解fastadmin中的js是怎么调用的,就应该先了解RequireJs。 RequireJs是模块化工具,每一个我们自己的js文件或者库都可以看成是一个模块,按需引入。写法如下: <script data-main="js/main" src="js/require.js"></script> src是引入requrejs框架文件,data-main是我们自己的js的总入口。js/main对应的js文件是js/main.js(可自行命名) 我们在写项目的时候肯定会用到一些js和js类库,那RequireJs是怎么引用的,下面来介绍一...
本文实例讲述了JQuery特殊效果和链式调用操作。分享给大家供大家参考,具体如下: JQuery的特殊效果fadeOut()淡入 fadeToggle()切换淡入淡出 hide() 隐藏元素 show() 现实元素 toggle() 切换元素的可见状态 slideDown() 向下展开 slideUp() 向上卷起 slideToggle()依次展开或者卷起某个元素<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><style type="text/css">.box{width: 300px;height: 3...
引言 如果说vue是前端工程化使用较多的骨架,那么JavaScript就是我们的前端的细胞。MVVM模式让我们体验到前端开发的便携,无需再过多的考虑DOM的操作。而vue的渐进式开发(逐步引用组件,按需引入),也让许多新手前端开发人员逐步绕过对jQuery的学习。jQuery需要记忆的内容颇多,这也让jQuery变得不那么受新入行开发者喜欢。 在前端工程化的需求没有普及的时候,许多公司使用的是后端渲染技术,为了能够实现友好的前端交互效果,需...