【小程序 之第三方腾讯视频插件】教程文章相关的互联网学习教程文章

小程序后端项目【Springboot框架】部署到阿里云服务器【支持https访问】【代码】【图】

前言:我的后端项目是Java写的,用的Springboot框架。在部署服务器并配置https访问过程中,因为做了一些令人窒息的操作(事后发现),所以老是不能成功。不成功具体点说就是:域名地址可以正常访问(http/https均可),而部署在服务器上的API仍然只能通过http访问,通过https访问会显示不安全连接!通过提交工单,得到阿里云工作人员的帮助,他们给出了答案:然后我想,我好像知道是咋回事了呢。1. Springboot框架是内嵌有tomcat的...

微信小程序动态渲染类名无效

无效原因:三元表达式所动态渲染的类名是字符类型必须为类名添加 引号 正确写法 <view wx:key="idx" wx:for-index="idx" wx:for="{{goodses}}" class="content {{(idx%2)==0?content_left:}}"></view> 错误写法 <view wx:key="idx" wx:for-index="idx" wx:for="{{goodses}}" class="content {{(idx%2)==0?content_left:}}"></view>

微信小程序api视频课程-界面-交互-wx.showToast 消息提示框的使用【代码】【图】

效果图wxml代码 wx.showToast(Object object) 显示消息提示框<button bindtap="ts01">消息提示框01</button><button bindtap="ts02">消息提示框02</button><button bindtap="ts03">消息提示框03</button><button bindtap="ts04">消息提示框04</button>js代码/*** 页面的初始数据*/data: {},ts01:function(){wx.showToast({title: '提示01',icon:"success",duration:3000})},ts02: function () {wx.showToast({title: '提示02',icon...

小程序兼容全面屏自定义底部按钮【代码】【图】

如果你的小程序有用fixed定位到底部的话,那你一定会遇到兼容全面屏的坑。查了下文档,发现能用的就只有一个api: wx.getSystemInfoSync() 不过蛋疼的是这个api并没有提供类似安全距离这样的数据,只提供了以下可能用得到数据: 研究了下发现只能曲线救国了: 上代码:export function $checkFullSucreen () {Taro.getSystemInfo().then((res) => {if (res.screenHeight - res.windowHeight - res.statusBarHeight - 46 > 70) { ...

微信小程序 旋转木马轮播图【图】

效果图如下 wxml代码:<view class='top'><swiper class='swiperClass' indicator-dots='true' style='height:784rpx;width:100%' circular previous-margin="140rpx" next-margin="140rpx" bindchange="bindchange"><block wx:for="{{imgUrls}}"wx:key="{{index}}"><swiper-item><image src="{{item}}" class="slide-image {{swiperIndex == index ? 'active' : 'quiet'}}" mode='aspectFill' /></swiper-item></block></swiper><...

微信小程序--家庭记账本开发--06【代码】【图】

重要部分学习——记账簿 本次项目开发的目的主要是记账本的开发,最初自己想法简单,把家里的纸质记账簿变成手机上的记账簿。最终自己程序可以实现的功能可以记录每天的账目信息,并形成叠加效果,并按1、2、3……向下进行排列,以实现记账。 展示如下: 其中该程序利用不同按钮实现账目信息的增加或者删除,相关代码如下: 添加账目信息: <view class="pure-u-4-24"><button type="primary" size="mini" bindtap="addWant"> + </...

微信小程序实现banner图轮播(动态获取数据),自动获取图片高度【图】

效果图:indicator-active-color="#007aff"//修改选中图片圆点的颜色 js:const app = getApp()Page({data: {//-----------模拟banner图-----------imgUrls: ['/image/1545118381903.jpg','/image/1545118566631.jpg'],circular: true,//是否显示画板指示点 indicatorDots: true,//选中点的颜色 //是否竖直 vertical: false,//是否自动切换 autoplay: true,//自动切换的间隔interval: 3000,//滑动动画时长毫秒 duration: 1000...

小程序学习笔记一【图】

1 开发者工具保存代码时报错? 问题描述:安装完“微信web开发者工具”以后,第一次打开编码,保存时(ctrl+s)居然一直报错,错误提示如下:“保存失败:Error: EPERM: operation not permitted, open……..” 解决方法:关闭开发者工具,重新以管理员身份打开。 2 项目根目录下的app.json和project.config.json文件分别是做什么用的? 前者是项目的入口文件也是全局配置文件(每个页面还有单独的配置文件),后者是保存微信开发...

微信小程序斩获世界大奖后,中小企业怎样搭上这辆快速列车?【图】

在乌镇举行的第五届世界互联网大会“世界互联网领先科技成果发布活动”,小程序作为一项全新的技术和应用创新,首次获选世界互联网领先科技成果。想进小程序市场,什么行业适合你?该做什么小程序?通过报告看,获得投资次数最多的领域是媒体、企业服务和教育,资本看好,创业趋势大半都会往这三个领域上靠拢。企业服务这一领域相比于其他领域而言门槛更低,专业度要求相对更低。橙子想说,如果你想要快速搭上这趟小程序快车,代理产...

3个月收获数十万用户,易车小程序“小艾懂车”的推广仍有发展空间

相较于APP和服务号,小程序这种附着于微信生态的“轻APP”因其功能丰富、使用便捷和体验良好而受到众多网友的喜爱。随着迭代升级加速,小程序的功能越来越丰富,应用场景益发多样化,加上低廉的开发成本,小程序开发如火如荼,如今不仅成为主流APP的标配,更多工具属性的小程序也如雨后春笋般涌现。 智能购车机器人“小艾懂车”就是当前诸多工具类小程序之一,而在并无显著推广的情况下,小艾懂车推出仅3个月便收获了高达数十万的用...

微信小程序学习笔记(二)----微信文件结构、类型简单介绍【图】

当我们打开微信开发者工具之后,是这样的一个界面:我这里是把模拟器隐藏了,所以只有编辑器和下面的调试器(类似与网站上面的网页调试) 这一篇文章主要说一下小程序的文档结构和文件类型。下面是基础生成的小程序的文档结构:下面主要参考了微信官方文档的代码构成部分,本文也在此基础上做了一点点补充,大家也可以看下面的官方网址进行了解: https://developers.weixin.qq.com/miniprogram/dev/quickstart/basic/file.html 首...

小程序弹窗阻止滑动的两种方法

弹出 fixed 弹窗后,在弹窗上滑动会导致下层的页面一起跟着滚动。 场景1:弹窗内无滚动内容 可以在弹窗最外层元素绑定touchmove事件,触发事件返回false即(在vue类框架中也可以加.stop阻止冒泡)。 简单写法:catchtouchmove=true 此种方式会阻止弹窗内内容的滚动。 场景二:弹窗内有滚动内容 在弹窗外层根元素动态添加一个no-scroll样式,定义no-scroll为{height: 100%; overflow: hidden;} 当需要阻止滑动的弹窗显示时添加no-sc...

win10应用商店闪退及应用商店相关小程序打不开解决办法

首先检查下系统更新,把所有检测到的更新全部安装(安装完更新之后还是不行可以尝试以下办法)点击任务搜索框图标,输入Powershell,右击Powershell,选择“以管理员身份运行”输入以下命令:1、先输入以下命令(可以复制粘贴)回车: $manifest = (Get-AppxPackage Microsoft.WindowsStore).InstallLocation + \AppxManifest.xml ; Add-AppxPackage -DisableDevelopmentMode -Register $manifest2、然后输入以下命令:...

小程序 flex布局 绝对布局【图】

position:relative,相对布局 相对自己布局 left:50px,top:50px (自己居左居上各50px) position:absolute,绝对布局 找近的一个已定位的父级元素进行定位(父级元素也需要已经定位,使用position属性) left:50px,top:50px (自己距离已定位的父级元素居左居上各50px) display:flex 容器属性 flex-direction:row(默认横),column(竖) flex-wrap:一排显示不下的时候 自动换行 ,nowrap(默认不换行)...

微信小程序的服务(功能)直达有什么作用?【图】

微信小程序开放服务(功能)直达入口 就在前天也就是9月28日,微信发文宣布服务(功能)直达开放,这一能力将让用户更便捷地找到所需服务,拉近商家与用户的距离。通过微信里面的搜一搜功能区搜索某一种产品或者服务的时候,搜索页面将呈现相关服务的小程序,点击搜索结果,可直达小程序相关服务页面。你的小程序将排在搜一搜首位,小程序将迎来新一轮爆发。 微信小程序的服务(功能)直达是什么? 微信官方对服务(功能)直达的定义是「满足...