HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

HBuilderX应用图标一枚

我是一名懂一点点前端开发的UI设计师,使用HB还是有很长一段时间啦,但是总觉得HB的图标在我的Mac里都显的那么的格格不入,所以今天抽了点时间重绘了一下HB的图标,有喜欢的就拿去用吧。

我是一名懂一点点前端开发的UI设计师,使用HB还是有很长一段时间啦,但是总觉得HB的图标在我的Mac里都显的那么的格格不入,所以今天抽了点时间重绘了一下HB的图标,有喜欢的就拿去用吧。

--

外包

--

--

关于开发文档

文档

我就想说一句,坑的一逼~~!能好好整个文档?

我就想说一句,坑的一逼~~!能好好整个文档?

帮忙集成各种第三方插件,5+ ,uniapp 阿里百川 百度Ar 等等均可

技巧 外包 离线打包 插件

无聊时间,帮忙集成各种第三方插件,5+ ,uniapp 阿里百川 百度Ar 等等 android ios 均可,指导离线打包 技术交流, 开发技巧等等
时间就是金钱,简单问题熬个几天划不来,花点钱说不定分分钟就可以搞定,能理解得就使劲问我,知无不言
同时可以承接各种前端短期任务

继续阅读 »

无聊时间,帮忙集成各种第三方插件,5+ ,uniapp 阿里百川 百度Ar 等等 android ios 均可,指导离线打包 技术交流, 开发技巧等等
时间就是金钱,简单问题熬个几天划不来,花点钱说不定分分钟就可以搞定,能理解得就使劲问我,知无不言
同时可以承接各种前端短期任务

收起阅读 »

uni-app创建动画示例往复运动

uniapp

            setInterval(()=>{  
                var animation = uni.createAnimation({  
                    duration:500,  
                    delay:0,  
                })  
                if(num === -20){  
                    num = 0  
                }else if(num ===0){  
                    num = -20  
                }  
                this.animation = animation  
                animation.translateY(num).rotate(90).step()  
                this.animationData = animation.export()  
            }, 500)```  
注意```if(num === -20){  
                    num = 0  
                }else if(num ===0){  
                    num = -20  
                }```
继续阅读 »

            setInterval(()=>{  
                var animation = uni.createAnimation({  
                    duration:500,  
                    delay:0,  
                })  
                if(num === -20){  
                    num = 0  
                }else if(num ===0){  
                    num = -20  
                }  
                this.animation = animation  
                animation.translateY(num).rotate(90).step()  
                this.animationData = animation.export()  
            }, 500)```  
注意```if(num === -20){  
                    num = 0  
                }else if(num ===0){  
                    num = -20  
                }```
收起阅读 »

论如何在 uni-app 上使用 sockjs 以及 stomp(顺便)

GitHub 项目

>本项目可在uni-app 环境上兼容 WebSocket api, 使 sockjs+stomp 可如浏览器环境一般正常运行

> 该方式原理极其简单, 目前简单测试一切 ok, 关键代码在 js/websocket-uni.js 中, 在其中造一个 WebSocket 对象兼容 uni 的 API 即可

> 本项目可运行在 IOS APP 上(模拟器亲测) 以及 浏览器上(浏览器本身就支持 WebSocket), 小程序目测也是 ok的(小程序的 api 被 uni 封装过了, 所以应该是 ok 的)

> 另照此方式, 理论上 写个 websocket-wxmini.js , 然后拿到纯微信小程序上跑目测也是可行的, 单由于本人 996 日夜操劳, 就不亲测了!!

继续阅读 »

GitHub 项目

>本项目可在uni-app 环境上兼容 WebSocket api, 使 sockjs+stomp 可如浏览器环境一般正常运行

> 该方式原理极其简单, 目前简单测试一切 ok, 关键代码在 js/websocket-uni.js 中, 在其中造一个 WebSocket 对象兼容 uni 的 API 即可

> 本项目可运行在 IOS APP 上(模拟器亲测) 以及 浏览器上(浏览器本身就支持 WebSocket), 小程序目测也是 ok的(小程序的 api 被 uni 封装过了, 所以应该是 ok 的)

> 另照此方式, 理论上 写个 websocket-wxmini.js , 然后拿到纯微信小程序上跑目测也是可行的, 单由于本人 996 日夜操劳, 就不亲测了!!

收起阅读 »

安卓原生定位

Native.JS
        var i=0;//执行次数  
        var chenggong=0;//成功次数  
        var shibai=0;//失败次数  

    mui.plusReady(function(){   
            var context = plus.android.importClass("android.content.Context");  
            var locationManager = plus.android.importClass("android.location.LocationManager");  
            var main = plus.android.runtimeMainActivity();  
            var mainSvr = main.getSystemService(context.LOCATION_SERVICE);  

            // 定位方式有network和GPS两种  

            var locationListener = plus.android.implements("android.location.LocationListener", {  
                "onLocationChanged": function(location) {  
                    i++;  
                    chenggong++;  
                    var latitude = plus.android.invoke(location, "getLatitude");  
                    var longitude = plus.android.invoke(location, "getLongitude");  
                    var gpsLocation = "lat:"+ latitude+",lng:"+longitude;  

                    $("#zhixing").val(i);  
                    $("#dingwei").val(chenggong);  
                    $("#area").val(gpsLocation);  

                },  
                "onProviderEnabled": function(res) {  
                },  
                "onProviderDisabled": function(res) {  
                    console.log("无法获取GPS模块,将无法获取经纬度信息!");  
                        i++;  
                        shibai++;  
                        $("#zhixing").val(i);  
                        $("#dingwei").val(shibai);  
                        $("#area").val("");  
                },  
                "onStatusChanged": function(p, s, e) {  
                    console.log(p);  
                }  
            });  
            // locationManager.GPS_PROVIDER 只使用GPS,locationManager参数可以自己百度  
            mainSvr.requestLocationUpdates(locationManager.GPS_PROVIDER, 1000, 0, locationListener);      
    });
继续阅读 »
        var i=0;//执行次数  
        var chenggong=0;//成功次数  
        var shibai=0;//失败次数  

    mui.plusReady(function(){   
            var context = plus.android.importClass("android.content.Context");  
            var locationManager = plus.android.importClass("android.location.LocationManager");  
            var main = plus.android.runtimeMainActivity();  
            var mainSvr = main.getSystemService(context.LOCATION_SERVICE);  

            // 定位方式有network和GPS两种  

            var locationListener = plus.android.implements("android.location.LocationListener", {  
                "onLocationChanged": function(location) {  
                    i++;  
                    chenggong++;  
                    var latitude = plus.android.invoke(location, "getLatitude");  
                    var longitude = plus.android.invoke(location, "getLongitude");  
                    var gpsLocation = "lat:"+ latitude+",lng:"+longitude;  

                    $("#zhixing").val(i);  
                    $("#dingwei").val(chenggong);  
                    $("#area").val(gpsLocation);  

                },  
                "onProviderEnabled": function(res) {  
                },  
                "onProviderDisabled": function(res) {  
                    console.log("无法获取GPS模块,将无法获取经纬度信息!");  
                        i++;  
                        shibai++;  
                        $("#zhixing").val(i);  
                        $("#dingwei").val(shibai);  
                        $("#area").val("");  
                },  
                "onStatusChanged": function(p, s, e) {  
                    console.log(p);  
                }  
            });  
            // locationManager.GPS_PROVIDER 只使用GPS,locationManager参数可以自己百度  
            mainSvr.requestLocationUpdates(locationManager.GPS_PROVIDER, 1000, 0, locationListener);      
    });
收起阅读 »

动态修改导航栏上的按钮状态

导航栏组件

var currentWebview = this.$mp.page.$getAppWebview();
currentWebview.setTitleNViewButtonStyle(1,{
text :this.isStop?'全部暂停':'全部开始',
})

继续阅读 »

var currentWebview = this.$mp.page.$getAppWebview();
currentWebview.setTitleNViewButtonStyle(1,{
text :this.isStop?'全部暂停':'全部开始',
})

收起阅读 »

第三方SDK

uni_app

uni-app怎么引入第三方SDK,我想去引用第三方SDK,但是他没有支持uni-app的资源包,只有android和ios的原生开发资源包,请问我怎么去根据手机系统去引入不同的SDK调用里面的方法

uni-app怎么引入第三方SDK,我想去引用第三方SDK,但是他没有支持uni-app的资源包,只有android和ios的原生开发资源包,请问我怎么去根据手机系统去引入不同的SDK调用里面的方法

关于 nvue 里touchstart等事件无法获取touch坐标的问题 目前解决方法

nvue

因为现在出来了一个新的nvue编译模式“uniapp”模式,所以我就用上了,在使用过程中发现touchstart等事件无法获取touch的坐标,经过测试,这个应该是新的uniapp模式还不完善导致的,我把编译模式改回来,再把组件改为weex组件,就能够获取到坐标了。

继续阅读 »

因为现在出来了一个新的nvue编译模式“uniapp”模式,所以我就用上了,在使用过程中发现touchstart等事件无法获取touch的坐标,经过测试,这个应该是新的uniapp模式还不完善导致的,我把编译模式改回来,再把组件改为weex组件,就能够获取到坐标了。

收起阅读 »