草庐IT

前端微信客服

全部标签

微信小程序--基础内容(详解)(一)

一、常用标签1、view标签view标签是一个块级元素,类似于div(小程序里面没有div标签),里面可以放任何内容或者插值表达式,如下所示:view>这是view标签view>view>{{num}}view>2、text标签text标签是一个文本标签,行内标签,类似于span标签(小程序没有span标签),Tips:可以添加selectable属性,长按选中,仅text标签支持,如下:textselectable>这是一段优美的文字text>3、scroll-view标签scroll-view标签表示滚动,scroll-x是水平方向滚动,scroll-y是垂直方向滚动。水平方向滚动:scr

uniapp实现微信支付、支付宝支付

前言:本文只介绍了代码片段,如果需要支付前准备的流程可以继续浏览查找(狗头)该方法是开发uniapp时使用的,未涉及5+APP前端部分并不复杂,只是有些流程步骤有些杂乱,正常都是后端去和微信交互。前端只需要将每个参数对应的填好,发送请求即可。微信支付:一、配置manifest中的微信支付,填写对应微信开放平台申请应用的AppID值二、发送请求获取appid、partnerid、prepayid、package、noncestr、timestamp、sign等值,这些都是后端与微信交互产生的,调用接口传入后端需要的参数获取就好了。三、获取到对应的参数值后,就可以使用uniapp官方的api请求进

nginx支持一个端口访问多个前端项目(http以及https)

前言    最近做项目结构优化,前端项目都是部署在nginx上,想实现同一个端口可以访问多个前端项目.这样可以提高服务器的端口复用率,降低项目部署以及维护成本.根据平常的需求,用两台nginx服务器分别支持http、https同一端口访问不同项目。下面将配置方式以及相关注意事项做简单梳理,希望对有相同需求的同学有所帮助,尽量提升效率,专注业务开发!http方式同一端口访问不同项目    nginx安装步骤这里不在介绍,有安装需求的同学可以参考:超详细的linux部署nginx实战记录,直接介绍如何如何配置:22服务器的8099设置为访问多个项目,关键配置文件如下:server{listen80

【微信小程序】条件渲染 列表渲染 原来这样用?

目录WXML模板语法-条件渲染🍊1.wx:if🍋2.结合使用wx:if🍉3.hidden🍓4.wx:if与hidden的对比WXML模板语法-列表渲染🥭1.wx:for🍍2.手动指定索引和当前项的变量名🥝3.wx:key的使用WXML模板语法-条件渲染🍊1.wx:if在小程序中,使用wx:if="{{condition}}"来判断是否需要渲染该代码块:{condition}}">ture也可以用wx:elif和wx:else来添加else判断:{type==1}}">type==1{type==2}}">type==2type==3js:Page({data:{type:1},})因为type

Web前端快速开发 Bootstrap 响应式UI框架

文章目录前言Bootstrap介绍Bootstrap3Bootstrap响应式UI框架使用布局容器栅格系统响应式工具类bootstrap4bootstrap5变化的内容前言本文讲解了Bootstrap响应式UI框架的基本使用与规则,如果本文对你所帮助,请三连支持博主,先赞后看养成习惯。以下是本篇文章正文内容,下面案例可供参考Bootstrap介绍顾名思义就是一套架构,它有一套完整的网页功能解决方案,而且控制权在框架本身,有预定的样式库、组件库和插件。使用者必须按照框架所规定的规则来开发。Bootstrap是基于HTMLCSSJavascript的框架,用于开发响应式布局,移动设备有限的web项

【开源物联网】微信小程序MQTT通信及开源框架实现

1、概述MQTT通信是一种物联网主流通信协议,微信小程序是腾讯提供的一种无需安装即可使用的应用程序,已成为一种广泛使用的用户端程序。因此,在微信小程序端接入MQTT自然成为一种非常普遍的需求。2、实现为了在微信小程序实现MQTT通信,通过调研微信小程序提供的接口可知,微信小程序提供了WebSocket基础接口供使用。因此,可以通过基于WebSocket的MQTT方法实现微信小程序接入MQTT通信,详情见文章:基于WebSocket进行MQTT通信及小程序接入,本文重点关注微信小程序端的实现。直接基于微信小程序官方WebSocket接口实现MQTT通信需要实现所有MQTT规范和报文封装,此项工作

走进小程序【十一】微信小程序【使用Echarts 和 腾讯地图】

文章目录🌟前言🌟效果展示🌟使用Echarts🌟Echarts官网🌟体验示例小程序🌟下载🌟引入组件🌟创建图表🌟暂不支持的功能🌟使用地图🌟map组件🌟创建图表🌟写在最后🌟前言哈喽小伙伴们,小程序的新星计划在这周也进入了尾声,回顾一个月输出小程序相关文章以来,收获颇多充实了很多;大家一定在项目需求当中遇到过需要使用Echarts和地图组件吧;今天这篇文章我会带领大家去实际的操作一下;话不多说,咱们直接开整!🤘🌟效果展示🌟使用Echarts🌟Echarts官网Echarts官方介绍微信小程序使用Echarts🌟体验示例小程序在微信中扫描下面的二维码即可体验EChartsDemo:🌟下载为了兼容小程序C

Vue2 实现前端分页 使用Element-ui 后端返回数据没有字段 以及后端有字段实现分别实现分页

后端如果一次给你返回很多数据那么浏览器会卡那么要实现分页也是属于性能优化的一种 比如把一万条数据显示成每页10条或者更多. 不会引起阻塞每次点击的时候给后端传入字段 在联调的时候要划分好责任看后端有没有给你字段还是要你自己实现不过大部分都是后端给的字段也是必须的 就是每次用户点击的时候在去请求数据每次请求多少条1.这个是前端分页后端分页在下面1.使用element-ui的分页组件分页完整功能//返回的数据长度page-size每页显示条目个数,支持.sync修饰符current-page当前页数,支持.sync修饰符total总条目数number—2.在分页组件里面的data里面开始写需要的数

微信小程序项目转uniapp踩坑日记

本文目录一、前言二、转换方式三、后语四、其他:node报错1、包默认C盘存放,而不是安装目录E盘2、正确的环境变量添加3、npminstall命令报错4、npminstall-gexpress报错没有权限一、前言由于想要把之前完成的微信小程序项目转换成uniapp项目,这样的话之后可以编译成其他平台的小程序、网页、安卓、IOS,所以开始了我的踩坑之旅。PS:安卓和IOS还是算了,主要弄其他小程序可以省很多功夫,但是各个平台不一样有的还是要自己来做,但是会省不少力气二、转换方式查看uniapp官方文档知道有工具可以转换,安装工具有两种方式,一种是装npm全局库、另一种是装HBuilderX插件,

web前端面试高频考点——Vue的高级特性(动态组件、异步加载、keep-alive、mixin、Vuex、Vue-Router)

系列文章目录内容参考链接Vue基本使用Vue的基本使用(一文掌握Vue最基础的知识点)Vue通信和高级特性Vue组件间的通信及高级特性(多种组件间的通信、自定义v-model、nextTick、插槽)Vue高级特性Vue的高级特性(动态组件、异步加载、keep-alive、mixin、Vuex、Vue-Router)Vue原理1Vue原理(理解MVVM模型、深度/监听data变化、监听数组变化、深入了解虚拟DOM)Vue原理2Vue原理(diff算法、模板编译、组件渲染和更新、JS实现路由)Vue面试题web前端面试高频考点——Vue面试题文章目录系列文章目录一、Vue高级特性1、动态组件2、