首页
Python
Java
IOS
Andorid
NodeJS
JavaScript
HTML5
uni-app 实际开发经验
2024-09-03
记录第一次完整的uni-app开发经验
由于我是做后端的,一直没有做过前端的页面,以前在学校图书馆看的都是jsp技术,几乎是把java代码嵌套在前端界面.后面出来实习了才发现,jsp是真的落后了.现在的大学和实际工作所需偏差太大了,没办法.后面接触到前端,是在实习的第二家公司.那时候除了写后端接口,还得把PC端得管理界面写出来.因为前端模板用到的是springboot的thymeleaf技术.开源框架是若依,代码一般都是能直接生成的.倒也是捣鼓过一些前端的东西.这几天想要帮别人做一个商品展示页面.功能相对比较简单,也是没有太多要求.
uni app中使用自定义图标库
项目中难免会用到自定义图标,那在uni app中应该怎么使用呢? 首先, 将图标目录放在static资源目录下: 在main.js中引入就可以全局使用了 import '@/static/icon-one/icon-one.css' 在页面中的使用: <view class="user-wrap-message-item"> 我的订单 <view class="arrow-right"></view> </view>
uni app 零基础小白到项目实战-1
uni-app是一个使用vue.js开发跨平台应用的前端框架. 开发者通过编写vue.js代码,uni-app将其编译到Ios,android,微信小程序等多个平台,保证其正确并达到优秀体验. Uni-app继承自vue.js,提供了完整的vue.js开发体验. uni-app组件规范和扩展api与微信小程序基本相同. 有一定vue.js和微信小程序开发经验的开发者可快速上手uni-app,开发出兼容多端的应用. uni-app提供了条件编译优化 pages.json: 配置页面路由,导航条,选
uni app以及小程序 --环境搭建以及编辑器
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 根据以上网页下载自己电脑相应的版本的微信开发者工具(目录自己创建),然后进行运行安装(建议下载安装) 微信小程序和app比较相似的方式,都可以这个模式进行开发 在H X创建好项目以后可以再谷歌浏览器运行也可以在微信开发者工具上运行(需要进行适配,这个路径就是你刚刚安装工具的那个路径) 这样你就可以运行查看你刚刚创建的项目的效果了(项目目录大致是相通的就不
uni app canvas 不生效
canvas 创建canvas绘图上下文. <canvas style="width: 300px; height: 200px;" canvas-id="firstCanvas"></canvas> uni.createCanvasContext(canvasId, this) uni.createCanvasContext(firstCanvas, this) 注意:在自定义组件下,第二个参数传入组件实例this,若不传,则无法显示
uni app 零基础小白到项目实战2
<template> <scroll-view v-for="(card, index) in list" :key="index"> <view v-for =(item, itemIndex) in card"> {{item.value}} </view> </scroll-view> </template> GraceUi validatePhone() { // 验证手机号
uni app 零基础小白到项目实战
$emit 子组件传给父组件 $ref 父组件操作子组件 公用模板 uni-app全局变量的几种实现方法 const websiteUrl = 'http' const now = Date.now || function() { return new Date().getTime(); }; const isArray = Array.isArray || function(obj) { return obj instanceof Array }; export default { websi
uni app中关于图片的分包加载
因为在项目中使用了大量的静态资源图片,使得主包体积过大, 而把这些图片全部放到服务器又有点麻烦,就想能不能把图片也分包,但是直接放在分包下的话导致图片资源找不到了, 在社区中看到大佬分享的十分有用,特此记录下来,原文章链接:https://ask.dcloud.net.cn/question/68773 首先在根目录新建文件vue.config.js vue.config.js中: const path = require('path') const CopyWebpackPlugin = re
app服务器
http://heipark.iteye.com/blog/1847421http://heipark.iteye.com/blog/1847421http://wenku.baidu.com/view/f761cc1f55270722192ef769.html 服务框架:1.servlet2.netty协议:1.http 1.02.http 1.1db:mysql就可以了ORM框架:mybatis缓存:redis 技术:网络通信: tcp,http等:Web服务:servlet, cgi脚本,
5G到来,App的未来,是JavaScript,Flutter还是Native ?
Native App React Native(RN)发布于2015年,也是使用JavaScript语言进行跨平台APP的开发.与H5开发不同的是,它使用JS桥接技术在运行时编译成各个平台的Native代码,其使用的技术Facebook的Flux技术. 其特点是: 使用JavaScript语言,由于JS被广泛地使用,所以RN也很容易被接受. RN依赖JS的运行时环境,也就是JS桥接技术.其使用Facebook的Flux架构. RN仅提供了UI渲染和设备访问的API,很多功能必须依赖第三方库来实现
beta 阶段的 postmortem 报告
part一: 用户数:目前约30人 总结:与当初的预算差不多,首先1.第一次开发软件,经验效率不足,那是很正常的事情.2.用户数量少,因为宣传力度还是比较的少.应该加强软件的推广才行. part二: 1.每个成员在beta 阶段的实践和alpha 阶段有何改进? 成员 Beta阶段的实践和alpha 阶段有何改进 邵家文 要完成beta阶段的实践比alpha阶段的实践更具有挑战性与难度. 李泳江 beta阶段的实践的完成需要积累更广泛的知识与技术. 谢洪跃 工作量很大,细节要做好 周伟雄 工作分
Vue接口日常学习
最近使用uni.app 进行app的开发 页面搭完之后,发现不会调接口,今天学习了下 各个程序运行时,都会发起网络请求,网络相关的API在使用之前都会在使用前配置域名白名单 首先 现在中间件上一个promise封装uni-app的request方法,定义一个基础地址,然后可以在API中链接地址的时候进行一个拼接,基础地址就是大家公用的一个地址,然后可以用不同的api router去拼接这个基础地址,在通过获取方法method,请求的参数data去访问不同服务器地址里面的内容,发起网络请求成
微信小程序支付功能前端流程
只是分享一下小程序支付功能的前端流程和代码, 仅供参考(使用的是uni app). handleCreate () { /** 第一步:前台将商品数据发送到后台,后台创建订单入库并返回订单id等信息 */ uni.request({ url: '/testApi/wxPay/insert', // 创建订单接口 method: 'POST', data: { openId: '获取到的该用户的openid,必传', number: '商品数量', goodsId: '商品id', goodsFe
小程序包大小超过2M的解决方法
小程序的包被限制在2M以下, 超出的时候点击预览, 发现报错: Error: 代码包大小为 3701 kb,上限为 2048 kb,请删除文件后重试 1. 优化代码, 删除掉不用的代码 2. 图片压缩或上传服务器 一般图片所占空间较大,尽量不要放在小程序本地文件夹中,如果图片不多我们也可以对图片进行压缩,我经常使用的图片压缩平台:点击这里: 也可以将图片上传到服务器上,进行外链引用, 我们使用的是阿里云oss存储, 另外也可以通过图片托管平台对图片进行托管, 我找到的的图片托管平台:点击此处:
uni-app: 如何实现增量更新功能?
都知道,很多APP都有增量更新功能,Uni APP也是在今年初,推出了增量更新功能,今天我们就来学习一波. 当然,很多应用市场为了防止开发者不经市场审核许可,给用户提供违法内容,对增量更新大多持排斥态度,特别是apple.所以拥有增量更新的app,需要注意以下几点: 1.上架审核期间不要弹出增量更新提示 2.增量更新内容使用https下载,避免被三方网络劫持 3.不要更新违法内容.不要通过增量更新破坏应用市场的利益,比如iOS的虚拟支付要给Apple抽佣等 通过本章节你能学到那些? 1.如何实现
html5 一些好用的原生事件
计算机技术发展这么多年, 有些方面太老了,不适合新时代的发展, 使用新的规范,更方便开发和使用, 提高各方使用人的工作效率, 何乐而不为 drag drop html5新增属性 某些操作使用拖拽比较方便, 比如调整页面图片顺序,文件批量上传等 使用 drag的事件有开始 中间 结束三个状态, 开始结束两个event是定义在不同的element上, event可以设置复杂的attribute,这样在事件结束时就可以取出开始的数据 文件上传进度 XHR onprocess 原生事件 多文件上传 mu
Uniapp云打包生成apk下载链接
使用uni[]()app云打包生成安装包下载链接 manifest.json 中配置自动获取appid manifest.json中配置app 图标 按教程生成.keystore证书 使用云打包生成安卓apk下载链接 获取到下载链接后点击下载获得apk,即可在微信,qq等发布供好友下载安装
uni-app开发经验分享十六:发布android版App的详细过程
开发环境 1. Android Studio下载地址:Android Studio官网 OR Android Studio中文社区 2. HBuilderX(开发工具) 3. App离线SDK下载:最新android平台SDK下载 注意:HBuilderX版本要跟SDK版本一致. SDK目录说明 |-- HBuilder-Hello App离线打包演示应用 |-- HBuilder-Integrate-AS 集成uni-app或5+ app的最简示例 |-- SDK SDK库文件目录 |-- F
uni-app开发经验分享八: 实现微信APP支付的全过程详解
背景 最近项目使用uni-app实现微信支付,把过程简单记录下,帮助那些刚刚基础uni-app,苦于文档的同学们.整体来说实现过程和非uni-app的实现方式没有太大不同,难点就在于uni-app对于orderInfo的格式没有说明. 准备工作 申请了商户号,拿到了API秘钥.这个需要微信开发平台,相关的工作大家百度. 后面代码里用到的appid和秘钥之类需要实现申请号. 在uni-app manifest.json 配置sdk支付权限 前端代码 onload阶段获取了可用支付列表,这里我们只用
mui或者uni退出app
在安卓上可以使用 //1.1 var backButtonPress = 0; $.back = function(event) { backButtonPress++; if(backButtonPress > 1) { plus.runtime.quit(); } else { plus.nativeUI.toast('再按一次退出应用'); } setTimeout(function() { backButtonPress = 0; }, 1000); return false; }; /
手机版WEB开发经验分享,手机版网站开发注意事项,网站自适应,手机版网站自适应,移动安卓APP自适应
转自 http://my.oschina.net/cart/blog/282477 做前端开发不短了,用过jQuery Mobile jqMobi 也纯手工写过.. 最后总结如下: jQuery Mobile:适合大而全,兼容性高,功能全,但是文件大,略显臃肿..如果你是网页版.手机版共用jquery库等 适合使用jQuery Mobile. jqMobi:适合单独就是手机版的站,体积小,速度快,但是兼容性没有jQuery Mobile好,功能没有jQuery Mobile全,但是一般也够用啦.
热门专题
excel设置相同单元格显示相同背景
geoserver获取bbox
robot如何处理post接口
mysql建完视图,再向原表导入数据,数据会自动跑进视图吗
怎么删除目录的页码,正文从1开始
visual studio 快捷键 查看值
为什么我创建meven项目时,pom.xml没有提示
a-select 限制选3个
\@Bean 重命名
eclipse中add and remove
“vue-baidu-map”
windowsapi函数大全
sqoop的搭建思路是什么
odbc连接access数据库失败
python 文件 删除行
QTP录制脚本如何录制简化脚本
vue绑定后端数据实现列表
日志部分的代码注释乱码了
h5 目录中有中文怎么打包
java如何接收tcp消息订阅