当前位置: 首页 > wzjs >正文

网站如何做中英文切换全国前十名小程序开发公司

网站如何做中英文切换,全国前十名小程序开发公司,做网站推广优化靠谱,商务网站建设步骤有几个前言 本专栏是基于uniapp实现手机端各种小功能的程序,并且基于各种通讯协议如http、websocekt等,实现手机端作为客户端(或者是手持机、PDA等),与服务端进行数据通讯的实例开发。 发文平台 CSDN 环境配置 系统&…
前言

本专栏是基于uniapp实现手机端各种小功能的程序,并且基于各种通讯协议如http、websocekt等,实现手机端作为客户端(或者是手持机、PDA等),与服务端进行数据通讯的实例开发。

发文平台

CSDN

环境配置

系统:windows
平台:visual studio code、HBuilderX(uniapp开发)
语言:javascript、html、vue
库:websocket、http

概述

本文主要是介绍一下如何在uniapp上,创建自己的插件并发布到uniapp市场,插件可以是免费的,也能付费。
详细的插件创建与发布流程可以参看uniapp的官方手册:
https://uniapp.dcloud.net.cn/plugin/
本文主要介绍一下,如何创建并发布一个简单的UTS插件。

1、创建插件

我们使用uniapp的开发软件HBuilderX来新建一个项目,空项目即可:
在这里插入图片描述
然后右击项目根目录,选择新建uni_modules目录,创建一个uni插件目录:
在这里插入图片描述
接着右击刚刚创建的uni_modules根目录,选择新建uni_modules插件
在这里插入图片描述
如上,为我们的插件去一个名字(即插件ID,有规范要求,具体参看官方说明),然后分类选择UTS插件-API插件
在这里插入图片描述
以上,插件根目录下的文档是标准生成的,我们可以不用,比如,我们可以删除utssdk下面的所有文件,然后新建一个index.uts文件,在此文件中编写我们的接口函数即可。
我们编写一个简单的数据格式转换函数,即将浮点数转为对应的16进制字符串,以4位16进制显示,不足4位补零:

export function floattohex4(num:number,islittleEndian:boolean = false):string{const buffer = new ArrayBuffer(4);const view = new DataView(buffer);view.setFloat32(0,num,islittleEndian);let hex = '';for (let i=0;i<4;i++){const byte = view.getUint8(i);hex += byte.toString(16).padStart(2,'0');}return hex;
}
2、发布插件

编写完成以后,我们就可以进行插件的发布了。右击插件目录,选择发布到插件市场
在这里插入图片描述
此时会弹出一个对话框,在发布之前,需要我们补全插件的一些信息,比如插件介绍、说明、版本、是否付费(如果付费,设置金额),更新日志,其中选项前标*的是必填项,按照说明填写即可。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
填写完成后,点击提交即可。
然后我们登录自己的uni账号,查看自己发布的插件:
在这里插入图片描述

3、使用插件

现在我们成功的发布了自己的插件,虽然功能简单,但是对于一些通用的功能,编写成插件后,以后可以随时调用,就不需要重复编写了。
我们假设现在我们有一个其他的项目,需要使用我们的RJ-floatTohex4插件,那么需要先在插件市场下载此插件:
在这里插入图片描述

在这里插入图片描述
可以选择将插件导入哪一个项目中。
在这里插入图片描述
然后我们在项目中使用这个插件的功能,我们在页面上创建一个输入框、一个转换按钮以及文本,当输入一个浮点数后,点击转换按钮,输出转换后的16进制字符:

<template><view class="content"><view><input class="uni-input" @input="inputfunc" placeholder="输入浮点数"><button @click="convert">转换</button><view>转换:{{showValue}}</view></view></view>
</template><script>import { floattohex4 } from '../../uni_modules/RJ-floatTohex4';export default {data() {return {inputValue:'',showValue:'',}},onLoad() {},methods: {inputfunc(){this.inputValue = event.target.value;},convert(){const dt_float =parseFloat(this.inputValue);const dt_hex = floattohex4(dt_float,false);this.showValue = dt_hex;}}}
</script><style>.content {display: flex;flex-direction: column;align-items: center;justify-content: center;}
</style>

看一下使用效果:
在这里插入图片描述

以上,是使用uniapp开发自己的插件的一次记录。
如果你有很好的通用程序,可以制作成插件,分享给其他用户,也可以设置为付费,获取收益。

http://www.dtcms.com/wzjs/523164.html

相关文章:

  • 专业做模具钢的网站百度最新秒收录方法2022
  • 网站地图做法做第三方平台推广引流
  • 中国建设网官方网站客服电话创建属于自己的网站
  • 东莞品牌网站设计公司网站seo最新优化方法
  • 山东省和住房建设厅网站最新营销模式有哪些
  • 域名买完后如何做网站百度推广平台登陆
  • 郑州经济技术开发区属于什么区需要优化的网站有哪些
  • 郑州做网站企业汉狮百度推广年费多少钱
  • 安装完wordpress主题信息流优化师招聘
  • wordpress随机广告重庆网站快速排名优化
  • 长沙竞价网站建设报价精准防恶意点击软件
  • 腾讯wordpress 建站哪些平台可以打小广告
  • 做网站后的总结全媒体运营师报考条件
  • 适合html初学者做的网站沈阳优化推广哪家好
  • 网站正在建设中 av手机版网盟推广
  • 包头做网站的公司最新热搜榜
  • 手机网站建设注意事项百度网盘怎么提取别人资源
  • 靓号注册网站免费seo建设
  • 维护网站需要多少钱平台推广公众平台营销
  • 石家庄大型公司建站新手怎么推广自己的店铺
  • .net 网站开发项目结构品牌推广与传播方案
  • 旅游网站后台管理系统一个完整的营销策划案范文
  • 一个网站的建设要经过哪几个阶段百家号关键词排名优化
  • 网站seo应用精准客户资源购买
  • 电商网站商品页的优化目标是什么seo推广百度百科
  • 网站一年域名费用多少钱想做推广哪个平台好
  • 微信网站后期运营怎么做sem推广托管公司
  • 电子商务网站建设与管理期末考试试卷a上海seo优化培训机构
  • 杭州网站设计优异柚v米科技地推
  • 天津企业网站开发国外免费建站网站