![](https://img-blog.csdnimg.cn/20210513194106850.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
小程序、uni-app
文章平均质量分 51
把自己所学到的东西以及工作经验,分享给大家一个完整的web前端的教学。(如果有什么不对的地方欢迎大家评论讨论),让每一个想学习前端的人,都能实现梦想!!!《这是小程序.uni-app篇》还有其他篇章,请按顺序观看哦
Midk
这个作者很懒,什么都没留下…
展开
-
uni-app安卓、ios、小程序底部安全区域
uni-app安卓、ios、小程序底部安全区域 padding-bottom: calc(底部距离rpx); padding-bottom: calc(底部距离rpx + constant(safe-area-inset-bottom)); padding-bottom: calc(底部距离rpx + env(safe-area-inset-bottom));原创 2021-08-04 17:29:54 · 4120 阅读 · 0 评论 -
uni-app实现web-view的app端根据安卓ios自定义动态显示导航
uni-app实现web-view的app端根据安卓ios自定义动态显示导航 <template> <view class="content"> <!-- 这里是自定义导航(这是封装的自定义组件)大家可以直接换成view标签自己写 --> <headers v-if="ishow" :title="statisticsPageTitle" :isShowShadow="false" :isShowBank="true"></h原创 2021-06-30 20:38:52 · 885 阅读 · 0 评论 -
uni-app的app端实现长按保存图片,保存二维码
uni-app的app端实现长按保存图片,保存二维码1.先给图片加一个长按事件:@longtab<!-- @longtab长按事件 --><image @longtap="bankImg" class="bankImgg" :show-menu-by-longpress="true" src="路径" mode=""></image>2.在methods中写如下代码methods: { //长按图片 bankImg(){原创 2021-06-24 10:44:47 · 2050 阅读 · 0 评论 -
app跳转小程序(可以指定页面传参)
1.先在manifest.json中的APP模块配置share(分享),打上对钩。2.在你需要跳转的方法中写如下代码(注意改id)plus.share.getServices(function(res){ var sweixin = null; for(var i=0;i<res.length;i++){ var t = res[i]; if(t.id == 'weixin'){ sweixin = t;原创 2021-06-21 15:38:28 · 1495 阅读 · 1 评论 -
如果在自己程序里集成一个微信qq一样的聊天系统呢?腾讯云即时通讯IM(客户端API【部分】)
腾讯云即时通讯IM客户端APISDK API(Web&小程序)TIM(命名空间)方法create()let options = { SDKAppID: 0 // 接入时需要将0替换为您的云通信应用的 SDKAppID,类型为 Number};let tim = TIM.create(options); // SDK 实例通常用 tim 表示如果需要海外通信:配置项oversea:true常量event:监听处理SDK 进入 ready 状态时触发,接入侧原创 2021-06-09 16:32:52 · 376 阅读 · 0 评论 -
uni-app最契合的组件库,uView组件库(使用)
uView组件库https://www.uviewui.com/1安装1、下载 https://ext.dcloud.net.cn/plugin?id=1593 下载插件zip2、把uview-ui文件夹复制项目目录下2配置1、在项目根目录中的main.js中,引入并使用uView的JS库,注意这两行要放在import Vue之后。import uView from "uview-ui";Vue.use(uView);2、在项目根目录的uni.scss中引入此文件@import原创 2021-05-16 20:19:43 · 2759 阅读 · 0 评论 -
uni-app第二篇补充(平台判断、网络请求、骨架屏)
运行环境判断uni-app 可通过 process.env.NODE_ENV 判断当前环境是开发环境还是生产环境。一般用于连接测试服务器或生产服务器的动态切换在HBuilderX 中,点击“运行”编译出来的代码是开发环境,点击“发行”编译出来的代码是生产环境devolopment 开发环境production 生产环境let baseurl = nullif(process.env.NODE_ENV=='development'){ // 开发环境 baseurl = "ht原创 2021-05-16 20:18:00 · 657 阅读 · 1 评论 -
一套代码编到10个平台,这不是梦想。眼见为实(最详细的uni-app详解)(还有第二篇补充)
框架概述1.uni-app概述uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。即使不跨端,uni-app也是更好的小程序开发框架。2.为什么要学习uni-app?多端框架,写一套到吗,可以发布到10个平台使用vue的语法,不需要转变开发思维。3.其他多端框架 wepy: (小程序) WePY 是一款让小程序支持组件原创 2021-05-16 20:11:57 · 510 阅读 · 0 评论 -
微信小程序,骨架屏的使用。简单两步,瞬间高大上
/**@ course Behavior及计算属性computed 、分包、基础库版本兼容、骨架屏、发布*@ author 杨亚月*@ time 2021/05/12**/一、知识点回顾二、作业讲解三、组件代码特性共享Behavior及计算属性computed1.Behavior组件间代码共享特性1.1介绍behavior是用于组件间代码共享的特性,意思就是定义一部分公共代码特性,每个 behavior 可以包含一组属性、数据、生命周期函数和方法。组件引用它时,它的属性、数据原创 2021-05-14 09:19:57 · 1742 阅读 · 1 评论 -
如何让微信小程序上线
小程序发布1.配置服务器设置-开发设置-配置服务器域名:2.上传发布1、上线前配置服务器域名 域名要求:协议必须是https的协议,域名被解析过的2、点击开发者工具的上传按钮,进入后台,版本管理,开发版本里边3、点击开发版本右侧,提交审核按钮4、审核通过后,直接发布上线...原创 2021-05-14 09:17:48 · 442 阅读 · 0 评论 -
微信小程序、微信低版本兼容
基础库低版本兼容小程序的功能不断的增加,但是旧版本的微信客户端并不支持新功能,所以在使用这些新能力的时候需要做兼容。1版本号比较js _getuserinfo() { // 4 13 // 2.10.4 // 获取到用户的客户端基础库版本 let version = wx.getSystemInfoSync() console.log(version.SDKVersion) this.compareVersion(version.SDKVersion原创 2021-05-14 09:16:32 · 2893 阅读 · 0 评论 -
微信小程序如何进行分包,两兆变20,单车变摩托
工程优化1.分包某些情况下,开发者需要将小程序划分成不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载。每个使用分包小程序必定含有一个主包。所谓的主包,即放置默认启动页面/TabBar 页面,以及一些所有分包都需用到公共资源/JS 脚本;而分包则是根据开发者的配置进行划分。直接进入分包,也会下载主包主包:tabber页面 app.js app.json。。。普通分包:按需加载,可以使用主包的数据独立分包:按需加载,不可以使用主包数据优势1.在小程序启动时,默认会下载主包并启动主原创 2021-05-14 09:13:07 · 209 阅读 · 1 评论 -
微信小程序、组件代码特性共享Behavior及计算属性computed
组件代码特性共享Behavior及计算属性computed1.Behavior组件间代码共享特性1.1介绍behavior是用于组件间代码共享的特性,意思就是定义一部分公共代码特性,每个 behavior 可以包含一组属性、数据、生命周期函数和方法。组件引用它时,它的属性、数据和方法会被合并到组件中,生命周期函数也会在对应时机被调用,方便管理与统一修改. 每个组件可以引用多个 behavior ,behavior 也可以引用其它 behavior1.2创建1、先新建一个behavior文件 js原创 2021-05-14 09:10:45 · 917 阅读 · 1 评论 -
微信小程序常用界面api及案例、获取用户信息、获取手机号、WeUI组件库、微信小程序云开发、云函数、云存储
三.常用界面api及案例常用界面API:wx.showToast()、wx.showLoading()、wx.hideLoading()、wx.setNavigationBarTitle()案例需求:请求接口,获取数据,进行数据渲染,添加点击事件,跳转页面,动态显示导航,使用交互api,完善页面加载效果代码案例: wx.showLoading({ title: '加载数据...', }) wx.hideLoading()showLoading 不会自动消失,需要hide原创 2021-05-13 19:59:11 · 1484 阅读 · 1 评论 -
微信小程序路由导航、自定义组件、slot槽口、组件通信、小程序生命周期、各种API,缓存,掉接口、get,post网络
1.导航组件(声明式导航)<!--navigate: 保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面 redirect:关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面 switchTab:跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面 reLaunch 关闭所有页面,打开到应用内的某个页面(包含tabbar页面) navigateBack: 关闭当前页面,返回上一页面或多级页面 能够t原创 2021-05-13 19:55:17 · 314 阅读 · 1 评论 -
微信小程序WXML、WXSS、事件系统、WXS、组件(详解)--看完就会写微信小程序。前面还有基础教程
三、视图层概述、框架的视图层由 WXML 与 WXSS 编写,由组件来进行展示。将逻辑层的数据反映成视图,同时将视图层的事件发送给逻辑层。WXML(WeiXin Markup language) 用于描述页面的结构。WXS(WeiXin Script) 是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。WXSS(WeiXin Style Sheet) 用于描述页面的样式。组件(Component)是视图的基本组成单元。四、WXML语法1.wxml概述及作用WXM.原创 2021-05-13 19:51:12 · 2049 阅读 · 3 评论 -
微信小程序开发(详解)-保证学的明明白白的
微信开发简介1.微信开发概述概述(1)微信开发即微信公众平台开发,将企业信息、服务、活动等内容通过微信网页的方式进行表现,用户通过简单的设置,就能生成微信网站。(2)通俗的说,就是微信对外提供了例如聊天、支付、分享、收藏等功能,同时还提供了丰富的封装好的接口,开发者利用这些接口和功能,写入程序中,进行的开发。目的(1)企业开发的需要,使自己更加符合企业发展的需求(2)个人的发展以及技能的提升(3)发展前景大、生态系统丰富平台(1)微信开放平台(2)微信公众平台2.微信开放平台概述原创 2021-05-13 19:46:04 · 1113 阅读 · 2 评论